/* The privacy and terms pages: the landing page's paper and ink, as a plain reading column. */
html,body{margin:0}
:root{
  --bg:#E8EBF0; --ink:#12204A; --ink-2:rgba(18,32,74,.72); --ink-3:rgba(18,32,74,.45); --hair:rgba(18,32,74,.13); --dir:#2446C2;
  --f-ui:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif; --f-mono:"Fragment Mono",ui-monospace,Menlo,Consolas,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --bg:#0D1119; --ink:#DCE3F2; --ink-2:rgba(220,227,242,.74); --ink-3:rgba(220,227,242,.45); --hair:rgba(220,227,242,.11); --dir:#8EA6FF; color-scheme:dark; } }
:root[data-theme="dark"]{ --bg:#0D1119; --ink:#DCE3F2; --ink-2:rgba(220,227,242,.74); --ink-3:rgba(220,227,242,.45); --hair:rgba(220,227,242,.11); --dir:#8EA6FF; color-scheme:dark; }
body{background:var(--bg);color:var(--ink);font-family:var(--f-ui);font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
::selection{background:rgba(36,70,194,.14)}
:focus-visible{outline:2px solid var(--dir);outline-offset:3px}
a{color:var(--dir)}
.top{border-bottom:1px solid var(--hair)}
.top-in{max-width:720px;margin:0 auto;height:60px;display:flex;align-items:center;padding:0 16px}
.mark{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;}
.mark img{height:30px;width:auto} .mark .wm{height:21px;width:auto} .mark .dk{display:none}
:root[data-theme="dark"] .mark .lt{display:none} :root[data-theme="dark"] .mark .dk{display:inline}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .mark .lt{display:none} :root:not([data-theme="light"]) .mark .dk{display:inline} }
main{max-width:720px;margin:0 auto;padding:48px 16px 64px;box-sizing:border-box}
h1{font-size:clamp(32px,7vw,44px);line-height:1.1;letter-spacing:-.02em;margin:0 0 10px}
.updated{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0 0 32px}
.intro{font-size:18px;color:var(--ink-2);margin:0 0 8px}
h2{font-size:21px;line-height:1.3;letter-spacing:-.01em;margin:40px 0 10px}
p,li{color:var(--ink-2);text-wrap:pretty} p{margin:0 0 14px}
ul{margin:0 0 14px;padding-left:20px} li{margin:0 0 8px}
strong{color:var(--ink);font-weight:600}
footer{border-top:1px solid var(--hair)}
.foot-in{max-width:720px;margin:0 auto;padding:20px 16px 32px;display:flex;flex-wrap:wrap;gap:6px 20px;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.04em;color:var(--ink-3)}
.foot-in a{color:var(--ink-2);text-decoration:none} .foot-in a:hover{color:var(--ink)}
