/* Shared look for privacy.html and terms.html. Tokens match index.html. */
:root{
  --bg:#f8f8f7;--ink:#1f1e1c;--ink-2:rgba(31,30,28,.74);--ink-3:rgba(31,30,28,.52);--rule:rgba(31,30,28,.09);--card:#f0f0ee;--focus:#2f6fed;
  --serif:"Newsreader","Iowan Old Style",Georgia,serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  --gut:max(16px,4vw);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){color-scheme:dark;--bg:#121212;--ink:#ededeb;--ink-2:rgba(237,237,235,.76);--ink-3:rgba(237,237,235,.54);--rule:rgba(255,255,255,.09);--card:#1b1b1b;--focus:#7aa2ff}
}
:root[data-theme="dark"]{color-scheme:dark;--bg:#121212;--ink:#ededeb;--ink-2:rgba(237,237,235,.76);--ink-3:rgba(237,237,235,.54);--rule:rgba(255,255,255,.09);--card:#1b1b1b;--focus:#7aa2ff}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}
.wrap{max-width:680px;margin-inline:auto;padding-inline:var(--gut)}

.top{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;font-size:21px;letter-spacing:-.025em;min-height:44px}
.logo svg{width:28px;height:28px;flex:none}
.back{font-size:14px;color:var(--ink-2);text-decoration:none;min-height:44px;display:flex;align-items:center}
.back:hover{color:var(--ink)}

h1,h2{font-family:var(--serif);font-weight:450;letter-spacing:-.02em;text-wrap:balance;margin:0}
h1{font-size:clamp(34px,4vw,44px);line-height:1.1;margin-top:clamp(40px,6vw,72px)}
.updated{margin:10px 0 0;font-size:14px;color:var(--ink-3)}
.short{margin:32px 0 0;padding:18px 20px;border-radius:12px;background:var(--card);color:var(--ink-2)}
.short p{margin:0}.short p + p{margin-top:8px}
.short b{color:var(--ink);font-weight:500}
h2{font-size:26px;line-height:1.2;margin-top:48px}
h3{font-size:16px;font-weight:600;margin:28px 0 0}
p,ul{margin:12px 0 0;color:var(--ink-2)}
ul{padding-left:20px}
li + li{margin-top:6px}
b,strong{color:var(--ink);font-weight:500}

footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 24px;margin-top:72px;padding-block:22px 30px;border-top:1px solid var(--rule);font-size:13px;color:var(--ink-3)}
footer a{text-decoration:none}
footer a:hover{color:var(--ink)}
footer span{display:flex;gap:18px}