/* Shared styles for BST WiFi legal pages (terms, acceptable use, privacy).
   Palette, fonts, nav and footer mirror index.html so the pages feel native. */
:root{
  --bg:#f2f5ef; --surface:#ffffff; --ink:#1b2a22; --soft:#56645b; --rule:#d7dfd2;
  --night:#1d3b2f; --on-night:#f1f5ee; --gold:#a9cfe0; --gold-ink:#2f6a8a; --go:#2c7a4b; --warn:#b4372f;
  --display:"Bricolage Grotesque","Arial Black",Arial,sans-serif;
  --body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Martian Mono",ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#101a15; --surface:#18261f; --ink:#e9efe6; --soft:#a3b2a8; --rule:#2a3a31;
  --night:#0b1610; --on-night:#eef3f7; --gold:#9cc6da; --gold-ink:#9cc6da; --go:#5cc495; --warn:#ef7a6f; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#101a15; --surface:#18261f; --ink:#e9efe6; --soft:#a3b2a8; --rule:#2a3a31;
  --night:#0b1610; --on-night:#eef3f7; --gold:#9cc6da; --gold-ink:#9cc6da; --go:#5cc495; --warn:#ef7a6f; color-scheme:dark}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--body)}
a{color:inherit}
h1,h2,h3{font-family:var(--display);margin:0;line-height:1.12;text-wrap:balance}
.in{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}

/* nav */
nav{background:var(--night);color:var(--on-night);position:sticky;top:0;z-index:5}
nav .in{display:flex;align-items:center;gap:20px;padding-block:14px;flex-wrap:wrap}
.mark{font:800 1.35rem var(--display);text-decoration:none;display:flex;align-items:center;gap:8px}
.mark svg{width:26px;height:26px}.mark span{color:var(--gold)}
nav ul{list-style:none;display:flex;gap:18px;margin:0 0 0 auto;padding:0;flex-wrap:wrap;font-size:.95rem}
nav ul a{text-decoration:none;opacity:.85}
nav ul a:hover{opacity:1;text-decoration:underline}
.navcta{font:600 .9rem var(--mono);margin-left:auto}
@media(max-width:760px){nav ul{display:none}.navcta{margin-left:auto}}

/* content */
main{padding-block:48px 64px}
.doc{max-width:760px;margin:0 auto;background:var(--surface);border:1px solid var(--rule);border-radius:16px;padding:clamp(22px,4vw,44px)}
.kicker{font:600 .8rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink)}
.doc h1{font-size:clamp(1.9rem,4vw,2.6rem);font-weight:800;letter-spacing:-.01em;margin:.3rem 0 .4rem}
.updated{color:var(--soft);font-size:.9rem;margin:0 0 6px}
.doc h2{font-family:var(--display);font-size:1.25rem;font-weight:800;margin:30px 0 8px;padding-top:18px;border-top:1px solid var(--rule)}
.doc h2:first-of-type{border-top:0;padding-top:0}
.doc p{margin:0 0 12px}
.doc ul{margin:0 0 14px;padding-left:20px}
.doc li{margin:6px 0}
.doc strong{font-weight:600}
.lead{color:var(--soft);font-size:1.05rem;margin-bottom:8px}
.crosslinks{display:flex;flex-wrap:wrap;gap:8px 18px;margin:6px 0 26px;font-size:.92rem}
.crosslinks a{color:var(--gold-ink);text-decoration:none;font-weight:600}
.crosslinks a:hover{text-decoration:underline}
.crosslinks a[aria-current="page"]{color:var(--ink);text-decoration:underline}
.note{background:var(--bg);border:1px solid var(--rule);border-radius:10px;padding:12px 14px;color:var(--soft);font-size:.9rem;margin-top:22px}
.backhome{display:inline-block;margin-top:26px;font-weight:600;color:var(--gold-ink);text-decoration:none}
.backhome:hover{text-decoration:underline}

/* footer */
footer{background:var(--night);color:var(--on-night);font-size:.9rem}
footer .in{padding-block:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}
footer h3{font-size:1rem;margin-bottom:6px;font-family:var(--display)}
footer a{color:inherit}
footer .logo{display:block;width:96px;height:96px;border-radius:12px;background:#fff;margin-bottom:12px}