/* Styles for the guide pages. Loaded after the homepage's own CSS (site.css). Scoped so the homepage is unaffected. */
a.logo{text-decoration:none;color:inherit;}
.nav-mobile-cta{display:none;}
@media(max-width:900px){.nav-mobile-cta{display:inline-block;padding:9px 16px;font-size:13px;}}

.article{max-width:800px;padding-top:40px;padding-bottom:72px;}
.article .crumbs{font-size:13px;color:var(--muted-2);margin-bottom:22px;}
.article .crumbs a{color:var(--muted);text-decoration:none;}
.article .crumbs a:hover{color:var(--gold);}
.article h1{font-size:clamp(32px,5vw,46px);line-height:1.12;letter-spacing:-.03em;font-weight:800;margin-bottom:14px;}
.article .byline{color:var(--muted-2);font-size:13px;margin-bottom:30px;}
.article .byline a{color:var(--muted);}
.article h2{font-size:clamp(22px,3vw,28px);line-height:1.25;letter-spacing:-.02em;font-weight:800;margin:46px 0 14px;}
.article h3{font-size:19px;font-weight:700;margin:30px 0 10px;}
.article p,.article li{color:#C9CFDC;font-size:17px;line-height:1.75;}
.article p{margin-bottom:16px;}
.article h1 + .byline + p,.article .lede{font-size:19px;color:var(--text);}
.article ul,.article ol{margin:0 0 18px 22px;}
.article li{margin-bottom:6px;}
.article strong,.article b{color:var(--text);}
.article a{color:var(--gold);text-underline-offset:3px;}
.article a.btn{color:#0A0F1E;text-decoration:none;}
.article code{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:1px 6px;font-size:.88em;color:var(--text);}
.article pre{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:18px;overflow-x:auto;margin-bottom:18px;}
.article pre code{border:0;padding:0;background:none;}
.article hr{border:0;border-top:1px solid var(--border);margin:36px 0;}
.article blockquote{border-left:3px solid var(--gold);background:var(--bg-card);padding:16px 20px;border-radius:0 12px 12px 0;margin:0 0 22px;}
.article blockquote p:last-child{margin-bottom:0;}
.table-wrap{overflow-x:auto;margin:6px 0 24px;border:1px solid var(--border);border-radius:12px;}
.article table{width:100%;border-collapse:collapse;font-size:15px;}
.article th,.article td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top;color:#C9CFDC;}
.article th{background:var(--bg-card);color:var(--text);font-weight:700;}
.article tr:last-child td{border-bottom:0;}
.article .faq{margin-top:10px;}
.article .faq-item p{font-size:16px;}
.cta-box{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px;margin:44px 0 0;text-align:center;}
.cta-box p{color:var(--text) !important;font-size:18px !important;margin-bottom:18px !important;}
.article .wide{margin:0 0 10px;}
@media(min-width:1200px){.article .wide{margin-left:-160px;margin-right:-160px;}}

/* NEED placeholders: visible on purpose */
.need{background:rgba(232,181,77,.14);border:1px dashed var(--gold);color:var(--gold);border-radius:6px;padding:1px 6px;font-size:.9em;font-weight:600;}
.article blockquote.need-box{border-left-color:var(--gold);border:1px dashed var(--gold);border-radius:12px;background:rgba(232,181,77,.06);}

/* Guides hub */
.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:10px;}
@media(max-width:700px){.guide-grid{grid-template-columns:1fr;}}
.article a.guide-card{display:block;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:18px 20px;text-decoration:none;transition:border-color .2s;}
.article a.guide-card:hover{border-color:var(--gold);}
.guide-card b{display:block;color:var(--text);font-size:17px;margin-bottom:6px;}
.guide-card span{display:block;color:var(--muted);font-size:14px;line-height:1.55;}

/* Footer link grid (all pages, including the homepage) */
.foot-def{color:var(--muted);font-size:14px;max-width:760px;margin-bottom:26px;}
.foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:22px;margin-bottom:28px;}
.foot-col a{display:block;color:var(--muted);text-decoration:none;font-size:14px;margin-bottom:8px;}
.foot-col a:hover{color:var(--gold);}
.foot-h{color:var(--text);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;}