.article-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:56px;display:grid}.article-layout--no-toc{grid-template-columns:minmax(0,760px);justify-content:center}.article-hero-img{aspect-ratio:16/7;object-fit:cover;border-radius:var(--radius-lg);width:100%;display:block}.article-hero-credit{color:var(--page-ink-45);text-align:right;margin:8px 0 40px;font-size:.75rem}.article-hero-spacer{height:40px}.article-body{min-width:0;max-width:720px}.article-body p,.article-body li{color:var(--page-ink-70);font-size:1.0625rem;line-height:1.8}.article-body p{margin:0 0 22px}.article-body p:empty{display:none}.article-body strong{color:var(--page-ink);font-weight:600}.article-body em{color:var(--page-ink)}.article-body h2{color:var(--page-ink);scroll-margin-top:calc(var(--nav-h,72px) + 24px);margin:56px 0 18px;font-size:1.75rem;line-height:1.25}.article-body h3{color:var(--page-ink);scroll-margin-top:calc(var(--nav-h,72px) + 24px);margin:36px 0 12px;font-size:1.3rem;line-height:1.3}.article-body a{color:var(--accent);text-underline-offset:3px;text-decoration:underline 1px}.article-body a:hover{color:var(--page-ink)}.article-body ul,.article-body ol{flex-direction:column;gap:8px;margin:0 0 22px 22px;display:flex}.article-body ul{list-style:outside}.article-body ol{list-style:decimal}.article-body li::marker{color:var(--accent)}.article-body blockquote{border-left:3px solid var(--accent);color:var(--page-ink);margin:28px 0;padding:4px 0 4px 20px;font-size:1.15rem;font-style:italic}.key-takeaways{border:1px solid #f0684c4d;border-left:4px solid var(--accent);border-radius:var(--radius);background:#f0684c14;margin:0 0 40px;padding:24px 28px}.article-body .key-takeaways h2{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0 0 14px;font-size:.8125rem}.article-body .key-takeaways ul{margin-bottom:0}.article-body .key-takeaways li{color:var(--page-ink);font-size:1rem}.note-box{--note:var(--accent);border:1px solid var(--page-ink-15);border-left:4px solid var(--note);border-radius:var(--radius);background:#f5f3ee0a;margin:32px 0;padding:20px 24px;display:block}.note-box--tip{--note:#d6ff3f}.note-box--warning{--note:#fbbf24}.note-box--verdict{--note:var(--accent)}.article-body .note-box-title{color:var(--note);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px;font-size:.8125rem;font-weight:700}.article-body .note-box p:last-child{margin-bottom:0}.tool-box{border:1px solid var(--page-ink-15);border-radius:var(--radius-lg);background:#f5f3ee0d;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:36px 0;padding:22px 24px;display:grid}.tool-box-logo{object-fit:contain;background:#fff;border-radius:12px;width:56px;height:56px;padding:6px}.article-body .tool-box-name{color:var(--page-ink);margin:0 0 4px;font-weight:700}.article-body .tool-box-pitch{margin:0;font-size:.95rem}.tool-box-offer{color:#d6ff3f;vertical-align:middle;background:#d6ff3f26;border-radius:999px;margin-left:8px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.article-body .tool-box .btn{color:var(--white);white-space:nowrap;text-decoration:none}.article-body .tool-box-note{color:var(--page-ink-45);grid-column:1/-1;margin:0;font-size:.75rem}.article-body .tool-box-note a{color:var(--page-ink-45)}.article-body .disclosure{color:var(--page-ink-45);border:1px dashed var(--page-ink-15);border-radius:var(--radius);margin:0 0 32px;padding:12px 16px;font-size:.8125rem}.article-body .disclosure a{color:var(--page-ink-70)}.article-figure{margin:36px 0}.article-figure img{border-radius:var(--radius);width:100%;height:auto;display:block}.article-figure figcaption{color:var(--page-ink-45);margin-top:8px;font-size:.8125rem}.article-table{margin:36px 0}.article-table-caption{color:var(--page-ink);margin-bottom:12px;font-weight:600}.article-table .comparison-table-wrap{border:1px solid var(--page-ink-15);border-radius:var(--radius);box-shadow:none}.article-table .comparison-table{background:0 0;min-width:640px;font-size:.875rem}.article-table .comparison-table th,.article-table .comparison-table td{white-space:normal;vertical-align:top;text-align:left;border-bottom:1px solid var(--page-ink-15);background:0 0;padding:12px 16px}.article-table .comparison-table thead th{color:var(--page-ink);background:#f0684c1f;font-size:.8125rem;font-weight:700}.article-table .comparison-table tbody th{color:var(--page-ink);background:#f5f3ee08;font-weight:600}.article-table .comparison-table td{color:var(--page-ink-70)}.article-table .comparison-table tr:nth-child(2n) td{background:#f5f3ee06}.article-table .comparison-table tr:last-child th,.article-table .comparison-table tr:last-child td{border-bottom:none}.article-body .article-table-source{color:var(--page-ink-45);margin-top:10px;font-size:.75rem}.page-hero .article-card-meta{color:var(--page-ink-45);margin-top:20px;font-size:.875rem}.page-hero .article-card-meta .sep{color:var(--page-ink-15)}.page-hero .article-card-meta a{color:var(--page-ink-70);text-underline-offset:3px;text-decoration:underline}.article-faq{border-top:1px solid var(--page-ink-15);margin-top:56px;padding-top:8px}.article-faq details{border-bottom:1px solid var(--page-ink-15);padding:18px 0}.article-faq summary{cursor:pointer;color:var(--page-ink);justify-content:space-between;gap:16px;font-size:1.0625rem;font-weight:600;list-style:none;display:flex}.article-faq summary::-webkit-details-marker{display:none}.article-faq summary:after{content:"+";color:var(--accent);font-size:1.4rem;line-height:1}.article-faq details[open] summary:after{content:"–"}.article-body .article-faq details p{margin:12px 0 0}.author-box{border:1px solid var(--page-ink-15);border-radius:var(--radius-lg);align-items:flex-start;gap:18px;margin-top:56px;padding:24px;display:flex}.author-box-photo{object-fit:cover;border-radius:50%;flex-shrink:0;width:64px;height:64px}.author-box-initial{background:var(--accent);width:64px;height:64px;color:var(--white);font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.article-body .author-box-label{text-transform:uppercase;letter-spacing:.08em;color:var(--page-ink-45);margin:0 0 4px;font-size:.75rem}.article-body .author-box-name{color:var(--page-ink);margin:0 0 6px;font-weight:700}.article-body .author-box-bio{margin:0;font-size:.95rem}.article-toc{top:calc(var(--nav-h,72px) + 24px);border:1px solid var(--page-ink-15);border-radius:var(--radius-lg);padding:22px 24px;position:sticky}.article-toc-title{text-transform:uppercase;letter-spacing:.08em;color:var(--page-ink-45);margin:0 0 14px;font-size:.75rem}.article-toc ol{counter-reset:toc;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.article-toc li{counter-increment:toc;gap:10px;display:flex}.article-toc li:before{content:counter(toc, decimal-leading-zero);color:var(--accent);font-family:var(--font-display);padding-top:2px;font-size:.8125rem;font-weight:700}.article-toc a{color:var(--page-ink-70);font-size:.9375rem;line-height:1.4}.article-toc a:hover{color:var(--page-ink)}.article-back{margin-top:40px}.article-back a{color:var(--page-ink-70)}.article-related{margin-top:72px}.article-related h2{color:var(--page-ink);margin-bottom:24px}@media (width<=1024px){.article-layout{grid-template-columns:minmax(0,1fr);gap:32px}.article-layout aside{order:-1}.article-toc{position:static}}@media (width<=640px){.tool-box{text-align:left;grid-template-columns:1fr}.article-body h2{font-size:1.45rem}.article-hero-img{aspect-ratio:16/9}}
