:root {
      --neutral-50:#F5F3EE; --neutral-100:#F0EEE8; --neutral-200:#E8E6DF; --neutral-300:#D6D4CC;
      --neutral-400:#B0AEA5; --neutral-500:#7A786F; --neutral-600:#4A4840; --neutral-700:#2C2B26;
      --neutral-800:#1E1E1A; --neutral-900:#141410; --neutral-950:#0A0A08;
      --orange-300:#F58A3A; --orange-400:#E06A10; --orange-500:#B85510;
      --font-logo:"Instrument Sans",system-ui,sans-serif;
      --font-heading:"Host Grotesk",system-ui,sans-serif;
      --font-body:"DM Sans",system-ui,sans-serif;
    }
    * { margin:0; padding:0; box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { font-family:var(--font-body); font-size:16px; line-height:1.65; color:var(--neutral-600); background:#FFFFFF; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
    a { color:var(--orange-400); text-decoration:none; }
    a:hover { text-decoration:underline; }
    .site-header { background:var(--neutral-950); color:var(--neutral-50); border-bottom:1px solid var(--neutral-800); }
    .header-inner { max-width:960px; margin:0 auto; padding:20px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
    .brand { display:flex; align-items:center; gap:11px; }
    .brand svg { width:26px; height:26px; display:block; }
    .brand .name { font-family:var(--font-logo); font-size:22px; letter-spacing:-0.5px; color:var(--neutral-50); font-weight:500; }
    .header-back { font-size:14px; color:var(--neutral-400); white-space:nowrap; }
    .header-back:hover { color:var(--neutral-50); text-decoration:none; }
    .doc-hero { max-width:960px; margin:0 auto; padding:56px 24px 8px; }
    .eyebrow { font-family:var(--font-body); font-weight:600; font-size:13px; text-transform:uppercase; letter-spacing:0.08em; color:var(--orange-400); margin-bottom:14px; }
    h1 { font-family:var(--font-heading); font-weight:500; font-size:44px; line-height:1.08; letter-spacing:-0.02em; color:var(--neutral-900); }
    .updated { margin-top:16px; font-size:14px; color:var(--neutral-500); }
    main { max-width:960px; margin:0 auto; padding:24px 24px 72px; }
    .lede { font-size:18px; line-height:1.6; color:var(--neutral-600); padding:24px 0 8px; border-bottom:1px solid var(--neutral-200); margin-bottom:8px; }
    section { padding:32px 0; border-bottom:1px solid var(--neutral-200); }
    section:last-of-type { border-bottom:none; }
    h2 { font-family:var(--font-heading); font-weight:500; font-size:13px; text-transform:uppercase; letter-spacing:0.08em; color:var(--orange-400); margin-bottom:14px; }
    h2 + p { margin-top:0; }
    p { margin:0 0 16px; }
    p:last-child { margin-bottom:0; }
    strong { color:var(--neutral-800); font-weight:600; }
    ul { margin:0 0 16px; padding-left:0; list-style:none; }
    ul li { position:relative; padding-left:22px; margin-bottom:10px; }
    ul li::before { content:""; position:absolute; left:4px; top:11px; width:5px; height:5px; border-radius:50%; background:var(--orange-300); }
    .site-footer { background:var(--neutral-950); color:var(--neutral-400); padding:40px 24px; }
    .footer-inner { max-width:960px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
    .footer-inner .brand .name { font-size:18px; }
    .footer-inner .brand svg { width:20px; height:20px; }
    .footer-meta { font-size:13px; color:var(--neutral-500); }
    .footer-meta a { color:var(--neutral-300); }
    @media (max-width:640px) { h1 { font-size:34px; } .doc-hero { padding-top:40px; } .header-back { display:none; } }