
:root{--ink:#111413;--paper:#f3f0ea;--paper2:#ece7df;--muted:#716b64;--line:#cfc7bc;--accent:#9a653e;--dark:#08100e;--white:#fbfaf7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif}
a{color:inherit}.topline{position:fixed;z-index:30;top:0;left:0;right:0;height:35px;background:#0b0e0d;color:#e6ddd3;display:flex;justify-content:space-between;align-items:center;padding:0 28px;font:10px/1.2 ui-monospace,monospace;letter-spacing:.18em;border-bottom:1px solid #302c29}
.sidebar{position:fixed;z-index:20;left:0;top:35px;bottom:0;width:260px;background:#0b0f0e;color:#eee9e2;border-right:1px solid #2f3431;padding:26px 22px;display:flex;flex-direction:column}
.brand{display:flex;gap:13px;align-items:center;padding:5px 4px 28px;border-bottom:1px solid #323632}.brand-mark{width:40px;height:40px;border:1px solid #9a653e;border-radius:50%;display:grid;place-items:center;font-size:26px;font-style:italic}.brand strong{display:block;letter-spacing:.08em}.brand small{display:block;color:#938d85;margin-top:3px;font:10px ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase}
.sidebar nav{display:grid;gap:2px;margin-top:26px}.sidebar nav a{display:flex;justify-content:space-between;text-decoration:none;padding:10px 9px;border:1px solid transparent;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{border-color:#443c35;background:#151a18;color:#fff}.sidebar nav a.active{color:#d6ae87}.side-note{margin-top:auto;padding:18px 8px 0;border-top:1px solid #323632;font:11px/1.55 ui-monospace,monospace;color:#96928c}.side-note span{display:block;font-size:9px;letter-spacing:.18em}.side-note strong{display:block;color:#e7e0d8;margin:4px 0 10px}
main{margin-left:260px;padding-top:35px;min-height:100vh}.doc-hero{min-height:310px;background:linear-gradient(135deg,#0c1210,#111715);color:#f4efe9;padding:74px 7vw 58px;display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #4f3d31;position:relative;overflow:hidden}.doc-hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid #392e27;border-radius:50%;right:-80px;top:-140px}.eyebrow{font:10px/1.4 ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 12px}.doc-hero h1{font-weight:400;font-size:clamp(46px,6vw,92px);line-height:.9;letter-spacing:-.05em;margin:0;max-width:850px}.lede{max-width:760px;color:#bbb5ae;font-size:17px;line-height:1.55;margin:24px 0 0}.hero-index{font-size:54px;line-height:.75;color:#4b4944;text-align:right}.hero-index span{font:10px ui-monospace,monospace;letter-spacing:.2em;color:#ad8d72}
.content{padding:58px 7vw 100px}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin-bottom:52px}.panel{border:1px solid var(--line);background:#f7f4ef;padding:28px}.panel.dark{background:#101513;color:#f2ece5;border-color:#2d322f}.panel h2,.panel h3{font-weight:400;margin:0 0 14px}.panel h2{font-size:36px;line-height:1}.panel p,.chapter p{line-height:1.6;color:var(--muted)}.panel.dark p{color:#bcb6ae}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin:26px 0 58px}.kpi{padding:22px;border-right:1px solid var(--line)}.kpi:last-child{border-right:0}.kpi strong{display:block;font-size:32px;font-weight:400}.kpi span{font:9px ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.chapter{padding:62px 7vw;border-bottom:1px solid var(--line)}.chapter-head{display:flex;gap:22px;align-items:flex-start;margin-bottom:27px}.chapter-head>span{width:48px;height:48px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;color:var(--accent);font:11px ui-monospace,monospace}.chapter-head h2{font-size:clamp(36px,4vw,62px);font-weight:400;line-height:.95;letter-spacing:-.035em;margin:0}.shot{margin:28px 0 34px;border:1px solid var(--line);background:#ddd6cc;padding:9px}.shot img{display:block;width:100%;height:auto}.shot figcaption{padding:8px 2px 0;font:9px ui-monospace,monospace;color:#6d665e;letter-spacing:.11em;text-transform:uppercase}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:42px}.two-col h3{font-size:25px;font-weight:400;margin:0 0 8px}.two-col ol{padding-left:20px;line-height:1.7;color:#534f49}.callout{border-left:2px solid var(--accent);padding:12px 16px;margin-top:22px;background:#eee7dd}.callout strong{font:9px ui-monospace,monospace;letter-spacing:.15em;color:var(--accent)}.callout p{margin:6px 0 0}
.settings-panel,.ref-details{margin-top:28px;border:1px solid var(--line);background:#f7f4ef}.settings-panel summary,.ref-details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:17px 20px;font-size:16px}.settings-panel summary span,.ref-details summary span{font:9px ui-monospace,monospace;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.settings-panel[open] summary,.ref-details[open] summary{border-bottom:1px solid var(--line)}
.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;font:12px/1.45 ui-sans-serif,system-ui,sans-serif}.table-wrap th{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#6b645d;text-align:left;background:#ece6dd}.table-wrap th,.table-wrap td{padding:10px 12px;border-bottom:1px solid #ded7ce;vertical-align:top}.table-wrap td code{display:block;font-size:9px;color:#9a653e;margin-top:3px}.group-row td{background:#141917!important;color:#eee!important;font:10px ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.note-row td{font-style:italic;color:#756e66;background:#eee9e2}.block-grid{padding:0 14px 14px}.ref-details{margin-top:10px;background:#fff}
.sequence{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sequence article{padding:22px;border:1px solid var(--line);background:#f7f4ef}.sequence .num{font:10px ui-monospace,monospace;color:var(--accent);letter-spacing:.15em}.sequence h3{font-size:23px;font-weight:400;margin:14px 0 7px}.sequence p{font-size:14px;color:var(--muted);line-height:1.5}
.ref-section{padding:34px 7vw;border-bottom:1px solid var(--line)}.ref-section h2{font-size:35px;font-weight:400;margin:0 0 18px}.ref-section>p{color:var(--muted)}
.search-box{margin:26px 0;display:flex;gap:10px}.search-box input{width:100%;padding:15px 16px;border:1px solid var(--line);background:#faf8f4;font:14px ui-sans-serif,system-ui}.doc-footer{padding:24px 7vw;background:#0b0f0e;color:#aaa49e;display:flex;justify-content:space-between;font:9px ui-monospace,monospace;letter-spacing:.13em}
.nav-toggle{display:none}
.checklist{display:grid;gap:9px;padding:0;list-style:none}.checklist li{padding:11px 12px 11px 38px;border:1px solid var(--line);background:#f8f6f2;position:relative}.checklist li:before{content:"✓";position:absolute;left:14px;color:var(--accent)}
@media(max-width:1000px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.nav-toggle{display:block;position:fixed;z-index:50;right:12px;top:42px;background:#0b0f0e;color:#fff;border:1px solid #555;padding:9px 12px}main{margin-left:0}.intro-grid,.two-col{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}.sequence{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.topline{padding:0 12px}.topline span:last-child{display:none}.doc-hero{padding:70px 22px 42px}.hero-index{display:none}.content,.chapter,.ref-section{padding-left:22px;padding-right:22px}.chapter-head{gap:12px}.chapter-head>span{width:38px;height:38px}.kpi-grid,.sequence{grid-template-columns:1fr}.kpi{border-right:0;border-bottom:1px solid var(--line)}.doc-footer{padding:20px 22px;display:grid;gap:8px}}
