/* Plain, readable pages for the legal texts. Same tokens as the site; no scripts, no third parties. */
@import url("/fonts/fonts.css");
:root{
  --bg:#05070f; --panel:#0d1324; --fg:#eef3f7; --muted:#a9b5c4; --teal:#5ff5df; --amber:#ffb547; --line:rgba(255,255,255,.14);
  --display:"Archivo",system-ui,sans-serif; --body:"Manrope",system-ui,sans-serif; --mono:"JetBrains Mono",ui-monospace,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.7 var(--body)}
.skip{position:absolute;left:16px;top:-60px;background:var(--fg);color:var(--bg);padding:8px 14px;border-radius:8px;z-index:9}
.skip:focus{top:12px}
a{color:var(--teal)}
a:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:3px}
header,main,footer{max-width:820px;margin:0 auto;padding-inline:max(16px,env(safe-area-inset-left,0px))}
header{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding-block:22px;border-bottom:1px solid var(--line)}
.logo{display:flex;align-items:center;gap:9px;font:800 19px var(--display);letter-spacing:-.04em;color:var(--fg);text-decoration:none}
.logo .lite{font-weight:500;color:var(--muted);margin-left:5px;letter-spacing:-.02em}
.logo svg{width:26px;height:26px}
header nav{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px}
header nav a{color:var(--muted);text-decoration:none}
header nav a:hover,header nav a[aria-current=page]{color:var(--fg)}
header nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--teal);text-underline-offset:5px}
main{padding-block:36px 56px}
h1{font:800 clamp(34px,6vw,52px)/1 var(--display);letter-spacing:-.04em;margin:0 0 10px}
h2{font:800 24px/1.2 var(--display);letter-spacing:-.02em;margin:40px 0 8px}
h3{font:600 17px/1.3 var(--body);margin:24px 0 4px}
.updated{font:13px var(--mono);color:var(--muted);margin:0 0 26px}
.lede{font-size:18px;color:var(--muted)}
p,li{max-width:70ch}
ul,ol{padding-left:22px}
li{margin:4px 0}
table{width:100%;border-collapse:collapse;margin:12px 0;font-size:15px}
th,td{text-align:left;vertical-align:top;padding:10px 10px 10px 0;border-bottom:1px solid var(--line)}
th{font:600 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.table-wrap{overflow-x:auto}
.box{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:16px 20px;margin:18px 0}
.box p{margin:6px 0}
dl.biz{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:0}
dl.biz dt{color:var(--muted)}
dl.biz dd{margin:0}
/* Business details that still have to be filled in before going live. */
.todo{background:rgba(255,181,71,.16);color:var(--amber);border:1px dashed rgba(255,181,71,.6);border-radius:5px;padding:0 5px;font:inherit}
footer{border-top:1px solid var(--line);padding-block:22px 40px;color:var(--muted);font-size:14px}
footer nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:10px}
footer nav a{color:var(--muted)}
@media print{
  :root{--bg:#fff;--panel:#fff;--fg:#111;--muted:#444;--teal:#035;--line:#ccc}
  header nav,.skip,footer nav{display:none}
}