:root {
  --ink: #171717;
  --muted: #6b6b6b;
  --line: #e7e7e7;
  --blue: #0a72ef;
  --pink: #de1d8d;
  --red: #ff5b4f;
  --bg-soft: #f7f7f5;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Geist', -apple-system, sans-serif; color: var(--ink); background: #fff; line-height: 1.6; }
.mono { font-family: 'Geist Mono', monospace; }
.topbar { border-bottom: 1px solid var(--line); background: #fff; position: sticky; top: 0; }
.topbar .inner { max-width: 820px; margin: 0 auto; padding: 14px 24px; display: flex; align-items: center; gap: 10px; }
.mark { width: 20px; height: 20px; border-radius: 6px; background: conic-gradient(from 210deg, var(--blue), var(--pink), var(--red), var(--blue)); }
.brand { font-weight: 700; font-size: 15px; letter-spacing: -0.02em; }
.topbar a.back { margin-left: auto; font-size: 13px; color: var(--blue); text-decoration: none; }
.confidential {
  font-family: 'Geist Mono', monospace; font-size: 9.5px; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--pink); background: #fdeaf4; border-radius: 4px; padding: 2px 7px; margin-left: 10px;
}
.wrap { max-width: 820px; margin: 0 auto; padding: 40px 24px 90px; }
.kicker { font-family: 'Geist Mono', monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--blue); margin-bottom: 8px; }

#doc h1 { font-size: 32px; font-weight: 800; letter-spacing: -0.03em; line-height: 1.15; margin-bottom: 18px; }
#doc h2 { font-size: 22px; font-weight: 800; letter-spacing: -0.02em; margin: 38px 0 12px; padding-top: 18px; border-top: 1px solid var(--line); }
#doc h3 { font-size: 16px; font-weight: 700; margin: 24px 0 8px; }
#doc p { margin-bottom: 12px; }
#doc p, #doc li { font-size: 15px; }
#doc ul, #doc ol { padding-left: 24px; margin-bottom: 14px; }
#doc li { margin-bottom: 6px; }
#doc strong { font-weight: 700; }
#doc blockquote { border-left: 3px solid var(--pink); padding: 8px 16px; margin: 14px 0; background: var(--bg-soft); border-radius: 0 10px 10px 0; color: var(--muted); }
#doc code { font-family: 'Geist Mono', monospace; font-size: 13px; background: var(--bg-soft); border: 1px solid var(--line); border-radius: 5px; padding: 1px 5px; }
#doc pre { background: #101010; color: #e8e8e8; border-radius: 12px; padding: 16px 18px; overflow-x: auto; margin: 14px 0 18px; }
#doc pre code { background: none; border: none; color: inherit; font-size: 12.5px; line-height: 1.6; padding: 0; }
#doc table { border-collapse: collapse; width: 100%; margin: 14px 0 20px; font-size: 14px; }
#doc th { text-align: left; font-family: 'Geist Mono', monospace; font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--muted); border-bottom: 2px solid var(--ink); padding: 8px 10px; }
#doc td { border-bottom: 1px solid var(--line); padding: 9px 10px; vertical-align: top; }
#doc input[type="checkbox"] { margin-right: 8px; accent-color: var(--blue); }
#doc hr { border: none; border-top: 1px solid var(--line); margin: 26px 0; }
footer { max-width: 820px; margin: 0 auto; padding: 0 24px 40px; font-size: 12px; color: var(--muted); display: flex; justify-content: space-between; border-top: 1px solid var(--line); padding-top: 14px; }