/* Privacy notice — NIGHTSHIFT legal page. One column of prose, no hero image:
   this page is read, not browsed, so it loads nothing it does not need. */
.legal-hero{padding:150px 0 clamp(32px,4vw,48px)}
.legal-hero .wrap{display:flex;flex-direction:column;gap:20px}
.legal-hero h1{font-size:clamp(38px,5.6vw,76px);max-width:14ch}
.legal-hero .lead{max-width:60ch}
.legal-meta{display:flex;flex-wrap:wrap;gap:8px 24px;padding-top:22px;border-top:1px solid var(--line2);margin-top:8px}
.legal{padding:clamp(24px,3vw,40px) 0 clamp(80px,9vw,120px)}
.legal .wrap{display:grid;grid-template-columns:minmax(0,68ch) 280px;gap:clamp(40px,6vw,96px);align-items:start;justify-content:space-between}
.prose{font-size:clamp(17px,1.25vw,19px);line-height:1.7;color:rgba(244,246,251,.86)}
.prose>*+*{margin-top:1.15em}
.prose h2{font-family:'Funnel Display','Funnel Display Fallback','Hanken Grotesk','Hanken Grotesk Fallback',sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1.1;font-size:clamp(26px,2.5vw,34px);color:var(--ink);margin-top:2.2em;padding-top:26px;border-top:1px solid var(--line);text-wrap:balance}
.prose h2:first-child{margin-top:0;padding-top:0;border-top:0}
.prose h2+p,.prose h2+ul{margin-top:.75em}
.prose ul{padding-left:1.3em}
.prose li{margin-top:.5em;padding-left:.3em}
.prose li::marker{color:var(--blue-text);font-weight:600}
.prose strong{color:var(--ink);font-weight:600}
.prose a{color:var(--blue-text);text-decoration:underline;text-underline-offset:3px}
.prose a:hover{color:#fff}
.callout{padding:clamp(20px,2.4vw,28px);border-radius:12px;border:1px solid var(--line);background:var(--bg2);color:var(--ink)}
.callout .tag{display:block;margin-bottom:8px}
.side{position:sticky;top:104px;display:flex;flex-direction:column;gap:16px}
.scard{padding:clamp(22px,2vw,28px);border-radius:12px;border:1px solid var(--line);background:var(--bg2)}
.scard .lbl{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);font-weight:600;margin-bottom:12px}
.scard nav{display:flex;flex-direction:column}
.scard nav a{display:block;padding:10px 0;border-top:1px solid var(--line);font-size:15px;color:var(--ink2);transition:color .2s}
.scard nav a:hover{color:#fff}
.scard .body{font-size:15px;margin-bottom:14px}
.scard .btn{width:100%;min-height:50px}
@media (max-width:980px){
  .legal .wrap{grid-template-columns:1fr}
  .side{position:static}
  .scard nav{display:none}
}
@media (max-width:700px){.legal-hero{padding-top:120px}}