:root{--navy:#122744;--navy2:#0b1b31;--blue:#3474AF;--sky:#51A5D9;--gold:#B29966;--ink:#18222E;--muted:#647083;--bg:#F5F7FA;--card:#fff;--line:#DFE5EC;--code:#0E2037;--good:#207245;--warn:#9C5A00;--danger:#A64030;--shadow:0 8px 28px rgba(18,39,68,.08)}
[data-theme='dark']{--ink:#E9EEF5;--muted:#AAB7C6;--bg:#0B1420;--card:#121F2E;--line:#26384B;--code:#07111D;--shadow:0 8px 28px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}.app{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;background:linear-gradient(180deg,var(--navy),var(--navy2));padding:24px 18px;color:#B8C7D9}.brand{font-family:Georgia,serif;color:#fff;font-size:20px;font-weight:700}.brand small{display:block;color:var(--gold);font-family:Inter,sans-serif;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;margin-top:2px}.search{position:relative;margin:20px 0}.search input{width:100%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;padding:11px 12px;border-radius:9px;outline:none}.results{display:none;position:absolute;z-index:20;top:46px;left:0;right:0;max-height:360px;overflow:auto;background:#0C1D33;border:1px solid rgba(255,255,255,.13);border-radius:10px;box-shadow:0 16px 40px rgba(0,0,0,.35)}.results a{display:block;padding:11px 12px;text-decoration:none;color:#DCE7F2;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px}.results a:hover{background:#173A60}.results strong{display:block;color:#fff;font-size:13px}.nav-label{font-size:10px;color:var(--gold);letter-spacing:1.6px;text-transform:uppercase;font-weight:800;margin:20px 8px 7px}.sidebar nav a{display:block;color:#B8C7D9;text-decoration:none;padding:7px 10px;border-radius:7px;font-size:13px}.sidebar nav a:hover,.sidebar nav a.active{background:var(--blue);color:#fff}.topbar{height:58px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.crumb{font-size:12px;color:var(--muted)}.theme{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:7px 10px;border-radius:8px;cursor:pointer}.main{min-width:0}.hero{background:linear-gradient(135deg,var(--navy),#234F7A);padding:54px 48px;color:#fff}.hero .eyebrow{color:var(--gold);font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:800}.hero h1{font-family:Georgia,serif;font-size:42px;line-height:1.16;margin:10px 0 10px}.hero p{color:#C6D7E8;max-width:860px;margin:0}.content{max-width:1100px;padding:38px 48px 90px}.meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.pill{font-size:11px;padding:5px 9px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--muted)}section{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px;margin-bottom:22px;box-shadow:var(--shadow)}h2,h3,h4{font-family:Georgia,serif}h2{font-size:27px;margin:0 0 6px}h3{font-size:20px;margin:25px 0 7px}.lede{color:var(--muted);margin-top:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:color-mix(in srgb,var(--card) 80%,var(--bg));border:1px solid var(--line);border-radius:11px;padding:18px}.card .tag{color:var(--gold);font-size:10px;letter-spacing:1.4px;text-transform:uppercase;font-weight:800}.card h3,.card h4{margin:5px 0 6px}.card p{margin:0;color:var(--muted);font-size:13px}table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13px}th{background:var(--navy);color:#fff;text-align:left;padding:10px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.8px}td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}tbody tr:nth-child(even){background:color-mix(in srgb,var(--card) 75%,var(--bg))}.callout{border-left:4px solid var(--blue);background:color-mix(in srgb,var(--blue) 8%,var(--card));padding:15px 17px;border-radius:9px;margin:16px 0}.callout.gold{border-left-color:var(--gold);background:color-mix(in srgb,var(--gold) 9%,var(--card))}.callout.warn{border-left-color:#D18331;background:color-mix(in srgb,#D18331 10%,var(--card))}.callout.danger{border-left-color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,var(--card))}.steps{counter-reset:step}.step{display:grid;grid-template-columns:42px 1fr;gap:14px;margin:22px 0}.step:before{counter-increment:step;content:counter(step);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-family:Georgia,serif;font-weight:700}.step h3{margin:2px 0 6px}.code{background:var(--code);color:#D9E7F5;border-radius:9px;padding:16px 18px;overflow:auto;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}.checklist label{display:flex;gap:9px;font-size:13px}.checklist input{accent-color:var(--blue)}.flow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.node{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:var(--card);font-size:12px;font-weight:700}.arrow{color:var(--gold);font-weight:800}.footer{background:var(--navy);color:#9EB1C7;text-align:center;padding:34px}.mobile{display:none}.toc{background:var(--card);border:1px solid var(--line);border-radius:11px;padding:16px;margin-bottom:20px}.toc a{display:inline-block;margin:4px 12px 4px 0;font-size:12px}.archive-note{font-size:12px;color:var(--muted)}
@media(max-width:920px){.app{display:block}.sidebar{position:fixed;left:-305px;width:292px;z-index:40;transition:.2s}.sidebar.open{left:0}.mobile{display:block;position:fixed;left:14px;top:12px;z-index:50;background:var(--navy);color:#fff;border:0;border-radius:8px;width:42px;height:42px}.topbar{padding-left:66px}.hero,.content{padding-left:24px;padding-right:24px}.cards,.checklist{grid-template-columns:1fr}.hero h1{font-size:34px}}
@media print{.sidebar,.topbar,.mobile{display:none!important}.app{display:block}.hero{padding:30px;color:#000;background:#fff;border-bottom:2px solid #000}.hero p{color:#333}.content{max-width:none;padding:25px}section{box-shadow:none;break-inside:avoid}}

.doc-shot{margin:18px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card);box-shadow:var(--shadow)}.doc-shot img{display:block;width:100%;height:auto}.doc-shot figcaption{padding:10px 14px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}
.code{position:relative}.copy-code{position:absolute;right:9px;top:9px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;border-radius:6px;padding:5px 8px;font-size:11px;cursor:pointer}.copy-code:hover{background:rgba(255,255,255,.2)}
.page-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.page-nav a{border:1px solid var(--line);background:var(--card);border-radius:11px;padding:14px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow)}.page-nav a.next{text-align:right}.page-nav span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px}.page-nav strong{display:block;margin-top:3px}
.status{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700}.status.approved{background:color-mix(in srgb,var(--good) 13%,var(--card));color:var(--good)}
.dashboard-hero{display:grid;grid-template-columns:1.4fr .8fr;gap:24px}.metric-grid{display:grid;gap:10px}.metric{border:1px solid var(--line);border-radius:10px;padding:14px;background:color-mix(in srgb,var(--card) 80%,var(--bg))}.metric strong{display:block;font-family:Georgia,serif;font-size:22px}.metric span{color:var(--muted);font-size:12px}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}a{color:var(--blue)}
@media(max-width:920px){.dashboard-hero,.page-nav{grid-template-columns:1fr}}

.kbd{display:inline-block;border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:1px 6px;background:var(--card);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.summary-item{border:1px solid var(--line);border-radius:10px;padding:15px;background:color-mix(in srgb,var(--card) 82%,var(--bg))}.summary-item strong{display:block}.summary-item span{font-size:12px;color:var(--muted)}@media(max-width:720px){.summary-grid{grid-template-columns:1fr}}