/* content.css: service, area and guide pages. Tokens only (see wh-system.css). No JS needed. */
.wh-topbar{background:var(--wh-charcoal-2);color:#fff;padding:var(--wh-s3) 0}
.wh-topbar .wh-wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--wh-s4)}
.wh-topbar .wh-logo{height:56px;width:auto}
.wh-topbar nav{display:flex;align-items:center;gap:var(--wh-s4);flex-wrap:wrap}
.wh-topbar nav a:not(.wh-btn){color:#fff;text-decoration:none;font-weight:600;font-size:var(--wh-fs-sm)}
@media (max-width:719px){.wh-topbar nav a:not(.wh-btn){display:none}}
.wh-crumbs{font-size:var(--wh-fs-xs);color:var(--wh-muted);margin:0 0 var(--wh-s4)}
.wh-crumbs a{color:var(--wh-slate-text)}
.wh-page-hero{padding:var(--wh-s7) 0 var(--wh-s6)}
.wh-page-hero h1{font-size:var(--wh-fs-2xl)}
.wh-page-hero .wh-lede{font-size:var(--wh-fs-lg);max-width:62ch}
.wh-cta-row{display:flex;flex-wrap:wrap;gap:var(--wh-s3);margin:var(--wh-s5) 0 0}
.wh-prose{max-width:70ch}
.wh-prose h2{font-size:var(--wh-fs-xl);margin-top:var(--wh-s7)}
.wh-prose h3{font-size:1.5rem;margin-top:var(--wh-s6)}
.wh-prose ul,.wh-prose ol{padding-left:1.25em;margin:0 0 var(--wh-s4)}
.wh-prose li{margin-bottom:var(--wh-s2)}
.wh-note{border-left:5px solid var(--wh-gold);background:var(--wh-cloud);padding:var(--wh-s4) var(--wh-s5);border-radius:0 var(--wh-radius) var(--wh-radius) 0;margin:var(--wh-s5) 0}
.wh-faq details{border-top:1px solid var(--wh-hairline);padding:var(--wh-s4) 0}
.wh-faq details:last-child{border-bottom:1px solid var(--wh-hairline)}
.wh-faq summary{cursor:pointer;font-weight:700;color:var(--wh-charcoal);list-style-position:outside}
.wh-faq details p{margin-top:var(--wh-s3)}
.wh-linklist{list-style:none;padding:0;display:grid;gap:var(--wh-s2)}
@media (min-width:720px){.wh-linklist{grid-template-columns:repeat(2,1fr)}}
.wh-linklist a{display:block;padding:var(--wh-s3) var(--wh-s4);background:var(--wh-surface);border:1px solid var(--wh-hairline);border-radius:var(--wh-radius);font-weight:600;text-decoration:none}
.wh-linklist a:hover{border-color:var(--wh-red)}
.wh-callband{text-align:left}
.wh-callband p{font-size:var(--wh-fs-lg)}
.wh-footer{background:var(--wh-night);color:var(--wh-cloud);padding:var(--wh-s7) 0;font-size:var(--wh-fs-sm)}
.wh-footer a{color:var(--wh-gold)}
.wh-footer .wh-logo{width:auto;margin-bottom:var(--wh-s4)}

/* Photos (2026-09-28) */
.wh-content-figure{margin:0 0 var(--wh-s6);max-width:700px}
.wh-content-figure img{width:100%;height:auto;object-fit:cover;border-radius:var(--wh-radius-lg);box-shadow:var(--wh-shadow-1)}
.wh-content-figure figcaption{margin-top:var(--wh-s2);font-size:var(--wh-fs-xs);color:var(--wh-muted)}
.wh-banner{margin:0 0 var(--wh-s6)}
.wh-banner img{width:100%;height:auto;aspect-ratio:2.4/1;object-fit:cover;display:block}
@media (min-width:900px){.wh-banner{max-width:1120px;margin:var(--wh-s6) auto;padding:0 var(--wh-s5,24px)}.wh-banner img{aspect-ratio:3.4/1;max-height:300px;border-radius:var(--wh-radius-lg);box-shadow:var(--wh-shadow-1)}}

/* banner height is fixed so the band never pushes content below the fold */
.wh-banner img{height:180px!important;aspect-ratio:auto!important;object-fit:cover}
@media (min-width:900px){.wh-banner img{height:260px!important;max-height:none}}
/* v 2026-09-28b: content change forces a new ?v= URL (the previous one was edge-cached with stale bytes) */