/* Branchard: advice guides + privacy notice (draft 31 Oct 2026). Loaded after site.css on /guides/ and /privacy/ only. */
.hero--plain .wrap{padding:clamp(40px,6vw,76px) 0 clamp(36px,5vw,64px)}
.hero--plain h1{font-size:clamp(2rem,5vw,3.2rem)}
.hero--plain .hero__inner{max-width:780px}
.hero--plain .lead{max-width:68ch}
.hero .short-answer{background:rgba(255,255,255,.08);border-left:5px solid var(--accent);border-radius:var(--radius-sm);padding:14px 18px;margin:0 0 1.4em;color:#eef4f0;font-size:1.08rem}
.hero .short-answer strong{color:#fff}
.article-meta{font-size:.9rem;color:#cfdcd3;margin:-.2em 0 1.1em}
.article-meta span+span::before{content:"·";margin:0 .5em}
.toc{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px 22px;margin:0 0 1.8em;box-shadow:var(--shadow-sm)}
.toc h2{font-size:1.15rem;margin:0 0 .4em}
.toc ol{margin:0;padding-left:1.2em}
.toc li{margin:.2em 0}
.prose h2,.prose h3{scroll-margin-top:96px}
.prose h3{font-size:1.25rem;margin-top:1.2em}
.prose figure{margin:0 0 1.6em}
.prose > figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 40%;border-radius:var(--radius-sm)}
.prose > figure.portrait img{aspect-ratio:auto;width:auto;max-width:100%;max-height:640px;object-fit:contain}
.prose > figure.portrait{background:var(--sand);border-radius:var(--radius-sm);padding:10px;text-align:center}
.prose > figure.portrait picture{display:inline-block}
.prose figcaption{font-size:.9rem;color:var(--muted);margin-top:8px}
.prose .ba{margin:0 0 .5em}
.prose table{width:100%;border-collapse:collapse;margin:0 0 1.2em;background:#fff;font-size:.95rem}
.prose th,.prose td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
.prose th{background:var(--sand);color:var(--green)}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 1.2em}
.table-wrap table{margin:0}
.sources{font-size:.95rem}
.sources li{overflow-wrap:anywhere}
.checked{font-size:.92rem;color:var(--muted)}
.prose a{overflow-wrap:anywhere}
.guide-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
.guide-tiles .tile__media{aspect-ratio:16/10}
.guide-tiles .tile__bar{font-size:1.2rem}
@media (max-width:640px){.guide-tiles{grid-template-columns:1fr}}
.article-meta a{color:#fff;text-decoration:underline;text-underline-offset:2px}
