:root{color-scheme:light;--ink:#293c4e;--muted:#6e8090;--line:#e6edf3;--blue:#2597e8}
        *,*::before,*::after{box-sizing:border-box}
        body{margin:0;background:#f5f8fb;color:var(--ink);font:15px/1.75 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
        main{max-width:1040px;margin:30px auto;padding:0 16px}
        .layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:22px;align-items:start}
        nav,.document{background:#fff;border:1px solid var(--line);border-radius:18px}
        nav{padding:12px;position:sticky;top:18px}
        nav a{display:block;padding:10px 12px;color:#52687e;text-decoration:none;border-radius:11px;font-size:13px;line-height:1.4}
        nav a[aria-current=page]{font-weight:700;background:#eef6fd;color:#187dc3}
        nav a:hover{background:#f5f8fb}
        .document{padding:clamp(20px,4vw,42px);overflow-wrap:anywhere}
        .document h1{font-size:clamp(22px,3vw,30px);line-height:1.25;margin:0 0 22px}
        .document h2{font-size:18px;line-height:1.4;margin-top:30px;border-top:1px solid var(--line);padding-top:22px}
        .document p{margin:12px 0}.document ul{padding-left:22px}.document li{margin:7px 0}
        .document table{border-collapse:collapse;width:100%;margin:16px 0;font-size:13px}
        .document th,.document td{border:1px solid var(--line);padding:9px 11px;text-align:left;vertical-align:top}
        .document th{background:#f5f9fc;font-weight:700}
        .document a{color:#167fcb}.meta{color:var(--muted);font-size:12px;margin:0 0 18px}
        .document-footer{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 5px;margin:32px auto 0;padding:20px 8px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px;text-align:center;line-height:1.7;overflow-wrap:anywhere}
        a:focus-visible{outline:2px solid #2597e8;outline-offset:3px}
        @media(max-width:680px){main{margin:12px auto;padding:0 12px}.layout{grid-template-columns:minmax(0,1fr);gap:12px}nav{position:static;display:flex;flex-wrap:wrap;overflow:visible;gap:6px;white-space:normal}nav a{flex:0 1 auto;max-width:100%;min-width:0;overflow-wrap:anywhere;padding:9px 11px}.document{min-width:0;padding:20px 16px;border-radius:14px}.document table{display:block;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.document h2{font-size:17px}.document-footer{margin-top:24px;flex-direction:column;gap:2px;padding-inline:0}.document-footer a{overflow-wrap:anywhere}}

    

/* Site-wide browser compatibility: long legal tables should scroll inside
   the document rather than force horizontal scrolling on small laptops. */
.document { min-width: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.document table { max-width: 100%; }
.document th, .document td { overflow-wrap: anywhere; }
@media (max-width: 680px) {
    main { padding-left: max(12px, env(safe-area-inset-left));
           padding-right: max(12px, env(safe-area-inset-right)); }
}

/* Stage 4 public documents: match the app without changing legal content. */
:root {--ink:#293449;--muted:#68778d;--line:#e6eaf4;--blue:#5369b5;}
body {background:#f7f8fc radial-gradient(ellipse 72% 330px at 84% 0%,rgba(119,132,204,.08),transparent 74%) no-repeat;}
nav,.document {border-color:#e6eaf4;border-radius:20px;box-shadow:0 10px 32px rgba(37,47,84,.05);}
nav a {color:#5e6a82;transition:background-color .18s ease,color .18s ease;}
nav a[aria-current=page] {background:#ebeffc;color:#4259a5;}
nav a:hover {background:#f3f5fb;}
.document a {color:#465aa3;}
.document th {background:#f5f7fc;}
a:focus-visible {outline-color:#5369b5;}
@media(max-width:680px){nav,.document{border-radius:16px;box-shadow:0 4px 18px rgba(37,47,84,.04);}}
@media(prefers-reduced-motion:reduce){nav a{transition:none;}}

/* Stage 19 — legal documents match the app's modern but quiet glass panels. */
body {background-color:#f7f7fc;}
nav,.document {background:linear-gradient(155deg,#fff,#fbfaff);border:1px solid rgba(161,156,193,.25);border-radius:22px;box-shadow:0 14px 36px rgba(68,61,108,.055);}
nav a {border-radius:12px;}
nav a[aria-current=page] {background:#eae6f5;color:#5d5283;}
nav a:hover {background:#f0edf8;}
.document th {background:#f5f3fa;}
.document a {color:#5e5c92;}
a:focus-visible {outline-color:#8276b7;}