.article,.articles-index{max-width:46rem;display:grid;gap:var(--space-5)}.article__crumbs{font-size:var(--text-sm);color:var(--color-muted)}.article__crumbs a{text-decoration:none;font-weight:600}.article__title{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.25rem);line-height:1.2;letter-spacing:-.01em}.article__meta{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-muted)}.article__meta-by{font-weight:600;color:var(--color-text)}.article__answer{padding:var(--space-4) var(--space-5);border-left:4px solid var(--color-accent);border-radius:var(--radius);background:var(--color-accent-soft);font-size:var(--text-lg);line-height:1.6}.article__answer p+p{margin-top:var(--space-2)}.article__hero{margin:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border)}.article__hero img{display:block;width:100%;height:auto}.article__toc{margin:0}.article__body{gap:var(--space-4)}.article__section{display:grid;gap:var(--space-3);scroll-margin-top:5rem}.article__section h2{font-size:var(--text-xl);padding-top:var(--space-4)}.article__section h3{font-size:var(--text-base);padding-top:var(--space-2)}.article__section p,.article__section li{line-height:1.6}.article__section table{width:100%;border-collapse:collapse;font-size:var(--text-sm);line-height:1.45}.article__section th,.article__section td{padding:.5rem .65rem;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.article__section th{background:var(--color-surface);font-weight:700}.article__section td:first-child{font-weight:600}.article__section code{font-family:var(--font-mono);font-size:.85em;padding:.1em .35em;border-radius:var(--radius-sm);background:var(--color-surface-2);word-break:break-word}.article__section pre{padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);overflow-x:auto;font-size:var(--text-sm);line-height:1.5}.article__section pre code{padding:0;background:none}.chart{margin:0;display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg)}.prose .chart__rows{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2)}.chart__row{display:grid;grid-template-columns:minmax(7rem,11rem) minmax(0,1fr) auto;gap:var(--space-2);align-items:center;font-size:var(--text-sm)}.chart__label{font-weight:600;line-height:1.25}.chart__track{display:block;height:18px;border-radius:4px;background:var(--color-surface-2);overflow:hidden}.chart__svg{display:block;width:100%;height:100%}.chart__value{color:var(--color-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.chart__bar--a{fill:var(--color-accent)}.chart__bar--b{fill:#7c9ae8}.chart__bar--c{fill:#b9c8f2}.chart__bar--warn{fill:#e0962e}.chart__bar--ok{fill:#2e9c67}.chart__caption{font-size:var(--text-sm);color:var(--color-muted)}@media(max-width:30em){.chart__row{grid-template-columns:minmax(0,1fr) auto}.chart__label{grid-column:1 / -1}}.compare{display:grid;gap:var(--space-3)}.compare__col{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.compare__col--a{border-top:3px solid var(--color-accent)}.compare__col--b{border-top:3px solid var(--color-border-strong)}.compare__title{font-size:var(--text-base);padding:0 0 var(--space-2)}.prose .compare__list{padding-left:1.1em;gap:var(--space-1)}.callout{padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--color-warn-bg);color:var(--color-warn-text);font-size:var(--text-sm);line-height:1.55}.callout__label{text-transform:uppercase;letter-spacing:.04em;font-size:11px}.article__next{padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:grid;gap:var(--space-3)}.article__next-title{font-size:var(--text-lg)}.article__next-list{list-style:none;display:grid;gap:var(--space-2)}.article__next-list li{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);align-items:center}.article__next-why{font-size:var(--text-sm);color:var(--color-muted)}.article-cards{list-style:none;display:grid;gap:var(--space-4)}.article-card{display:grid;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);overflow:hidden}.article-card__media img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.article-card__body{display:grid;gap:var(--space-2);padding:var(--space-4)}.article-card__link{font-weight:700;font-size:var(--text-lg);line-height:1.3;text-decoration:none}.article-card__summary{color:var(--color-muted);font-size:var(--text-sm);line-height:1.5}.article-card__meta{font-size:12px;color:var(--color-muted)}.article-cards--compact .article-card{padding:var(--space-3) var(--space-4);gap:var(--space-1)}.article-cards--compact .article-card__link{font-size:var(--text-base)}.faq--article .faq__answer a,.article__section a{text-decoration:underline;text-underline-offset:2px}@media(min-width:40em){.compare,.article-cards,.article-cards--compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64em){.articles-index .article-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{.article__toc,.article__next,.article__related{display:none}}