.editorial{--reading-width: 42rem;--foreground: var(--ink);--background: var(--paper);--primary: var(--accent);--surface: var(--paper);--surface-alt: var(--wash);--border: var(--line);min-height:100vh}.editorial .home-header{border-bottom:1px solid var(--line)}.editorial .home-nav{display:flex}.guide-article{padding-block:var(--space-12) var(--space-16)}.guide-article.frame{max-width:var(--reading-width)}.guide-hero{padding-block:var(--space-8);border-bottom:1px solid var(--line)}.guide-heading h1,.guides-heading h1{margin-block:var(--space-4) var(--space-6);font-size:clamp(2.5rem,4.4vw,4rem);font-weight:800;line-height:1.08;letter-spacing:-.055em}.guide-heading h1{font-size:clamp(2.25rem,4vw,3.5rem)}.guide-heading .guide-intro{color:var(--muted);font-size:1.125rem;line-height:1.75}.article-contents{margin-top:var(--space-8);border-top:1px solid var(--line)}.article-contents>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:48px;padding-block:var(--space-3);font-size:.875rem;font-weight:650;cursor:pointer;list-style:none}.article-contents>summary::-webkit-details-marker{display:none}.article-contents__count{margin-left:var(--space-3);color:var(--muted);font-size:.75rem;font-weight:400}.article-contents__toggle{flex-shrink:0;color:var(--accent);font-size:1.375rem;font-weight:400}.article-contents[open] .article-contents__toggle{transform:rotate(45deg)}.article-contents ol{margin-top:var(--space-2);padding-left:var(--space-6);list-style:decimal;color:var(--muted);font-size:.8125rem}.article-contents a{display:block;min-height:44px;padding-block:var(--space-2);color:var(--ink);font-size:.875rem;line-height:1.6;text-decoration:none}.article-contents a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.guide-reading{max-width:var(--reading-width);margin:var(--space-10) auto 0;font-size:1.125rem;line-height:1.75}.guide-reading>section+section{margin-top:var(--space-12)}.guide-reading h2{font-size:clamp(1.5rem,2.3vw,1.875rem);font-weight:750;line-height:1.3;letter-spacing:-.035em;scroll-margin-top:var(--space-8)}.guide-reading>section>*+*{margin-top:var(--space-6)}.guide-reading>section>h2+*,.guide-reading p+p{margin-top:var(--space-4)}.guide-reading :where(ul,ol){padding-left:var(--space-6)}.guide-reading ul{list-style:disc}.guide-reading ol{list-style:decimal}.guide-reading li+li{margin-top:var(--space-3)}.guide-reading a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.guide-sources{font-size:.875rem}.guide-reading .faq-answer{color:var(--ink);font-size:1rem;line-height:1.75}.guide-comparison{container-type:inline-size;max-width:100%;border-block:1px solid var(--line)}.guide-comparison table{width:100%;border-collapse:collapse;font-size:.9375rem;line-height:1.7;text-align:left}.guide-comparison caption{text-align:left;padding-block:var(--space-6);color:var(--muted);font-size:.8125rem}.guide-comparison :where(th,td){padding:var(--space-4);vertical-align:top;width:38%;overflow-wrap:anywhere}.guide-comparison tr>:first-child{padding-left:0;width:24%}.guide-comparison tr>:last-child{padding-right:0}.guide-comparison thead th{color:var(--accent);font-weight:700;border-bottom:1px solid var(--line)}.guide-comparison tbody th{font-weight:650}.guide-comparison tbody tr+tr{border-top:1px solid var(--line)}.comparison-label{display:none}@container (max-width: 36rem){.guide-comparison :where(table,caption,tbody){display:block}.guide-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.guide-comparison tbody tr{display:grid;gap:var(--space-3);padding-block:var(--space-6)}.guide-comparison tbody tr:first-child{padding-top:0}.guide-comparison tbody :where(th,td){display:block;width:auto;padding:0}.guide-comparison tbody tr>:first-child{width:auto}.guide-comparison tbody th{font-size:1rem}.comparison-label{display:block;margin-bottom:var(--space-2);color:var(--muted);font-size:.75rem;font-weight:650}}.guide-end{max-width:var(--reading-width);margin:var(--space-12) auto 0}.guide-related{margin-top:var(--space-8)}.guide-related h2{color:var(--muted);font-size:.75rem;font-weight:600}.guide-related ul{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin-top:var(--space-6)}.guide-related a{display:block;padding-block:var(--space-2);font-size:1rem;font-weight:650;line-height:1.5;text-decoration:none}.editorial-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-6);padding-block:var(--space-8);border-top:1px solid var(--line);color:var(--muted)}.editorial-footer :where(small,a){font-size:.75rem}.editorial-footer nav{display:flex;gap:var(--space-6)}.editorial-footer a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.guides-index{padding-block:var(--space-16)}.guides-heading{max-width:760px}.guides-heading>p:last-child{max-width:60ch;color:var(--muted);font-size:1.125rem}.guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-12) var(--space-8);margin-top:var(--space-16)}.guide-card a{text-decoration:none}.guide-card img{aspect-ratio:3 / 2;object-fit:cover;border-radius:var(--space-2)}.guide-card h2{margin-top:var(--space-6);font-size:1.25rem;font-weight:750;line-height:1.4;letter-spacing:-.035em}.guide-card p{margin-top:var(--space-3);color:var(--muted);font-size:.875rem}.guide-card a:hover{text-decoration:none}.guide-card a:hover h2{text-decoration:underline;text-underline-offset:4px}.guides-playbook-link{margin-top:var(--space-8);padding-block:var(--space-6);border-block:1px solid var(--line);font-size:.9375rem}.guides-playbook-link a{font-weight:650;text-underline-offset:4px}@media(max-width:799px){.editorial .home-nav{gap:var(--space-6)}.guide-article{padding-top:var(--space-8)}.guide-heading .guide-intro{font-size:1rem}.guide-reading{margin-top:var(--space-10);font-size:1rem}.guide-reading>section+section{margin-top:var(--space-10)}.guide-related ul{grid-template-columns:1fr;gap:var(--space-4)}.guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:599px){.guides-grid{grid-template-columns:1fr;gap:var(--space-10);margin-top:var(--space-10)}}
