/* Legal & trust pages (privacy, security, terms, refunds, delete account) — the 11-08 site look: night navy, film grain,
   Schibsted Grotesk body, Bricolage titles, gold/ember accents, the wave mark in a glass top bar. One file, every page. */
:root{
  --night:#081B30; --navy:#0B2E4E; --paper:#F2EEE6; --mist:#8FA3B8;
  --gold:#B8923A; --ember:#D9B45A; --line:rgba(237,234,226,.08);
  --type:'Schibsted Grotesk',system-ui,sans-serif; --title:'Bricolage Grotesque','Schibsted Grotesk',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--night);color:var(--paper);font-family:var(--type);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;
  background-image:radial-gradient(1100px 620px at 85% -10%,rgba(184,146,58,.13),transparent 60%),radial-gradient(900px 600px at -10% 30%,rgba(11,46,78,.9),transparent 70%)}
body::after{content:"";position:fixed;inset:-50%;pointer-events:none;opacity:.08;z-index:5;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
a{color:inherit}

/* top bar — same as the home page */
.bar{position:sticky;gap:12px;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:14px clamp(16px,5vw,64px);
  background:rgba(6,18,33,.55);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid rgba(237,234,226,.06)}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:-.02em;text-decoration:none;color:var(--paper)}
.logo-wave{width:34px;height:18px;flex:none}
.get{color:var(--gold);text-decoration:none;font-weight:600;font-size:14px;padding:8px 16px;border-radius:999px;border:1px solid rgba(184,146,58,.55);transition:background .2s,color .2s}
.get:hover,.get:focus-visible{background:var(--gold);color:var(--night)}

/* page */
main{position:relative;max-width:760px;margin:0 auto;padding:clamp(48px,9vh,96px) 16px 96px}
@media (min-width:600px){main{padding-left:24px;padding-right:24px}}
.badge{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ember);margin-bottom:14px}
.page-title{font-family:var(--title);font-weight:800;font-size:clamp(38px,6vw,64px);line-height:1;letter-spacing:-.04em}
.page-meta{color:var(--mist);font-size:15px;margin:16px 0 44px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.sections{display:flex;flex-direction:column;gap:34px;color:var(--mist);font-size:17px;line-height:1.65}
.sections h3{font-family:var(--type);font-weight:800;color:var(--paper);font-size:20px;letter-spacing:-.015em;line-height:1.25;margin-bottom:10px}
.sections p+p{margin-top:12px}
.sections ul{margin:12px 0 12px 1.2em;display:flex;flex-direction:column;gap:8px}
.sections li::marker{color:var(--gold)}
strong{color:var(--paper);font-weight:600}
code{background:rgba(184,146,58,.1);color:var(--ember);padding:.1em .4em;border-radius:5px;font-size:.88em}
.gold-link,.sections a{color:var(--ember);text-decoration:underline;text-decoration-color:rgba(217,180,90,.4);text-underline-offset:3px}
.gold-link:hover,.sections a:hover{text-decoration-color:var(--ember)}

/* the short-version card + tables */
.short{background:linear-gradient(180deg,rgba(18,52,86,.7),rgba(11,36,63,.7));border:1px solid rgba(184,146,58,.22);border-radius:22px;padding:24px clamp(18px,4vw,30px)}
.short h3{font-family:var(--title);font-size:24px;letter-spacing:-.03em}
table{width:100%;border-collapse:collapse;margin-top:12px;font-size:16px}
td{padding:12px 8px;border-top:1px solid var(--line);vertical-align:top}
td:first-child{color:var(--paper);width:42%;padding-left:0}

/* footer — same as the home page */
.foot{max-width:1200px;margin:0 auto;padding:40px clamp(16px,6vw,96px) 56px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;color:var(--mist);font-size:14px;letter-spacing:.01em;border-top:1px solid var(--line)}
.foot nav{display:flex;flex-wrap:wrap;gap:22px}
.foot a{color:var(--mist);text-decoration:none}
.foot a:hover{color:var(--paper)}

/* phones: nothing wider than the screen */
.sections{overflow-wrap:anywhere}
@media (max-width:420px){.get{padding:7px 12px;font-size:13px}.brand{font-size:17px}td:first-child{width:38%}}