/* Guides and legal pages: Boldonse for headings, Archivo for long reading */
.gd{--read:Archivo,system-ui,-apple-system,"Segoe UI",sans-serif;--gink:#2b0a0e}
.gd .ghead{padding-block:clamp(48px,7vw,96px) clamp(28px,4vw,48px)}
.gd .crumbs{font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 22px}
.gd .crumbs a{text-decoration:none}
.gd .crumbs a:hover{text-decoration:underline}
.gd h1.gtitle{font-family:var(--display);font-weight:400;font-size:clamp(28px,4.2vw,58px);line-height:1.3;max-width:22ch;color:var(--signal)}
.gd .gmeta{margin-top:22px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
.gd .gmeta span{display:inline-flex;align-items:center}
.gd .gmeta img{width:28px;height:28px;border-radius:50%;object-fit:cover;vertical-align:middle;margin-right:8px}

.gd .gbody{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(32px,6vw,80px);align-items:start;padding-bottom:clamp(64px,9vw,120px)}
@media (max-width:960px){.gd .gbody{grid-template-columns:minmax(0,1fr)}}

.gd .short{background:var(--blue);background-image:var(--grain-on-cream);padding:22px 24px;border-radius:2px;margin-bottom:40px}
.gd .short .kicker{color:var(--gink);margin-bottom:8px}
.gd .short p:last-child{font-family:var(--read);font-size:18px;line-height:1.6;color:var(--gink)}

.gd .prose{font-family:var(--read);font-size:18px;line-height:1.72;color:var(--gink);max-width:68ch}
.gd .prose h2{font-family:var(--display);font-weight:400;font-size:clamp(20px,2.2vw,28px);line-height:1.4;color:var(--signal);margin:48px 0 14px}
.gd .prose h3{font-family:var(--read);font-weight:700;font-size:19px;line-height:1.4;margin:28px 0 8px}
.gd .prose p{margin:0 0 16px}
.gd .prose ul,.gd .prose ol{margin:0 0 18px;padding-left:22px}
.gd .prose li{margin:6px 0}
.gd .prose a{color:var(--signal);text-decoration-thickness:1.5px;text-underline-offset:3px}
.gd .prose b,.gd .prose strong{font-weight:700}
.gd .prose pre{background:var(--gink);color:#fff6e8;padding:18px 20px;border-radius:2px;overflow-x:auto;font-size:14px;line-height:1.6;margin:0 0 20px}
.gd .prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.gd .prose .note{border:2px solid var(--signal);padding:18px 20px;margin:28px 0}
.gd .prose .note p{margin:0}
.gd .tablewrap{overflow-x:auto;margin:0 0 22px}
.gd table.cmp{width:100%;min-width:520px;border-collapse:collapse;font-size:15.5px;line-height:1.5;background:var(--card)}
.gd table.cmp th,.gd table.cmp td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line)}
.gd table.cmp thead th{font-size:12px;letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid var(--signal)}
.gd table.cmp tbody th{font-weight:700;white-space:nowrap}

.gd .faq{margin-top:56px;border-top:2px solid var(--signal);padding-top:8px}
.gd .faq h2{margin-top:24px}
.gd .faq details{border-bottom:1px solid var(--line);padding:14px 0}
.gd .faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:16px}
.gd .faq summary::-webkit-details-marker{display:none}
.gd .faq summary::after{content:"+";color:var(--signal);font-size:22px;line-height:1}
.gd .faq details[open] summary::after{content:"–"}
.gd .faq details p{margin:10px 0 0}
.gd .srcs{margin-top:40px;font-size:15px}
.gd .srcs h2{font-size:16px;margin-top:0}

.gd .gside{position:sticky;top:24px;display:grid;gap:18px}
@media (max-width:960px){.gd .gside{position:static}}
.gd .cta{background:var(--night);background-image:var(--grain-on-red);color:var(--on-night);padding:26px 24px;border-radius:2px}
.gd .cta h2{font-family:var(--display);font-weight:400;font-size:20px;line-height:1.45;color:var(--on-night);margin:0 0 10px}
.gd .cta p{font-family:var(--read);font-size:15.5px;line-height:1.6;margin:0 0 18px}
.gd .cta .btn{background:var(--on-night);color:var(--night)}
.gd .author{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;font-family:var(--read);font-size:14.5px;line-height:1.5}
.gd .author img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.gd .author b{display:block;font-weight:700}
.gd .related h2{font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-family:var(--read);font-weight:700}
.gd .related ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.gd .related a{font-family:var(--read);font-size:15px;line-height:1.45;text-decoration:none;color:var(--gink)}
.gd .related a:hover{color:var(--signal);text-decoration:underline}

/* guides index */
.gd .glist{list-style:none;margin:0;padding:0 0 clamp(64px,9vw,120px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media (max-width:760px){.gd .glist{grid-template-columns:1fr}}
.gd .glist a{display:grid;gap:12px;height:100%;padding:24px;border:2px solid var(--signal);background:var(--card);text-decoration:none;color:var(--gink);transition:transform .18s ease-out}
.gd .glist a:hover{transform:translateY(-3px)}
.gd .glist h2{font-family:var(--display);font-weight:400;font-size:clamp(17px,1.6vw,21px);line-height:1.45;color:var(--signal);margin:0}
.gd .glist p{font-family:var(--read);font-size:16px;line-height:1.6;margin:0}
.gd .glist .more{font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.gd .glead{font-family:var(--read);font-size:19px;line-height:1.6;max-width:60ch;margin-top:18px}

/* footer links on every page */
.foot .flinks{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13px}
.foot .flinks a{text-decoration:none}
.foot .flinks a:hover{text-decoration:underline}

/* phone fixes: keep the ticker from widening the page, and make room for the Guides link */
html,body{overflow-x:clip}
.ticker{overflow:hidden;max-width:100%}
@media (max-width:480px){.nav a[href$="audit.html"]{display:none}}