:root{
  --bg:#ffffff; --fg:#1a1d21; --muted:#5b6472; --line:#e3e7ee;
  --accent:#11284b; --th:#f3f5f8; --card:#f7f9fb;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){ --bg:#15181c; --fg:#e8eaed; --muted:#9aa3af; --line:#2a2f37;
    --accent:#9fc0ff; --th:#1e232a; --card:#1b1f25; }
}
:root[data-theme="dark"]{ --bg:#15181c; --fg:#e8eaed; --muted:#9aa3af; --line:#2a2f37;
  --accent:#9fc0ff; --th:#1e232a; --card:#1b1f25; }
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0; background:var(--bg); color:var(--fg);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.6; font-size:16px;}
.wrap{max-width:820px; margin:0 auto; padding:28px 16px 56px;}
nav.legal{display:flex; flex-wrap:wrap; gap:6px 18px; font-size:14px; padding-bottom:14px;
  border-bottom:1px solid var(--line); margin-bottom:8px;}
nav.legal a{color:var(--muted); text-decoration:none;}
nav.legal a:hover,nav.legal a.active{color:var(--accent); text-decoration:underline;}
header{border-bottom:2px solid var(--accent); padding-bottom:16px; margin:18px 0 22px;}
.brand{font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin:0 0 6px;}
h1{font-size:25px; line-height:1.25; margin:0 0 6px;}
.updated{font-size:13px; color:var(--muted); margin:4px 0 0;}
.lead{margin:16px 0 8px;}
h2{font-size:18px; margin:28px 0 8px; color:var(--accent);}
h3{font-size:15px; margin:18px 0 6px;}
p{margin:0 0 12px;} ul{margin:0 0 14px; padding-left:22px;} li{margin:0 0 6px;}
table{width:100%; border-collapse:collapse; margin:8px 0 16px; font-size:15px;}
th,td{border:1px solid var(--line); padding:9px 11px; text-align:left; vertical-align:top;}
th{background:var(--th); font-weight:600;}
.card{border:1px solid var(--line); border-radius:8px; padding:14px 16px; background:var(--card); margin:8px 0 14px;}
.card div{margin:3px 0;}
.todo{background:#fff6e6; border:1px solid #e6b765; border-radius:4px; padding:1px 7px; font-size:14px; color:#6b4e00; white-space:nowrap;}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .todo{background:#2c2512; border-color:#6b561f; color:#e7c877;} }
footer{margin-top:40px; padding-top:16px; border-top:1px solid var(--line); font-size:13px; color:var(--muted);}
a{color:var(--accent);}

/* Vault Web UI: the legal team's drafting notes (.todo) are not shown to
   customers. Remove this rule to see them while reviewing. */
.todo{display:none !important;}