/* Guides: long-form articles. Loaded after buzz.css and reuses its tokens, nav, hero and
   footer. Everything stacks in ONE column (repo hard rule: no side by side). */
.guide-hero .wrap{max-width:900px}
.guide-hero h1{font-size:clamp(44px,7.4vw,92px);line-height:.95}
.legal-hero p.guide-dek{margin:22px 0 0;color:#e7e1d6;font-size:clamp(17px,2vw,21px);line-height:1.5;max-width:60ch}
.guide-crumbs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;list-style:none;font-size:14px;font-weight:700;color:var(--muted)}
.guide-crumbs li+li::before{content:"/";margin-right:8px;color:#5f5a52}
.guide-crumbs a{color:var(--gold)}
.legal-hero p.guide-byline{display:flex;flex-wrap:wrap;gap:6px 18px;margin:26px 0 0;max-width:none;color:var(--muted);font-size:14px;line-height:1.5}
.guide-byline strong{color:var(--text);font-weight:700}
.guide-byline a{color:var(--gold);font-weight:700}

.guide-body .wrap{max-width:900px}
.guide-copy{max-width:760px}
.guide-copy [id]{scroll-margin-top:96px}
.guide-copy h2{margin:52px 0 14px;font-size:clamp(28px,3.6vw,44px);letter-spacing:.6px}
.guide-copy h3{margin:32px 0 10px;font-family:var(--font);font-size:19px;font-weight:700;text-transform:none;letter-spacing:0;line-height:1.35;color:var(--text)}
.guide-copy p,.guide-copy li{color:#d8d1c4;font-size:17px;line-height:1.75;text-wrap:pretty}
.guide-copy p{margin:0 0 18px}
.guide-copy ul,.guide-copy ol{margin:0 0 22px;padding-left:22px}
.guide-copy li{margin:0 0 8px}
.guide-copy strong{color:var(--text)}
.guide-copy a{color:var(--gold);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

/* The answer-first summary under the headline */
.guide-answer{margin:0 0 36px;padding:4px 0 4px 22px;border-left:3px solid var(--gold)}
.guide-answer p{margin:0 0 12px;color:var(--text)}
.guide-answer p:last-child{margin:0}
.guide-answer .guide-answer__label{margin:0 0 8px;color:var(--gold);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

.guide-toc{margin:0 0 40px;padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.guide-toc p{margin:0 0 10px;color:var(--muted);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.guide-toc ol{margin:0;padding-left:22px}
.guide-toc li{margin:0 0 6px;font-size:16px}

/* Data tables scroll inside themselves on a phone; the page never scrolls sideways */
.guide-table{margin:0 0 26px;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--r)}
.guide-table table{width:100%;min-width:560px;border-collapse:collapse;font-size:15px}
.guide-table caption{padding:12px 14px;text-align:left;color:var(--muted);font-size:14px;caption-side:bottom;border-top:1px solid var(--border)}
.guide-table th,.guide-table td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border);color:#d8d1c4;line-height:1.5}
.guide-table thead th{background:var(--surface-2);color:var(--text);font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.guide-table tbody th{color:var(--text);font-weight:700}
.guide-table tr:last-child td,.guide-table tr:last-child th{border-bottom:0}

.guide-checklist{list-style:none;padding-left:0}
.guide-checklist li{position:relative;padding-left:30px}
.guide-checklist li::before{content:"";position:absolute;left:2px;top:.55em;width:14px;height:8px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}

.guide-faq h3{margin-top:26px}
.guide-sources li{font-size:15px}

.guide-author{margin:52px 0 0;padding:26px 0 0;border-top:1px solid var(--border)}
.guide-author p{margin:0 0 10px;font-size:16px}
.guide-author .guide-author__name{font-family:var(--font-display);font-size:28px;letter-spacing:.5px;text-transform:uppercase;color:var(--text);margin:0 0 8px}

.guide-cta{margin:44px 0 0;padding:28px 0 0;border-top:2px solid var(--gold)}
.guide-cta h2{margin:0 0 12px}
.guide-cta .btn{margin:6px 12px 0 0}

/* Guides index: one full-width item per row */
.guide-list{list-style:none;margin:0;padding:0}
.guide-list li{padding:28px 0;border-bottom:1px solid var(--border)}
.guide-list li:first-child{padding-top:0}
.guide-list h2{margin:0 0 10px;font-size:clamp(28px,3.6vw,42px)}
.guide-list h2 a:hover{color:var(--gold)}
.guide-list p{margin:0 0 10px;color:#d8d1c4;font-size:17px;line-height:1.7}
.guide-list .guide-list__meta{color:var(--muted);font-size:14px}
.guide-dek a{color:var(--gold);font-weight:700}

/* Article images: full column width, stacked between sections */
.guide-figure{margin:8px 0 36px}
.guide-figure img{display:block;width:100%;height:auto;border-radius:var(--r)}
.guide-list .guide-list__img{display:block;margin:0 0 18px}
.guide-list .guide-list__img img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r)}
/* Phone screenshots sit at phone width, centred in the column */
.guide-figure--phone img{max-width:320px;margin:0 auto;border:1px solid var(--border)}
.guide-figure figcaption{margin:10px auto 0;max-width:420px;text-align:center;color:var(--muted);font-size:14px;line-height:1.5}
.guide-figure figcaption a{font-weight:700}