/* Shared styling for the legal pages. Same design tokens as the marketing
   pages, but a single stylesheet since these three look identical. */
:root{
  --canvas:#fff;--mist:#f2f2f2;--fog:#ededed;--ash:#adadad;--graphite:#707070;
  --ink:#141414;--signal:#3B57FF;--live:#FF6B57;
  --font:'Inter',ui-sans-serif,system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font);background:var(--canvas);color:var(--ink);line-height:1.62;
     letter-spacing:0.01em;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}
a{color:var(--signal);text-decoration:none}
a:hover{text-decoration:underline}

nav{border-bottom:1px solid var(--fog);position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);z-index:10}
.nav-inner{max-width:1180px;margin:0 auto;padding:0 28px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:9px;font-weight:652;font-size:19px;letter-spacing:-.01em;color:var(--ink)}
.brand:hover{text-decoration:none}
.nav-links{display:flex;gap:22px;font-size:14px}
.nav-links a{color:var(--graphite)}
.nav-links a.on{color:var(--ink);font-weight:600}

main{flex:1;max-width:760px;margin:0 auto;padding:56px 28px 80px;width:100%}

.draft{border:1px solid var(--live);background:#fff5f3;color:#8c2d18;border-radius:12px;
       padding:16px 20px;margin-bottom:36px;font-size:14px}
.draft b{display:block;margin-bottom:4px;font-size:15px}

h1{font-weight:652;font-size:clamp(30px,5vw,42px);letter-spacing:-.025em;line-height:1.08;margin-bottom:10px}
.updated{color:var(--ash);font-size:13px;font-family:var(--mono);margin-bottom:14px}
.summary{background:var(--mist);border:1px solid var(--fog);border-radius:12px;padding:18px 22px;margin:28px 0 40px;font-size:15px}
.summary b{font-weight:600}

h2{font-weight:652;font-size:22px;letter-spacing:-.015em;margin:44px 0 12px;padding-top:8px}
h3{font-weight:600;font-size:16px;margin:26px 0 8px}
p{margin-bottom:14px}
ul,ol{margin:0 0 16px 22px}
li{margin-bottom:8px}
strong{font-weight:600}

.fill{background:#fff3c4;border-bottom:1px dashed #a97c00;padding:0 3px;font-family:var(--mono);font-size:.92em;color:#6b4e00}

table{border-collapse:collapse;width:100%;font-size:14.5px;margin:0 0 20px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--fog);vertical-align:top}
th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--graphite)}

footer{border-top:1px solid var(--fog);padding:28px 0;font-size:13px;color:var(--graphite)}
.foot-inner{max-width:1180px;margin:0 auto;padding:0 28px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.foot-links{display:flex;gap:18px;flex-wrap:wrap}