.breadcrumbs { display:flex; flex-wrap:wrap; gap:10px; padding-block:24px; font-size:12px; color:var(--muted); }
.breadcrumbs a { text-decoration:underline; text-underline-offset:4px; }
.guide-intro { padding:25px 0 40px; max-width:900px; }
.guide-intro h1 { font:400 clamp(38px,4.5vw,64px)/1.08 var(--display-font); letter-spacing:-.045em; margin:18px 0 24px; }
.guide-intro h1 em { color:var(--accent); font-weight:400; }
.guide-lede { max-width:720px; color:var(--muted); font-size:19px; line-height:1.7; }
.guide-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-block:1px solid var(--text); }
.guide-cards article { padding:30px 26px; }
.guide-cards article:first-child { padding-left:0; }
.guide-cards article+article { border-left:1px solid var(--line); }
.guide-cards h3 { font:400 27px/1.2 var(--display-font); margin:15px 0; letter-spacing:-.025em; }
.guide-cards p:not(.label) { color:var(--muted); font-size:14px; margin-bottom:20px; }
.guide-cards:has(article:nth-child(2):last-child) { grid-template-columns:1fr 1fr; }
.article-layout { display:grid; grid-template-columns:220px minmax(0,760px); gap:65px; border-top:1px solid var(--text); padding-top:36px; }
.article-index { align-self:start; position:sticky; top:24px; display:grid; gap:15px; font-size:13px; }
.article-index a:last-child { margin-top:15px; color:var(--accent); }
.guide-body h2,.related h2,.tool-steps>h2 { font:400 32px/1.2 var(--display-font); letter-spacing:-.025em; margin:32px 0 18px; scroll-margin-top:24px; }
.guide-body h2:first-child { margin-top:0; }
.guide-body p { margin:16px 0; }
.guide-body li { margin:14px 0; padding-left:5px; }
.guide-body a { text-decoration:underline; text-underline-offset:3px; }
.verse-example { border-block:1px solid var(--line); background:var(--surface); padding:24px 28px; margin:26px 0; }
.verse-example .verse { font:400 30px/1.4 var(--reading-font); margin:18px 0; }
.scan { color:var(--accent); font-size:17px; line-height:1.8; }
.inline-scan { white-space:nowrap; color:var(--accent); }
.table-scroll { overflow-x:auto; margin:24px 0; }
table { width:100%; border-collapse:collapse; font-size:14px; text-align:left; }
caption { text-align:left; color:var(--muted); margin-bottom:12px; font-size:12px; }
th,td { padding:14px 12px; border-bottom:1px solid var(--line); vertical-align:top; }
th { background:var(--surface); }
.sources { font-size:12px; color:var(--muted); border-top:1px solid var(--line); padding-top:20px; margin-top:36px!important; }
.guide-cta { display:flex; justify-content:space-between; align-items:center; gap:40px; padding:32px 0; margin-top:50px; border-block:1px solid var(--text); }
.guide-cta h2 { font:400 36px/1.15 var(--display-font); margin:12px 0; }
.guide-cta p:not(.label) { color:var(--muted); max-width:660px; font-size:14px; }
.guide-cta .cta { flex-shrink:0; }
.related { padding:40px 0; }
.related h2 { margin-top:16px; }
.hub-note { padding:40px 0; max-width:780px; }
.tool-hero { display:grid; grid-template-columns:1.4fr 1fr; gap:50px; align-items:center; }
.tool-example { margin:0; padding:28px; border-left:1px solid var(--line); }
.tool-example blockquote { font:400 clamp(22px,2vw,29px)/1.35 var(--reading-font); margin:26px 0; }
.tool-hero > * { min-width:0; }
.tool-example figcaption { margin-top:24px; font-size:13px; color:var(--muted); line-height:1.8; }
.tool-steps { padding-top:25px; }
.home-guides { padding-block:38px; }
.home-guides h2 { font:400 34px/1.2 var(--display-font); margin:14px 0 22px; }
:focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
@media(max-width:850px) { .article-layout { grid-template-columns:170px minmax(0,1fr); gap:30px; }.tool-hero { gap:28px; } }
@media(max-width:700px) {
 .guide-intro { padding-top:16px; }.guide-lede { font-size:17px; }.article-layout,.tool-hero { grid-template-columns:1fr; gap:26px; }
 .article-index { position:static; padding-bottom:24px; border-bottom:1px solid var(--line); grid-template-columns:1fr 1fr; gap:14px; }.article-index .label,.article-index a:last-child { grid-column:1/-1; }
 .guide-cards,.guide-cards:has(article:nth-child(2):last-child) { grid-template-columns:1fr; }.guide-cards article { padding:25px 0; }.guide-cards article+article { border-left:0; border-top:1px solid var(--line); }
 .guide-cta { align-items:flex-start; flex-direction:column; gap:22px; margin-top:30px; }.verse-example { padding:20px; }.verse-example .verse { font-size:25px; }.scan { font-size:15px; }
 .tool-hero { gap:0; }.tool-hero .guide-intro { padding-bottom:28px; }.tool-example { border-left:0; padding:20px 16px; }.tool-example blockquote { font-size:clamp(20px,5.7vw,28px); }.breadcrumbs { font-size:11px; }.related { padding-block:30px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }