/* Guide-specific layout. Typography, palette, navigation and buttons come from styles.css. */
.guide-page{background:#FCFAF7}
.guide-index-hero h1{font-size:clamp(3rem,6vw,5.5rem);max-width:18ch}
.guide-index-hero h1 em{color:var(--oak-deep);font-weight:500}
.guide-index-hero .lead{max-width:49ch;margin-bottom:0}
.guide-draft{display:inline-block;margin-top:1.5rem;padding:.45rem .8rem;border:1px solid var(--oak);border-radius:6px;font-size:.78rem;color:var(--oak-deep)}
.guide-library{padding:clamp(3rem,6vw,5rem) 0}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.guide-card{display:flex;flex-direction:column;padding:clamp(1.5rem,3vw,2.5rem);background:var(--white);border:1px solid var(--sand);border-radius:var(--radius)}
.guide-card-top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem}
.guide-card-top .eyebrow{margin:0}
.guide-number{font-family:'Fraunces',Georgia,serif;font-size:1.5rem;color:var(--oak-deep)}
.guide-card h2{font-size:clamp(1.75rem,2.6vw,2.35rem);line-height:1.18;margin-bottom:1rem;max-width:24ch}
.guide-card h2 a:hover{color:var(--oak-deep)}
.guide-card>p{font-size:1rem;line-height:1.8;margin-bottom:2rem}
.guide-read{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:1.25rem;border-top:1px solid var(--sand);font-size:.9rem;font-weight:600;color:var(--oak-deep)}
.guide-read span{font-size:1.4rem;line-height:1}
.guide-read:hover{text-decoration:underline;text-underline-offset:4px}
.guide-empty{grid-column:1/-1;padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--sand);border-radius:var(--radius);background:var(--white)}
.guide-empty h2{font-size:2rem;margin-bottom:1rem}
.guide-empty p{max-width:65ch;margin-bottom:1.5rem}
.guide-pagination{display:flex;gap:.75rem;margin-top:2rem}
.guide-pagination a{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--sand);border-radius:50%}
.guide-pagination [aria-current=page]{background:var(--espresso);color:var(--cream)}
.guide-next{padding:clamp(3rem,6vw,5rem) 0}
.guide-next .container{display:flex;align-items:center;justify-content:space-between;gap:2.5rem}
.guide-next h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}
.guide-next p:not(.eyebrow){max-width:55ch;line-height:1.8}
.guide-next .btn{flex-shrink:0}
.guide-hero h1{max-width:24ch}
.guide-hero .lead,.guide-copy{font-family:'Inter',system-ui,sans-serif;font-size:clamp(1.1rem,2vw,1.3rem);font-weight:400;line-height:1.6;color:var(--ink)}
.guide-meta{font-size:.85rem;display:flex;flex-wrap:wrap;gap:.4rem .65rem}
.guide-copy>section:first-child{margin-top:0}
.guide-copy p{margin-bottom:1.1rem;line-height:inherit}
.guide-copy ul{padding-left:1.3rem;color:var(--ink);line-height:inherit}
.guide-copy li{margin:.5rem 0;padding-left:.25rem}
.guide-copy figure{margin-bottom:2.5rem}
.guide-copy figcaption{margin-top:.8rem;color:var(--text-muted,#5b6771);font-size:.85rem;line-height:1.6}
.guide-copy img{width:100%;height:auto;border-radius:var(--radius)}
.guide-copy section{scroll-margin-top:7rem}
.guide-sidebar nav ol{list-style:none;counter-reset:contents;padding:0;margin:0}
.guide-sidebar nav li{counter-increment:contents;display:flex;gap:.75rem;margin:0;padding:1rem 0;border-bottom:1px solid var(--sand);font-size:.9rem;line-height:1.6}
.guide-sidebar nav li::before{content:counter(contents,decimal-leading-zero);color:var(--editorial-accent);font-size:.75rem;padding-top:.12rem}
.guide-sidebar nav a:hover{text-decoration:underline;text-underline-offset:4px}
.guide-sidebar-contact{padding-top:2rem}
.guide-sidebar-contact p{font-size:.9rem;line-height:1.8}
.guide-sidebar .btn{font-size:.85rem;padding:.9rem 1.1rem;max-width:100%}
.guide-sources{border-top:1px solid var(--sand);padding-top:2rem;font-size:.85rem}
.guide-copy .guide-sources h2{font-size:1.35rem}
.guide-sources ul{margin-bottom:1rem}
.guide-related{padding:clamp(3rem,6vw,5rem) 0}
.guide-related h2{font-size:clamp(2rem,4vw,3rem)}
.guide-back{display:inline-block;margin-top:2rem;color:var(--oak-deep);font-weight:600;font-size:.9rem}
@media(max-width:860px){
 .guide-grid{grid-template-columns:1fr}
 .guide-next .container{flex-direction:column;align-items:flex-start}
 .guide-sidebar{position:static}
 .guide-index-hero h1{font-size:clamp(2.8rem,9vw,4.2rem)}
}
@media(prefers-reduced-motion:reduce){html:has(.guide-page){scroll-behavior:auto}}

/* Structured editorial blocks inherit the site's existing type and palette. */
.guide-copy{min-width:0}
.guide-copy h3{font-family:'Fraunces',Georgia,serif;font-size:1.45rem;line-height:1.35;margin:1.8rem 0 .8rem;color:var(--espresso)}
.guide-page article a:not(.btn){color:var(--editorial-accent)}
.guide-sources li{scroll-margin-top:7rem}
.guide-copy a{text-decoration:none}
.guide-table-wrap{max-width:100%;overflow-x:auto;margin:1.7rem 0 .6rem;border:1px solid var(--sand);border-radius:var(--radius)}
.guide-table-wrap:focus-visible{outline:2px solid var(--oak-deep);outline-offset:4px}
.guide-copy table{width:100%;min-width:510px;border-collapse:collapse;font-size:inherit;line-height:inherit;background:var(--white)}
.guide-copy caption{text-align:left;padding:1.1rem;font-weight:600;color:var(--espresso);background:var(--cream)}
.guide-copy th,.guide-copy td{text-align:left;padding:1rem;vertical-align:top;border-bottom:1px solid var(--sand)}
.guide-copy thead th{background:var(--espresso);color:var(--cream);font-weight:600}
.guide-copy tbody th{width:23%;font-weight:600;color:var(--espresso)}
.guide-copy tr:last-child>*{border-bottom:0}
.guide-callout{background:var(--cream);border-left:3px solid var(--oak-deep);padding:1.2rem 1.4rem;margin:1.7rem 0}
.guide-copy .guide-callout p{margin:0}
.guide-copy .guide-figure{margin:2rem 0}
