.article-body{--article-orange:#ff5000;--article-orange-dark:#cc3d00;--article-blue:#00b3d4;--article-bg:#f8f9fc;--article-border:#e2e4ea;--article-card:#fff;--article-text:#151619;--article-text-sub:#0b0c0f;--article-text-muted:#6b7280;--article-text-faint:#9ca3af;--article-font-sans:"Noto Sans JP", system-ui, -apple-system, sans-serif;--article-font-serif:"Noto Serif JP", "Yu Mincho", "YuMincho", serif;--article-font-num:"Fraunces", "Noto Serif JP", serif;font-family:var(--article-font-sans);background:var(--article-bg);color:var(--article-text);font-size:16px;font-weight:300;line-height:1.625;overflow-x:hidden}.article-body *{box-sizing:border-box}.article-body a{color:var(--article-blue);text-decoration:none;transition:color .2s}.article-body a:hover{color:var(--article-orange)}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6,.article-body p,.article-body ol,.article-body ul{font-weight:inherit;font-size:inherit;margin:0;padding:0}.article-body .text-hero{font-size:clamp(24px,4vw,40px)}.article-body .text-h2{font-size:clamp(22px,3.5vw,36px)}.article-body .text-cta-h2{font-size:clamp(22px,3vw,36px)}@keyframes article-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes article-bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.article-body .a1{animation:.6s both article-fade-up}.article-body .a2{animation:.6s .1s both article-fade-up}.article-body .a3{animation:.6s .2s both article-fade-up}.article-body .a4{animation:.6s .3s both article-fade-up}.article-body .scroll-hint{animation:2s infinite article-bounce;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.article-body .divider{background:linear-gradient(90deg, var(--article-orange), var(--article-blue), transparent);height:2px}.article-body .tl-months{margin-bottom:12px;padding-left:160px;display:flex}.article-body .tl-row{align-items:center;margin-bottom:10px;display:flex}.article-body .tl-school{color:#666;width:160px;min-width:160px;padding-right:12px;font-size:11px;line-height:1.4}.article-body .tl-track{background:var(--article-border);border-radius:4px;flex:1;height:28px;position:relative;overflow:hidden}.article-body .tl-bar{color:#fff;white-space:nowrap;border-radius:4px;align-items:center;height:20px;padding:0 8px;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;overflow:hidden}@media (max-width:600px){.article-body .tl-months{padding-left:90px}.article-body .tl-school{width:90px;min-width:90px;font-size:9px}}.article-body .cb-track{background:var(--article-border);border-radius:6px;flex:1;height:32px;overflow:hidden}.article-body .cb-fill{color:#fff;border-radius:6px;align-items:center;height:100%;padding:0 12px;font-size:12px;font-weight:700;transition:width 1s;display:flex}.article-body .faq-item{background:var(--article-card);border:1px solid var(--article-border);border-radius:12px;margin-bottom:12px;overflow:hidden}.article-body summary.faq-q,.article-body .faq-q{color:#000;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:14px;font-weight:700;list-style:none;display:flex}.article-body summary.faq-q::-webkit-details-marker{display:none}.article-body summary.faq-q:after,.article-body .faq-q:after{content:"＋";color:var(--article-orange);flex-shrink:0;font-size:18px;transition:transform .3s}.article-body details.faq-item[open]>summary.faq-q:after,.article-body .faq-item.open .faq-q:after{transform:rotate(45deg)}.article-body .faq-a{border-top:1px solid var(--article-border);color:#0b0c0f;padding:16px 20px 20px;font-size:12px;line-height:2}.article-body .check-li{margin:0;padding:0;list-style:none}.article-body .check-li li{align-items:flex-start;gap:8px;display:flex}.article-body .check-li li:before{content:"✓";color:var(--article-blue);flex-shrink:0;font-weight:700}.article-body .dot-li{margin:0;padding:0;list-style:none}.article-body .dot-li li{padding-left:16px;position:relative}.article-body .dot-li li:before{content:"•";color:var(--article-blue);font-weight:700;position:absolute;left:0}.article-body .bg-orange{background-color:var(--article-orange)}.article-body .bg-blue{background-color:var(--article-blue)}.article-body .bg-bg{background-color:var(--article-bg)}.article-body .bg-white{background-color:#fff}.article-body .bg-black{background-color:#000}.article-body .bg-gray-200{background-color:#e5e7eb}.article-body .bg-orange\/5{background-color:#ff50000d}.article-body .bg-orange\/10{background-color:#ff50001a}.article-body .bg-blue\/5{background-color:#00b3d40d}.article-body .bg-blue\/10{background-color:#00b3d41a}.article-body .text-orange{color:var(--article-orange)}.article-body .text-blue{color:var(--article-blue)}.article-body .text-black{color:#000}.article-body .text-white{color:#fff}.article-body .text-gray-400,.article-body .text-gray-500{color:#0b0c0f}.article-body .text-gray-700{color:#374151}.article-body .text-blue\/30{color:#00b3d44d}.article-body .border-orange{border-color:var(--article-orange)}.article-body .border-blue{border-color:var(--article-blue)}.article-body .border-border{border-color:var(--article-border)}.article-body .border-orange\/30{border-color:#ff50004d}.article-body .border-blue\/30{border-color:#00b3d44d}.article-body .divide-border>*+*{border-color:var(--article-border)}.article-body .font-sans{font-family:var(--article-font-sans)}.article-body .font-serif{font-family:var(--article-font-serif)}.article-body .font-num{font-family:var(--article-font-num)}.article-body .font-light{font-weight:300}.article-body .font-normal{font-weight:400}.article-body .font-bold{font-weight:700}.article-body .font-extrabold{font-weight:800}.article-body .font-black{font-weight:900}.article-body .text-xs{font-size:12px;line-height:16px}.article-body .text-sm{font-size:14px;line-height:20px}.article-body .text-base{font-size:16px;line-height:24px}.article-body .text-lg{font-size:18px;line-height:28px}.article-body .text-xl{font-size:20px;line-height:28px}.article-body .text-3xl{font-size:30px;line-height:36px}.article-body .text-left{text-align:left}.article-body .text-center{text-align:center}.article-body .leading-loose{line-height:2}.article-body .leading-relaxed{line-height:1.625}.article-body .leading-snug{line-height:1.375}.article-body .leading-tight{line-height:1.25}.article-body .tracking-widest,.article-body .tracking-widests{letter-spacing:.1em}.article-body .uppercase{text-transform:uppercase}.article-body .whitespace-nowrap{white-space:nowrap}.article-body .not-italic{font-style:normal}.article-body .block{display:block}.article-body .inline-block{display:inline-block}.article-body .inline-flex{display:inline-flex}.article-body .flex{display:flex}.article-body .grid{display:grid}.article-body .flex-1{flex:1}.article-body .flex-col{flex-direction:column}.article-body .flex-wrap{flex-wrap:wrap}.article-body .flex-shrink-0{flex-shrink:0}.article-body .items-center{align-items:center}.article-body .items-start{align-items:flex-start}.article-body .justify-center{justify-content:center}.article-body .justify-between{justify-content:space-between}.article-body .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.article-body .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.article-body .w-3{width:12px}.article-body .w-6{width:24px}.article-body .w-10{width:40px}.article-body .w-full{width:100%}.article-body .h-3{height:12px}.article-body .h-6{height:24px}.article-body .h-10{height:40px}.article-body .max-w-3xl{max-width:768px}.article-body .min-w-\[200px\]{min-width:200px}.article-body .min-h-screen{min-height:auto}.article-body .mx-auto{margin-left:auto;margin-right:auto}.article-body .mb-0\.5{margin-bottom:2px}.article-body .mb-1{margin-bottom:4px}.article-body .mb-1\.5{margin-bottom:6px}.article-body .mb-2{margin-bottom:8px}.article-body .mb-3{margin-bottom:12px}.article-body .mb-4{margin-bottom:16px}.article-body .mb-5{margin-bottom:20px}.article-body .mb-6{margin-bottom:24px}.article-body .mb-8{margin-bottom:32px}.article-body .mb-12{margin-bottom:48px}.article-body .mt-0\.5{margin-top:2px}.article-body .mt-3{margin-top:12px}.article-body .mt-4{margin-top:16px}.article-body .mt-5{margin-top:20px}.article-body .mt-6{margin-top:24px}.article-body .mt-8{margin-top:32px}.article-body .mt-10{margin-top:40px}.article-body .mt-12{margin-top:48px}.article-body .ml-2{margin-left:8px}.article-body .p-6{padding:24px}.article-body .p-7{padding:28px}.article-body .p-8{padding:32px}.article-body .px-2{padding-left:8px;padding-right:8px}.article-body .px-2\.5{padding-left:10px;padding-right:10px}.article-body .px-3{padding-left:12px;padding-right:12px}.article-body .px-3\.5{padding-left:14px;padding-right:14px}.article-body .px-4{padding-left:16px;padding-right:16px}.article-body .px-5{padding-left:20px;padding-right:20px}.article-body .px-6{padding-left:24px;padding-right:24px}.article-body .px-7{padding-left:28px;padding-right:28px}.article-body .py-0\.5{padding-top:2px;padding-bottom:2px}.article-body .py-1{padding-top:4px;padding-bottom:4px}.article-body .py-1\.5{padding-top:6px;padding-bottom:6px}.article-body .py-3{padding-top:12px;padding-bottom:12px}.article-body .py-4{padding-top:16px;padding-bottom:16px}.article-body .py-5{padding-top:20px;padding-bottom:20px}.article-body .py-6{padding-top:24px;padding-bottom:24px}.article-body .py-8{padding-top:32px;padding-bottom:32px}.article-body .py-16{padding-top:64px;padding-bottom:64px}.article-body .py-20{padding-top:80px;padding-bottom:80px}.article-body .pl-5{padding-left:20px}.article-body .pb-4{padding-bottom:16px}.article-body .pb-8{padding-bottom:32px}.article-body .pt-3{padding-top:12px}.article-body .pt-4{padding-top:16px}.article-body .pt-16{padding-top:64px}.article-body .gap-1\.5{gap:6px}.article-body .gap-2{gap:8px}.article-body .gap-3{gap:12px}.article-body .gap-4{gap:16px}.article-body .gap-5{gap:20px}.article-body .border{border-style:solid;border-width:1px}.article-body .border-2{border-style:solid;border-width:2px}.article-body .border-b{border-bottom-style:solid;border-bottom-width:1px}.article-body .border-t{border-top-style:solid;border-top-width:1px}.article-body .border-t-2{border-top-style:solid;border-top-width:2px}.article-body .border-l-4{border-left-style:solid;border-left-width:4px}.article-body .border-collapse{border-collapse:collapse}.article-body .rounded{border-radius:4px}.article-body .rounded-sm{border-radius:2px}.article-body .rounded-md{border-radius:6px}.article-body .rounded-lg{border-radius:8px}.article-body .rounded-xl{border-radius:12px}.article-body .rounded-2xl{border-radius:16px}.article-body .rounded-full{border-radius:9999px}.article-body .rounded-r-xl{border-top-right-radius:12px;border-bottom-right-radius:12px}.article-body .shadow-sm{box-shadow:0 1px 2px #0000000d}.article-body .shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.article-body .list-none{list-style:none}.article-body .list-decimal{list-style:decimal}.article-body .divide-y>*+*{border-top-style:solid;border-top-width:1px}.article-body .transition-colors{transition:color .2s,background-color .2s,border-color .2s}.article-body .transition-transform{transition:transform .2s}.article-body .relative{position:relative}.article-body .overflow-hidden{overflow:hidden}.article-body .overflow-x-hidden{overflow-x:hidden}.article-body .overflow-x-auto{overflow-x:auto}.article-body .cursor-pointer{cursor:pointer}.article-body .hover\:-translate-y-1:hover{transform:translateY(-4px)}.article-body .hover\:bg-\[\#eef6f9\]:hover{background-color:#eef6f9}.article-body .hover\:bg-\[\#f0f8fb\]:hover{background-color:#f0f8fb}.article-body .hover\:bg-blue\/10:hover{background-color:#00b3d41a}.article-body .hover\:text-orange:hover{color:var(--article-orange)}.article-body .section-label{color:var(--article-blue);letter-spacing:.1em;background:#00b3d41f;border-radius:20px;align-items:center;gap:6px;margin-bottom:10px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.article-body .highlight{color:var(--article-orange);font-weight:700}.article-body .toc{border:1px solid var(--article-border);background:#fff;border-radius:12px;padding:24px 28px}.article-body .toc-title{letter-spacing:.1em;text-transform:uppercase;color:var(--article-text-muted);margin-bottom:16px;font-size:11px;font-weight:700}.article-body .toc ol{flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:14px;list-style:decimal;display:flex}.article-body .toc ol li a{color:var(--article-blue);text-decoration:none}.article-body .toc ol li a:hover{color:var(--article-orange)}.article-body .callout{border-left:4px solid var(--article-blue);color:#000;background:#00b3d414;border-radius:0 12px 12px 0;margin:20px 0;padding:16px 20px;font-size:14px}.article-body .callout strong{color:var(--article-blue)}.article-body .callout-warn{border-left-color:var(--article-orange);color:#5a1500;background:#ff50000f}.article-body .callout-warn strong{color:var(--article-orange)}.article-body .callout-ok{color:#14532d;background:#22c55e14;border-left-color:#22c55e}.article-body .callout-ok strong{color:#15803d}.article-body .spotlight{text-align:center;background:#fff;border-radius:20px;margin:24px 0;padding:28px 24px;position:relative;overflow:hidden;box-shadow:0 2px 16px #0000000f}.article-body .spotlight .icon-big{margin-bottom:10px;font-size:48px;display:block}.article-body .spotlight h3{color:#000;margin-bottom:8px;font-size:18px}.article-body .spotlight>p{max-width:480px;margin:0 auto;font-size:14px}.article-body .stat-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.article-body .stat-grid .stat-box{background:var(--article-bg);border-top:3px solid var(--article-blue);text-align:center;border-radius:12px;padding:14px 8px}.article-body .stat-grid .stat-box .num{font-family:var(--article-font-num);color:var(--article-blue);font-size:18px;font-weight:800;line-height:1}.article-body .stat-grid .stat-box .label{color:#0b0c0f;margin-top:4px;font-size:10px}.article-body .compare-diagram{background:#fff;border-radius:20px;margin:24px 0;padding:24px;box-shadow:0 2px 16px #0000000f}.article-body .compare-diagram h3{text-align:center;color:#000;margin-bottom:18px;font-size:15px}.article-body .compare-row{align-items:stretch;gap:10px;margin-bottom:10px;display:flex}.article-body .compare-col{border-radius:14px;flex:1;padding:14px;font-size:13px}.article-body .col-bank{background:var(--article-bg);border:2px solid #cbd5e1}.article-body .col-wise{border:2px solid var(--article-blue);background:#00b3d41a}.article-body .compare-col .col-title{align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.article-body .col-bank .col-title{color:#64748b}.article-body .col-wise .col-title{color:var(--article-blue)}.article-body .compare-col ul{margin:0;padding:0;list-style:none}.article-body .compare-col ul li{color:#0b0c0f;align-items:flex-start;gap:6px;padding:4px 0;font-size:13px;display:flex}.article-body .compare-col ul li:before{flex-shrink:0;margin-top:2px}.article-body .col-bank ul li:before{content:"✕";color:#ef4444}.article-body .col-wise ul li:before{content:"✓";color:var(--article-blue);font-weight:700}.article-body .transfer-visual{background:#fff;border-radius:20px;margin:24px 0;padding:28px 20px 20px;box-shadow:0 2px 16px #0000000f}.article-body .transfer-visual h3{text-align:center;color:#000;margin-bottom:24px;font-size:15px}.article-body .transfer-flow-vertical{flex-direction:column;align-items:center;max-width:320px;margin:0 auto;display:flex}.article-body .tfv-box{border:2px solid var(--article-blue);background:#00b3d41a;border-radius:14px;align-items:center;gap:14px;width:100%;padding:14px 20px;display:flex}.article-body .tfv-wise{background:var(--article-blue);border-color:#0090aa}.article-body .tfv-wise .tfv-name{color:#fff}.article-body .tfv-wise .tfv-sub{color:#ffffffd9}.article-body .tfv-flag{flex-shrink:0;font-size:28px}.article-body .tfv-name{color:#000;font-size:14px;font-weight:700;line-height:1.3}.article-body .tfv-sub{color:#0b0c0f;margin-top:3px;font-size:11px}.article-body .tfv-arrow{justify-content:center;padding:4px 0;display:flex}.article-body .tfv-arrow svg{width:20px;height:28px}.article-body .transfer-note{text-align:center;color:#0b0c0f;border-top:1px solid var(--article-border);margin-top:16px;padding-top:14px;font-size:12px}.article-body .feature-grid{grid-template-columns:1fr;gap:12px;margin:20px 0;display:grid}@media (min-width:640px){.article-body .feature-grid.cols-2{grid-template-columns:repeat(2,1fr)}.article-body .feature-grid.cols-3{grid-template-columns:repeat(3,1fr)}}.article-body .feature-card{border-left:4px solid var(--article-orange);background:#fff;border-radius:14px;align-items:flex-start;gap:14px;padding:16px 18px;display:flex;box-shadow:0 2px 10px #0000000d}.article-body .feature-card .icon{flex-shrink:0;margin-top:2px;font-size:26px}.article-body .feature-card .feature-text{flex:1}.article-body .feature-card h4{color:#000;margin-bottom:4px;font-size:15px;font-weight:700}.article-body .feature-card p{color:#0b0c0f;margin:0;font-size:13px}.article-body .flow-steps{margin:24px 0;position:relative}.article-body .flow-step{gap:14px;display:flex;position:relative}.article-body .flow-step:not(:last-child):after{content:"";background:var(--article-blue);opacity:.2;width:2px;position:absolute;top:40px;bottom:0;left:18px}.article-body .step-num{background:var(--article-orange);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:900;display:flex}.article-body .step-content{background:#fff;border-radius:12px;flex:1;margin-bottom:10px;padding:14px 16px;box-shadow:0 2px 10px #0000000d}.article-body .step-content h4{color:#000;margin-bottom:4px;font-size:14px;font-weight:700}.article-body .step-content p{color:#0b0c0f;margin:0;font-size:13px}.article-body .use-cases{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;display:grid}@media (max-width:500px){.article-body .use-cases{grid-template-columns:1fr}}.article-body .use-case{border-top:3px solid var(--article-blue);background:#fff;border-radius:14px;align-items:flex-start;gap:10px;padding:16px;display:flex;box-shadow:0 2px 10px #0000000d}.article-body .use-case .uc-icon{flex-shrink:0;font-size:22px}.article-body .use-case h4{color:#000;margin-bottom:3px;font-size:13px;font-weight:700}.article-body .use-case p{color:#0b0c0f;margin:0;font-size:12px}.article-body .caution-vertical{background:#fff;border-radius:16px;margin:20px 0;padding:8px 20px;box-shadow:0 2px 10px #0000000d}.article-body .cv-item{border-bottom:1px solid var(--article-border);align-items:flex-start;gap:14px;padding:16px 0;display:flex}.article-body .cv-item:last-child{border-bottom:none}.article-body .cv-icon{text-align:center;flex-shrink:0;width:32px;margin-top:2px;font-size:22px}.article-body .cv-body{flex:1}.article-body .cv-title{color:var(--article-orange);margin-bottom:4px;font-size:14px;font-weight:700}.article-body .cv-text{color:#0b0c0f;font-size:13px;line-height:1.7}.article-body .summary-box{background:var(--article-blue);color:#fff;text-align:center;border-radius:20px;margin:32px 0;padding:32px 24px;position:relative;overflow:hidden}.article-body .summary-box h3{color:#fff;margin-bottom:12px;font-size:20px;font-weight:900}.article-body .summary-box p{color:#ffffffe6;font-size:14px}.article-body .cta-btn{background:var(--article-orange);color:#fff;white-space:nowrap;border-radius:50px;margin-top:18px;padding:12px 28px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.article-body .cta-btn:hover{color:#fff}.article-body .cta-btn.brand-wise{color:#163300;background:#9fe870}.article-body .cta-btn.brand-wise:hover{color:#163300;background:#8ed95f}.article-body .recommend-list{background:#fff;border-radius:16px;margin-top:12px;padding:20px;box-shadow:0 2px 10px #0000000d}.article-body .recommend-list ul{margin:0;padding:0;list-style:none}.article-body .recommend-list ul li{border-bottom:1px dotted var(--article-border);color:#000;align-items:center;gap:10px;padding:10px 0;font-size:14px;display:flex}.article-body .recommend-list ul li:last-child{border-bottom:none}.article-body .recommend-list ul li .ck{color:var(--article-blue);flex-shrink:0;font-size:16px;font-weight:700}.article-body .hero-deco{z-index:0;border-radius:50%;display:block;position:absolute}.article-body .hero-deco.orange{background:var(--article-orange)}.article-body .hero-deco.blue{background:var(--article-blue)}.article-body .product-card{border-left:4px solid var(--article-blue);background:#fff;border-radius:16px;flex-direction:column;padding:28px;display:flex;box-shadow:0 1px 2px #0000000d}.article-body .product-card.tone-orange{border-left-color:var(--article-orange)}.article-body .product-card .pc-icon{margin-bottom:16px;font-size:36px}.article-body .product-card .pc-label{letter-spacing:.1em;text-transform:uppercase;color:var(--article-blue);margin-bottom:4px;font-size:11px;font-weight:700}.article-body .product-card.tone-orange .pc-label{color:var(--article-orange)}.article-body .product-card .pc-title{font-family:var(--article-font-serif);color:#000;margin-bottom:16px;font-size:18px;font-weight:700}.article-body .product-card .pc-tags{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.article-body .product-card .pc-tag{background:var(--article-bg);color:#0b0c0f;border-radius:6px;padding:6px 12px;font-size:14px}.article-body .product-card .pc-footer{color:#0b0c0f;border-top:1px solid var(--article-border);padding-top:16px;font-size:12px}.article-body .process-flow{align-items:stretch;gap:4px;margin:20px 0;padding-bottom:8px;display:flex;overflow-x:auto}.article-body .process-flow .pf-step{border:1.5px solid var(--article-border);text-align:center;background:#fff;border-radius:12px;flex:1 0;min-width:100px;padding:14px 12px}.article-body .process-flow .pf-step.is-done{border-color:var(--article-blue);background:#00b3d40a}.article-body .process-flow .pf-icon{margin-bottom:4px;font-size:22px}.article-body .process-flow .pf-label{letter-spacing:.05em;color:var(--article-orange);margin-bottom:6px;font-size:11px;font-weight:700}.article-body .process-flow .pf-step.is-done .pf-label{color:var(--article-blue)}.article-body .process-flow .pf-title{color:#000;font-size:13px;font-weight:700}.article-body .process-flow .pf-sub{color:#0b0c0f;margin-top:4px;font-size:11px}@media (max-width:600px){.article-body .process-flow{flex-direction:column;align-items:stretch}}.article-body .trouble-card{border:1px solid var(--article-border);background:#fff;border-radius:16px;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.article-body .trouble-header{background:#ff500014;align-items:center;gap:12px;padding:14px 24px;display:flex}.article-body .trouble-num{background:var(--article-orange-dark);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.article-body .trouble-title{color:var(--article-orange-dark);font-size:14px;font-weight:700}.article-body .trouble-body{padding:24px}.article-body .trouble-label{border-radius:4px;margin-bottom:10px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.article-body .trouble-label.tone-cause{color:#b91c1c;background:#fee2e2}.article-body .trouble-label.tone-fix{color:#15803d;background:#dcfce7}.article-body .trouble-text{color:#0b0c0f;margin-bottom:16px;font-size:13px;line-height:1.7}.article-body .trouble-text:last-child{margin-bottom:0}.article-body .numbered-list{flex-direction:column;gap:16px;margin:20px 0;display:flex}.article-body .numbered-item{border:1px solid var(--article-border);background:#fff;border-radius:16px;gap:14px;padding:24px;display:flex}.article-body .ni-num{background:var(--article-orange);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.article-body .ni-num.tone-blue{background:var(--article-blue)}.article-body .ni-body{flex:1}.article-body .ni-title{color:#000;margin-bottom:4px;font-size:14px;font-weight:700}.article-body .ni-text{color:#0b0c0f;font-size:13px;line-height:1.7}.article-body .table-wrap{border-radius:16px;margin:20px 0;overflow-x:auto;box-shadow:0 2px 12px #00000012}.article-body .comparison-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.article-body .comparison-table thead{color:#fff;background:#000}.article-body .comparison-table th{text-align:left;white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:700}.article-body .comparison-table td{border-bottom:1px solid var(--article-border);vertical-align:top;color:#0b0c0f;padding:12px 16px;line-height:1.6}.article-body .comparison-table tr:last-child td{border-bottom:none}.article-body .comparison-table tr:hover td{background:#f0f8fb}.article-body .td-good{color:var(--article-blue);font-weight:700}.article-body .td-bad{color:var(--article-orange);font-weight:700}