/* Guides: one question per page, the answer first, then the detail, the sources and related guides. Builds on /blog/blog.css. */
.posthead.g1{background:var(--tang); color:#1A1033}
.posthead.g2{background:var(--mint); color:#1A1033}
.posthead.g3{background:var(--lemon); color:#1A1033}
.posthead.g4{background:var(--blue); color:#FFFFFF}
.posthead.g5{background:var(--lilac); color:#1A1033}
.posthead .lede{font-size:1.25rem; max-width:40rem}
.crumbs{font-family:var(--mono); font-size:.8rem; letter-spacing:.04em}
.crumbs a{text-decoration:none; border-bottom:2px solid currentColor}
.short{background:var(--lemon); color:#1A1033; border:3px solid #1A1033; border-radius:22px; padding:1.5rem 1.75rem; box-shadow:6px 6px 0 #1A1033; display:flex; flex-direction:column; gap:.6rem; font-size:1.15rem}
.short .tab{align-self:flex-start; font-family:var(--hand); font-weight:700; font-size:1.35rem; background:#FFFFFF; padding:.05rem .7rem; border-radius:8px; border:2px solid #1A1033; transform:rotate(-1.5deg)}
article h2{font-size:clamp(1.7rem, 3.4vw, 2.2rem); margin-top:1rem}
article ul, article ol{margin:0; padding-left:1.3rem; display:flex; flex-direction:column; gap:.5rem}
.rows{width:100%; border-collapse:separate; border-spacing:0; border:3px solid #1A1033; border-radius:18px; overflow:hidden; font-size:1.02rem; background:var(--card)}
.rows th,.rows td{text-align:left; vertical-align:top; padding:.8rem 1rem; border-bottom:2px solid var(--line)}
.rows tr:last-child th,.rows tr:last-child td{border-bottom:0}
.rows thead th{background:#1A1033; color:#FFF4E0; font-family:var(--mono); font-size:.78rem; letter-spacing:.06em; text-transform:uppercase}
.rows s{opacity:.7}
.ok{color:#0E7A4B; font-weight:700} .no{color:#C2185B; font-weight:700}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .ok{color:#3DDC97} :root:not([data-theme="light"]) .no{color:#FF7AA8}}
.faq{display:flex; flex-direction:column; gap:1rem}
.faq details{border:3px solid #1A1033; border-radius:18px; background:var(--card); padding:1rem 1.25rem; box-shadow:4px 4px 0 #1A1033}
.faq summary{font-family:var(--display); font-weight:800; font-size:1.2rem; cursor:pointer; line-height:1.25}
.faq details p{margin-top:.6rem; font-size:1.05rem}
.sources{background:var(--card); border:3px dashed var(--line); border-radius:22px; padding:1.5rem 1.75rem; display:flex; flex-direction:column; gap:.6rem; font-size:1rem}
.sources h2{font-size:1.5rem; margin:0}
.sources ul{padding-left:1.1rem}
.related{display:grid; grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr)); gap:1rem}
.related a{text-decoration:none; color:#1A1033; border:3px solid #1A1033; border-radius:18px; padding:1.1rem 1.25rem; box-shadow:4px 4px 0 #1A1033; display:flex; flex-direction:column; gap:.3rem; font-size:1rem}
.related a strong{font-family:var(--display); font-size:1.2rem; line-height:1.2}
.related a:nth-child(5n+1){background:var(--tang)} .related a:nth-child(5n+2){background:var(--mint)} .related a:nth-child(5n+3){background:var(--lemon)} .related a:nth-child(5n+4){background:var(--lilac)} .related a:nth-child(5n){background:var(--pink)}
.related a:hover{transform:translate(-2px,-2px); box-shadow:6px 6px 0 #1A1033}
.footguides{display:flex; flex-wrap:wrap; gap:.4rem 1rem}
.hub{padding-block:3rem 4rem; display:flex; flex-direction:column; gap:1.5rem}