.article-hero{display:grid;min-height:clamp(520px,68vh,760px);overflow:hidden;padding:0;position:relative}.article-hero>img,.article-hero__overlay,.article-hero__content{grid-area:1 / 1}.article-hero>img{height:100%;object-fit:cover;object-position:center;width:100%}.article-hero__overlay{background:linear-gradient(90deg,#141211d1,#14121194 42%,#14121147),linear-gradient(0deg,#14121194,#14121133);z-index:1}.article-hero__content{align-content:center;display:grid;gap:var(--space-4);padding:var(--hero-pad) var(--page-pad);position:relative;z-index:2}.article-hero .eyebrow,.article-hero h1,.article-hero .lede,.article-hero .article-byline{color:#fff}.article-hero .eyebrow:before{background:#ffffffbf}.article-hero h1{font-size:var(--text-display);max-width:760px}.article-hero .lede{color:#ffffffe0;max-width:680px}.article-wrap{max-width:980px}.article-byline{font-size:var(--text-sm);font-weight:700;letter-spacing:.12em;margin-top:var(--space-3);text-transform:uppercase}.article-tags{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;margin:0;padding:0}.article-tags li{backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.06em;padding:.35rem .65rem;text-transform:uppercase}@media(max-width:720px){.article-hero{min-height:620px}.article-hero__overlay{background:linear-gradient(0deg,#141211d1,#1412116b),linear-gradient(90deg,#141211bd,#14121152)}}.article-copy{display:grid;gap:clamp(2rem,4vw,3rem);margin-top:var(--space-7)}.article-copy-section{display:grid;gap:var(--space-3)}.article-copy-section h2{font-size:clamp(1.55rem,2.6vw,2.1rem)}.article-copy-section p{font-size:1.05rem;line-height:1.6}.blog-body h2,.blog-body h3{margin-top:var(--space-5)}.blog-body ul,.blog-body ol{color:var(--ink-2);display:grid;gap:var(--space-2);line-height:1.6;padding-left:var(--space-5)}.blog-body a{color:var(--accent-ink);font-weight:700}.blog-body :global(.article-author-bio){margin-top:var(--space-6)}.comparison-table-wrap{background:var(--bg-paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto}.comparison-table-wrap table{border-collapse:separate;border-spacing:0;min-width:760px;width:100%}.comparison-table-wrap th,.comparison-table-wrap td{border-bottom:1px solid var(--line);color:var(--ink-2);font-size:.98rem;line-height:1.35;padding:1rem 1.1rem;text-align:left;vertical-align:top}.comparison-table-wrap thead th{background:var(--accent-soft);color:var(--ink);font-family:var(--font-display);font-size:1.05rem;font-weight:800}.comparison-table-wrap tbody th{color:var(--ink);font-weight:800;width:24%}.comparison-table-wrap tbody tr:nth-child(2n) th,.comparison-table-wrap tbody tr:nth-child(2n) td{background:#ffffff6b}.comparison-table-wrap tbody tr:last-child th,.comparison-table-wrap tbody tr:last-child td{border-bottom:0}.article-review{background:var(--bg-paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:clamp(1.3rem,3vw,2rem)}.article-review__label{color:var(--accent-ink);font-size:var(--text-xs);font-weight:800;letter-spacing:.16em;margin-bottom:var(--space-4);text-transform:uppercase}.article-review blockquote{border-left:3px solid var(--accent);margin:0;padding-left:var(--space-4)}.article-review blockquote p{color:var(--ink);font-family:var(--font-display);font-size:clamp(1.2rem,2.3vw,1.55rem);font-weight:800;line-height:1.25}.article-review footer{color:var(--ink-3);display:grid;font-size:var(--text-sm);gap:var(--space-1);margin-top:var(--space-4)}.article-review strong{color:var(--ink)}.article-note{border-top:1px solid var(--line);padding-top:var(--space-5)}.article-note p{color:var(--ink-3);font-size:var(--text-sm);line-height:1.65}.article-next{border-top:1px solid var(--line-strong);grid-template-columns:auto minmax(0,1fr);padding-top:var(--space-6)}.article-next img{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);height:clamp(84px,10vw,116px);object-fit:cover;width:clamp(84px,10vw,116px)}.article-next>div{display:grid;gap:var(--space-3)}@media(max-width:640px){.article-next{grid-template-columns:1fr}}
