/* BELOW guides and location pages, 8 Oct 2026. Same tokens as the home page: night, frost, mist, line. Lato 300/400 only. */
:root{
  --night:#05070a; --deep:#0b1622; --frost:#ecf0f5; --mist:#9aa6b3; --line:#a9c4dc; --dim:#4d5763; --field:#0f141b;
  --display:Lato,"Helvetica Neue",Arial,sans-serif; --body:Lato,"Helvetica Neue",Arial,sans-serif;
  --rule:color-mix(in srgb,var(--line) 22%,transparent);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--night);color:var(--frost);font-family:var(--body);font-weight:300;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
img{max-width:100%;height:auto;display:block}

/* chrome */
.bar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:calc(env(safe-area-inset-top,0px) + 16px) clamp(16px,4vw,48px) 16px;background:color-mix(in srgb,var(--night) 82%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid color-mix(in srgb,var(--line) 10%,transparent)}
.bar .mark{font:400 13px/1 var(--display);letter-spacing:.62em;text-transform:uppercase;text-decoration:none}
.bar .top-cta{padding:11px 18px;border:1px solid color-mix(in srgb,var(--line) 60%,transparent);font:400 11px/1 var(--display);letter-spacing:.3em;text-transform:uppercase;text-decoration:none;color:var(--frost);transition:background .3s,color .3s}
.bar .top-cta:hover,.bar .top-cta:focus-visible{background:var(--frost);color:var(--night);outline:none}

/* page */
.page{padding-inline:clamp(16px,6vw,96px)}
.crumbs{max-width:1100px;margin:clamp(32px,6vh,56px) auto 0;font:400 11px/1.6 var(--display);letter-spacing:.24em;text-transform:uppercase;color:var(--mist)}
.crumbs a{text-decoration:none;color:var(--line)}
.crumbs a:hover{text-decoration:underline}
.crumbs span{margin:0 .7em;color:var(--dim)}
article{max-width:1100px;margin-inline:auto}
.intro{display:grid;gap:22px;padding-block:clamp(36px,7vh,72px) clamp(36px,6vh,56px);max-width:52rem}
.eyebrow{font:400 clamp(12px,1.05vw,14px)/1.4 var(--display);letter-spacing:.32em;text-transform:uppercase;color:var(--line)}
h1{margin:0;font:300 clamp(34px,5vw,64px)/1.08 var(--display);letter-spacing:.04em;text-wrap:balance}
.answer{margin:0;font:400 clamp(18px,1.6vw,22px)/1.6 var(--body);color:var(--frost);max-width:46rem;padding-left:18px;border-left:1px solid var(--line)}
.lede{margin:0;font:400 17px/1.7 var(--body);color:var(--frost);opacity:.84;max-width:44rem}
.stamp{font:400 11px/1.6 var(--display);letter-spacing:.24em;text-transform:uppercase;color:var(--dim)}
.hero{margin:0 0 clamp(40px,7vh,72px);display:grid;gap:12px}
.hero img{width:100%;border:1px solid color-mix(in srgb,var(--line) 18%,transparent)}
.hero figcaption{font:400 13px/1.6 var(--body);color:var(--mist);max-width:44rem}

.body{display:grid;gap:clamp(40px,6vh,64px);max-width:46rem}
.body section{display:grid;gap:16px;padding-top:24px;border-top:1px solid var(--rule)}
.body h2,.faq h2,.sources h2,.related h2{margin:0;font:300 clamp(22px,2.4vw,30px)/1.2 var(--display);letter-spacing:.12em;text-transform:uppercase;text-wrap:balance}
.body h3{margin:6px 0 0;font:400 17px/1.4 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--line)}
.body p,.body li{font:400 17px/1.72 var(--body);color:var(--frost);opacity:.86}
.body p{margin:0}
.body ul,.body ol{margin:0;padding-left:1.2em;display:grid;gap:8px}
.body li::marker{color:var(--line)}
.body a,.faq a,.related a{color:var(--frost);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--line) 60%,transparent);text-underline-offset:3px}
.body a:hover,.faq a:hover,.related a:hover{text-decoration-color:var(--frost)}
.note{font:400 14px/1.6 var(--body);color:var(--mist)}
.tablewrap{overflow-x:auto;border-top:1px solid var(--rule)}
table{width:100%;border-collapse:collapse;font:400 15px/1.55 var(--body);min-width:560px}
th,td{text-align:left;vertical-align:top;padding:14px 14px 14px 0;border-bottom:1px solid var(--rule)}
th{font:400 11px/1.4 var(--display);letter-spacing:.22em;text-transform:uppercase;color:var(--mist)}
td{color:var(--frost);opacity:.88}
dl.terms{margin:0;display:grid;gap:0;border-top:1px solid var(--rule)}
dl.terms div{display:grid;grid-template-columns:minmax(0,12rem) minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--rule)}
dl.terms dt{font:400 13px/1.5 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--line)}
dl.terms dd{margin:0;font:400 16px/1.6 var(--body);opacity:.86}
@media (max-width:600px){dl.terms div{grid-template-columns:1fr;gap:6px}}

/* visible FAQ */
.faq{max-width:46rem;margin-top:clamp(56px,9vh,96px);display:grid;gap:24px}
.faq dl{margin:0;border-top:1px solid var(--rule)}
.faq dt{padding:22px 0 8px;font:400 clamp(17px,1.4vw,20px)/1.4 var(--display);letter-spacing:.02em}
.faq dd{margin:0;padding-bottom:22px;border-bottom:1px solid var(--rule);font:400 16px/1.68 var(--body);color:var(--frost);opacity:.84}

/* related + sources */
.related{max-width:46rem;margin-top:clamp(48px,8vh,80px);display:grid;gap:18px}
.related ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px}
.related li{font:400 16px/1.5 var(--body);padding-top:12px;border-top:1px solid var(--rule)}
@media (max-width:600px){.related ul{grid-template-columns:1fr}}
.sources{max-width:46rem;margin-top:clamp(48px,8vh,80px);margin-bottom:clamp(56px,9vh,96px);display:grid;gap:14px}
.sources h2{font-size:15px;letter-spacing:.28em;color:var(--mist)}
.sources ol{margin:0;padding-left:1.4em;display:grid;gap:6px;font:400 13px/1.6 var(--body);color:var(--mist)}
.sources a{color:var(--mist);text-decoration:underline;text-decoration-color:var(--dim);text-underline-offset:2px;word-break:break-word}
.sources a:hover{color:var(--frost)}

/* CTA */
.ask{position:relative;margin-inline:calc(-1 * clamp(16px,6vw,96px));padding-block:clamp(80px,12vh,140px);padding-inline:clamp(16px,6vw,96px);background:var(--night)}
.ask::before{content:"";position:absolute;inset:0;background:url("/media/gallery.webp") center/cover no-repeat;opacity:.2}
.ask::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,var(--night),rgba(5,7,10,.6) 40%,var(--night))}
.ask .wrap{position:relative;z-index:1;max-width:1100px;margin-inline:auto;display:grid;gap:20px;justify-items:start}
.ask h2{margin:0;font:300 clamp(30px,4.2vw,56px)/1.06 var(--display);letter-spacing:.12em;text-transform:uppercase;text-wrap:balance;max-width:16em}
.ask p{margin:0;font:400 17px/1.65 var(--body);color:var(--frost);opacity:.86;max-width:34rem}
.ask small{font:400 12px/1.6 var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--line)}
.button{display:inline-block;margin-top:8px;padding:18px 34px;border:1px solid var(--line);color:var(--frost);text-decoration:none;font:400 12px/1 var(--display);letter-spacing:.36em;text-transform:uppercase;transition:background .3s,color .3s}
.button:hover,.button:focus-visible{background:var(--frost);color:var(--night);outline:none}

/* footer */
.site{background:var(--night);border-top:1px solid color-mix(in srgb,var(--line) 14%,transparent);padding-block:48px 36px;padding-inline:clamp(16px,6vw,96px)}
.site .cols{max-width:1100px;margin-inline:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.site h2{margin:0 0 14px;font:400 11px/1.4 var(--display);letter-spacing:.3em;text-transform:uppercase;color:var(--line)}
.site ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.site li,.site address{font:400 14px/1.6 var(--body);font-style:normal;color:var(--mist)}
.site a{color:var(--mist);text-decoration:none}
.site a:hover{color:var(--frost)}
.site .base{max-width:1100px;margin:36px auto 0;padding-top:20px;border-top:1px solid color-mix(in srgb,var(--line) 10%,transparent);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font:400 11px/1.6 var(--display);letter-spacing:.28em;text-transform:uppercase;color:var(--dim)}
@media (max-width:760px){.site .cols{grid-template-columns:1fr}}
@media (max-width:600px){
  .bar .mark{font-size:12px;letter-spacing:.5em}
  .bar .top-cta{padding:9px 12px;font-size:10px;letter-spacing:.22em}
  .ask h2{font-size:clamp(26px,8vw,38px);letter-spacing:.08em}
  .site .base{flex-direction:column;letter-spacing:.2em}
}
.site address.hq{margin-top:14px}