.editorial { max-width: 1000px; margin: auto; padding: 4rem 1.5rem; }
.editorial h1 { max-width: 18ch; font-size: clamp(2.5rem, 5vw, 4.5rem); }
.editorial .lead { max-width: 70ch; font-size: 1.15rem; color: var(--muted); }
.editorial section { padding-top: 3rem; margin-top: 2rem; border-top: 1px solid var(--line); scroll-margin-top: 100px; }
.editorial h2 { font-size: clamp(1.8rem, 3vw, 2.6rem); letter-spacing: -.04em; }
.editorial p, .editorial li { max-width: 76ch; }
.editorial a:not(.button), .resource-links a { text-decoration: underline; text-underline-offset: .2em; }
.editorial li { margin-bottom: .65rem; }
.editorial .contents { display: flex; flex-wrap: wrap; gap: .7rem 1.4rem; margin: 2rem 0; }
.editorial .decision-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.editorial .decision-grid article { padding: 1.5rem; background: var(--cream); border-top: 2px solid var(--warm); }
.editorial .decision-grid p { margin-bottom: .7rem; }
.editorial .document-list { padding: 1.4rem 1.4rem 1.4rem 2.8rem; background: var(--cream); }
.editorial .review-date { color: var(--muted); font-size: .85rem; }
.resource-links { max-width: var(--max); padding: 2rem 1.5rem; margin: auto; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 1rem 2rem; }
@media(max-width: 650px) { .editorial { padding-top: 2.5rem; } .editorial .decision-grid { grid-template-columns: 1fr; } .editorial .button { white-space: normal; } }
.product-comparison article { display: flex; flex-direction: column; min-width: 0; }
.product-comparison figure { margin: 0 0 1.2rem; }
.product-comparison figure a { display: block; }
.product-comparison img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.product-comparison figcaption { margin-top: .5rem; color: var(--muted); font-size: .875rem; line-height: 1.5; }
.product-comparison h3 { margin-top: 0; }
.product-comparison dl { margin: .5rem 0 1rem; }
.product-comparison dl > div { padding: .8rem 0; border-top: 1px solid var(--line); }
.product-comparison dt { font-weight: 700; margin-bottom: .35rem; }
.product-comparison dd { margin: 0; color: var(--muted); line-height: 1.6; }
.product-comparison .comparison-limit { font-size: .95rem; color: var(--muted); }
.product-comparison .button { margin-top: auto; align-self: flex-start; text-decoration: none; white-space: normal; max-width: 100%; text-align: center; }
.product-comparison a:focus-visible { outline: 3px solid var(--ink); outline-offset: 4px; }
.quote-scope-ledger { border-top: 1px solid var(--line); }
.quote-scope-ledger > div { display: grid; grid-template-columns: minmax(150px, .38fr) 1fr; gap: 1.5rem; padding: 1.2rem 0; border-bottom: 1px solid var(--line); }
.quote-scope-ledger h3, .quote-scope-ledger p { margin: 0; }
@media(max-width: 650px) { .quote-scope-ledger > div { grid-template-columns: 1fr; gap: .6rem; } .product-comparison .button { width: 100%; justify-content: center; } }
