/* Styles for the two standalone document pages (privacy, 404). Kept out of
   site.css because they use a narrower measure and their own masthead rather
   than the main site chrome. External rather than inline so the site-wide CSP
   needs no style-src 'unsafe-inline'. */
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/barlow-condensed-800.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-700.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/barlow-400.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/barlow-500.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-600.woff2) format("woff2")}
:root{--ink:#16181d;--orange:#e2622f;--orange-deep:#ae461d;--paper:#f6f3ee}
*{margin:0;padding:0;box-sizing:border-box}
html{background:var(--ink)}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px}

/* ---------- document pages (privacy) ---------- */
.doc{font-family:"Barlow",sans-serif;background:var(--paper);color:var(--ink);line-height:1.65}
.doc .mast{background:var(--ink);color:var(--paper);padding:2.4rem 0;border-bottom:5px solid var(--orange)}
.doc .wrap{width:min(760px,100% - 2.5rem);margin-inline:auto}
.doc .mast a{display:inline-flex;align-items:center;gap:.6rem;color:var(--paper);text-decoration:none;font-weight:600}
.doc .mast img{width:40px;height:35px;object-fit:contain}
.doc h1{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-weight:800;font-size:clamp(2rem,6vw,3rem);line-height:1;margin-top:.8rem}
.doc h1 em{font-style:normal;color:var(--orange)}
.doc main{padding:2.6rem 0 4rem}
.doc h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-weight:700;font-size:1.35rem;margin:2rem 0 .5rem}
.doc p,.doc li{color:rgba(22,24,29,.82);font-size:1rem;margin-bottom:.7rem}
.doc ul{padding-left:1.2rem}
.doc a{color:var(--orange-deep);font-weight:600}
.doc .updated{font-size:.85rem;color:rgba(22,24,29,.62)}

/* ---------- 404 ---------- */
.err{min-height:100svh;display:grid;place-items:center;font-family:"Barlow",sans-serif;background:var(--ink);color:var(--paper);text-align:center;padding:2rem}
.err img{width:110px;margin-inline:auto;margin-bottom:1.6rem}
.err h1{font-family:"Barlow Condensed",sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(2.6rem,9vw,4.5rem);line-height:1}
.err h1 em{font-style:normal;color:var(--orange)}
.err p{margin:1rem auto 2rem;color:rgba(246,243,238,.72);max-width:34ch}
.err .btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.err a.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:"Barlow Condensed",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:1.1rem;text-decoration:none;padding:.9rem 1.8rem}
.err .solid{background:var(--orange);color:var(--ink)}
.err .ghost{border:2px solid var(--paper);color:var(--paper)}
/* popular destinations, so a 404 isn't a dead end */
.err .quick{margin-top:2.2rem;font-size:.95rem;color:rgba(246,243,238,.72)}
.err .quick a{color:var(--paper);font-weight:600}
.err .quick a:hover{color:var(--orange)}