:root{
  --navy:#1a2e4a;
  --navy-light:#2a4468;
  --gold:#c9a227;
  --paper:#fafaf8;
  --ink:#2c3e50;
  --muted:#6b7785;
  --line:#e4e7eb;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:'Georgia',serif;
  background:var(--paper);
  color:var(--ink);
  line-height:1.7;
}
.topbar{background:var(--navy);padding:0 24px}
.topbar-inner{
  max-width:760px;margin:0 auto;padding:28px 0 24px;
  display:flex;align-items:center;gap:14px;
}
.badge{
  width:42px;height:42px;border:1.5px solid var(--gold);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:Arial,sans-serif;font-weight:700;font-size:15px;color:var(--gold);
  flex-shrink:0;
}
.topbar h1{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;color:#fff;letter-spacing:.3px}
.topbar p{font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#9fb0c5;text-transform:uppercase;letter-spacing:1.5px;margin-top:3px}
nav.toc{background:#fff;border-bottom:1px solid var(--line)}
.toc-inner{
  max-width:760px;margin:0 auto;padding:14px 24px;
  display:flex;gap:22px;flex-wrap:wrap;
  font-family:Arial,Helvetica,sans-serif;font-size:12px;
}
.toc-inner a{color:var(--navy);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px}
.toc-inner a.active{border-bottom-color:var(--gold);color:var(--gold)}
.toc-inner a:hover{border-bottom-color:var(--gold)}
main{max-width:760px;margin:0 auto;padding:48px 24px 80px}
.doc-meta{font-family:Arial,Helvetica,sans-serif;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
h2.page-title{font-size:32px;color:var(--navy);margin-bottom:6px;font-weight:400}
.lede{font-size:15px;color:var(--muted);margin-bottom:48px;max-width:58ch}
section{margin-bottom:40px}
section h3{font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px}
section h2{font-size:21px;color:var(--navy);font-weight:400;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}
section p{margin-bottom:14px;font-size:15.5px}
section ul{margin:0 0 14px 22px}
section li{margin-bottom:6px;font-size:15.5px}
.scope-table{width:100%;border-collapse:collapse;margin:18px 0;font-family:Arial,Helvetica,sans-serif;font-size:13px}
.scope-table th{background:var(--navy);color:#fff;text-align:left;padding:10px 14px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px}
.scope-table td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.scope-table tr:last-child td{border-bottom:none}
.scope-table code{background:#f0f2f5;padding:2px 6px;border-radius:4px;font-size:11.5px;color:var(--navy-light)}
.callout{background:#f7f4ea;border-left:3px solid var(--gold);padding:16px 20px;margin:18px 0;font-size:14.5px}
.callout strong{color:var(--navy)}
.legal-block{background:#fff;border:1px solid var(--line);border-radius:6px;padding:20px 24px;margin-top:8px}
.legal-block p{margin-bottom:8px;font-size:14.5px}
.legal-block p:last-child{margin-bottom:0}
footer{border-top:1px solid var(--line);padding:32px 24px 48px;text-align:center}
footer p{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:var(--muted);line-height:1.8}
footer a{color:var(--navy)}
@media (max-width:640px){
  h2.page-title{font-size:26px}
  section h2{font-size:19px}
  .toc-inner{gap:14px}
}