/*!
 * guides.css — additive stylesheet for the /guides/ knowledge section (Wave 1, 2026-08-31).
 * Loads AFTER /css/city-pages.css on guide pages only. No overrides of shared classes.
 */

/* Hero (dark, text-first — no image) */
.guide-hero{background:var(--dark,#0C0C0A);padding:150px 0 64px}
.guide-kicker{color:rgba(201,168,76,.9);margin-bottom:18px}
.guide-h1{font-family:var(--f-serif,Georgia,serif);font-weight:300;font-size:clamp(34px,4.6vw,58px);line-height:1.08;letter-spacing:-.02em;color:var(--white,#fff);max-width:840px}
.guide-deck{margin-top:22px;font-size:16px;font-weight:300;line-height:1.75;color:rgba(255,255,255,.65);max-width:660px}
.guide-meta{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.4);line-height:1.8}
.guide-meta strong{color:rgba(255,255,255,.72);font-weight:400}
.guide-topcta{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 36px}

/* Article body */
.guide-body-section{padding:76px 0;background:var(--white,#fff)}
.guide-body{max-width:760px}
.guide-body h2{font-family:var(--f-serif,Georgia,serif);font-weight:300;font-size:clamp(26px,3vw,40px);line-height:1.15;letter-spacing:-.015em;color:var(--ink,#0C0C0A);margin:54px 0 18px}
.guide-body h2:first-child{margin-top:0}
.guide-body h3{font-family:var(--f-serif,Georgia,serif);font-weight:400;font-size:clamp(19px,2vw,25px);line-height:1.28;color:var(--ink,#0C0C0A);margin:34px 0 12px}
.guide-body p{font-size:16px;font-weight:300;line-height:1.85;color:var(--mid,#5A5A58);margin-bottom:18px}
.guide-body strong{font-weight:500;color:var(--ink,#0C0C0A)}
.guide-body a{color:var(--ink,#0C0C0A);text-decoration:underline;text-decoration-color:var(--gold,#C9A84C);text-decoration-thickness:1px;text-underline-offset:3px}
.guide-body a:hover{text-decoration-color:var(--ink,#0C0C0A)}
.guide-body ul,.guide-body ol{margin:0 0 20px;padding-left:22px}
.guide-body ul{list-style:disc}
.guide-body ol{list-style:decimal}
.guide-body li{font-size:15px;font-weight:300;line-height:1.75;color:var(--mid,#5A5A58);margin-bottom:8px}
.guide-body li::marker{color:var(--gold,#C9A84C)}

/* Tables */
.guide-table-wrap{overflow-x:auto;margin:26px 0;border:1px solid var(--rule,#E4E2DE)}
.guide-table{width:100%;border-collapse:collapse;min-width:560px}
.guide-table th{font-family:var(--f-sans,system-ui,sans-serif);font-size:10px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--ghost,#9A9A98);text-align:left;padding:14px 16px;border-bottom:1px solid var(--rule,#E4E2DE);background:var(--off-white,#F8F7F5)}
.guide-table td{font-size:14px;font-weight:300;line-height:1.65;color:var(--mid,#5A5A58);padding:14px 16px;border-bottom:1px solid var(--rule,#E4E2DE);vertical-align:top}
.guide-table tr:last-child td{border-bottom:none}
.guide-table td:first-child{color:var(--ink,#0C0C0A);font-weight:400}
.guide-table td strong{white-space:nowrap}

/* Callout */
.guide-callout{border-left:2px solid var(--gold,#C9A84C);background:var(--off-white,#F8F7F5);padding:22px 26px;margin:28px 0}
.guide-callout p{margin-bottom:0;font-size:15px}

/* Visible FAQ (plain text, no accordion, no structured-data markup) */
.guide-faq h3{margin-top:30px}
.guide-faq h3:first-of-type{margin-top:18px}

/* Guides hub cards */
.ghub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin:28px 0 8px}
.ghub-card{display:block;padding:26px 26px 22px;border:1px solid var(--rule,#E4E2DE);background:var(--white,#fff);transition:border-color .3s,transform .3s}
.ghub-card:hover{border-color:var(--gold,#C9A84C);transform:translateY(-2px)}
.ghub-card h3{font-family:var(--f-serif,Georgia,serif);font-weight:400;font-size:21px;line-height:1.25;color:var(--ink,#0C0C0A);margin-bottom:10px}
.ghub-card p{font-size:14px;font-weight:300;line-height:1.7;color:var(--mid,#5A5A58);margin-bottom:14px}
.ghub-card .ghub-more{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink,#0C0C0A)}
.ghub-card .ghub-more span{color:var(--gold,#C9A84C)}

@media(max-width:640px){
  .guide-hero{padding:118px 0 48px}
  .guide-body-section{padding:52px 0}
  .guide-body h2{margin-top:40px}
  .guide-table td strong{white-space:normal}
}
@media(max-width:768px){
  .guide-h1{font-weight:500}
  .guide-body h2,.guide-body h3,.ghub-card h3{font-weight:400}
}