/* Shared system for the legal pages — see DESIGN.md */
:root{
  --paper:#F5F3F7; --paper-2:#E9E5EF;
  --ink:#191320; --body:#3E3648; --muted:#5C5468;
  --night:#120D1C; --night-2:#0E1B30;
  --flame:#F4490D; --night-link:#3B2E52;
  --line:#D8D2E0; --line-strong:#B4ABC2;
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --sans:"Public Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--body);
  font-family:var(--sans);font-size:17px;line-height:1.7;
  -webkit-font-smoothing:antialiased}
::selection{background:#FFCDB4;color:var(--ink)}
:root{scrollbar-color:var(--line-strong) var(--paper-2)}
::-webkit-scrollbar{width:12px}
::-webkit-scrollbar-track{background:var(--paper-2)}
::-webkit-scrollbar-thumb{background:var(--line-strong);border:3px solid var(--paper-2);border-radius:99px}
:focus-visible{outline:3px solid var(--night-link);outline-offset:2px;border-radius:2px}
.masthead :focus-visible,footer :focus-visible{outline-color:var(--flame)}

.wrap{max-width:44rem;margin:0 auto;padding:0 24px}

.masthead{background:var(--night);padding:14px 0}
.masthead .brand{display:flex;align-items:baseline;gap:10px;font-family:var(--serif);
  font-weight:700;font-size:20px;color:#fff;text-decoration:none}
.masthead .rule{display:inline-block;width:26px;height:2px;background:var(--flame);transform:translateY(-6px)}

main{padding:56px 0 80px}
h1{font-family:var(--serif);color:var(--ink);font-size:clamp(30px,4vw,40px);
  line-height:1.12;letter-spacing:-.018em;margin:0 0 6px;font-weight:700}
h2{font-family:var(--serif);color:var(--ink);font-size:22px;line-height:1.25;
  margin:44px 0 10px;font-weight:700;letter-spacing:-.008em}
.upd{color:var(--muted);font-size:15px;margin:0 0 32px}
p,li{font-size:17px}
p{margin:0 0 16px}
a{color:var(--night-link);text-underline-offset:.16em;text-decoration-thickness:.07em}

.toc{border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:20px 0;margin:0 0 40px}
.toc strong{display:block;font-family:var(--serif);font-size:17px;color:var(--ink);margin-bottom:8px}
.toc ul{margin:0;padding:0;list-style:none;columns:2;column-gap:32px}
.toc li{font-size:15.5px;margin:4px 0;break-inside:avoid}

.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:16px}
table{border-collapse:collapse;width:100%;font-size:15.5px;min-width:34rem;
  border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}
th{font-weight:600;color:var(--ink);background:var(--paper-2);
  font-size:13.5px;letter-spacing:.05em;text-transform:uppercase}
tr:last-child td{border-bottom:0}

footer{background:var(--night-2);color:#B9C6DA;padding:32px 0;font-size:15px;margin-top:64px}
footer a{color:#DEE7F2;display:inline-block;padding:11px 0}
footer a + a{margin-left:16px}

@media(max-width:640px){
  .toc ul{columns:1}
  footer a{display:block;margin:0}
  footer a + a{margin-left:0}
}
