/* Shared styles for Unpause legal pages. Same tokens as the landing page; dark follows the choice made with the toggle there. */
:root{
  color-scheme:light;
  --ground:#FFFFFF; --panel:#F3F2F4; --ink:#1C1517; --muted:#5B5459; --line:#E4E1E5;
  --sky:#E4E2F8; --sun:#E5E8D3; --cut:#EE4F36; --keep:#43389E;
  --display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --body:"Instrument Sans",-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --ground:#0E0C0D; --panel:#191618; --ink:#F3EFF1; --muted:#ABA3A8; --line:#332E31;
  --sky:#2A2744; --sun:#282B1E; --cut:#FF7A63; --keep:#BDB5FF;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font:400 16px/1.7 var(--body);padding-inline:16px;padding-block:16px 48px}
.wrap{max-width:860px;margin:0 auto;display:grid;gap:16px}
a{color:var(--keep)}
:focus-visible{outline:3px solid var(--keep);outline-offset:3px;border-radius:6px}
nav{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 4px}
.logo{display:flex;align-items:center;gap:8px;font:600 15px/1 var(--display);text-transform:uppercase;letter-spacing:.02em;text-decoration:none;color:var(--ink)}
.logo svg{width:22px;height:22px}
.navlinks{display:flex;gap:18px;font-size:14px;flex-wrap:wrap}
.navlinks a{color:var(--ink);text-decoration:none}
.navlinks a[aria-current="page"]{text-decoration:underline;text-underline-offset:4px}
.panel{background:var(--panel);border-radius:32px;padding:clamp(20px,4vw,44px);min-width:0}
h1{font:700 clamp(36px,6vw,60px)/1 var(--display);text-transform:uppercase;letter-spacing:-.015em;margin:0 0 8px;text-wrap:balance}
.sub{font:italic 300 clamp(18px,2.4vw,24px)/1.2 var(--display);text-transform:uppercase;margin:0 0 20px}
.meta{font:500 12px/1.5 var(--mono);color:var(--muted);margin:0}
.summary{background:var(--sky);border-radius:18px;padding:20px 22px;margin-top:24px}
.summary h2{margin-top:0}
.summary ul{margin:8px 0 0;padding-left:20px}
h2{font:600 20px/1.25 var(--display);text-transform:uppercase;margin:36px 0 8px;letter-spacing:.005em}
h3{font:600 16px/1.35 var(--body);margin:20px 0 4px}
p,li{max-width:68ch}
p{margin:0 0 12px}
ul{padding-left:22px;margin:0 0 12px}
li{margin-bottom:6px}
.table-wrap{overflow-x:auto;margin:8px 0 16px}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:14px}
th,td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}
th{font:600 12px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.fill{background:var(--sun);color:var(--ink);padding:1px 6px;border-radius:6px;font-weight:600}
footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:8px 4px;font-size:13px;line-height:1.4;color:var(--muted)}
footer a{color:var(--muted);text-decoration:none}
footer a:hover,footer a:focus-visible{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.mail{color:var(--ink);user-select:all}