/* Documentation layer: same dark editorial instrument, quieter density. */
.docs-body { background: #070708; }
.docs-main { max-width: 1240px; padding-bottom: 90px; }
.docs-status { margin-left: auto; display:flex; align-items:center; gap:8px; font: 11px/1 var(--mono); color:var(--ink3); letter-spacing:.08em; text-transform:uppercase; }
.docs-status i,.signal { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--or); box-shadow:0 0 9px var(--or-glow); }
.docs-hero { padding: clamp(72px, 13vw, 150px) 0 78px; max-width: 880px; }
.docs-kicker { display:flex; align-items:center; gap:10px; color:var(--ink3); font: 11px/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; }
.slash { color:var(--or); }
.docs-hero h1 { margin-top:24px; max-width:none; font-size:clamp(60px, 10vw, 138px); letter-spacing:-.055em; line-height:.87; }
.docs-hero h1::after { content:''; }
.docs-hero h1 em { color:var(--ink2); font-style:normal; }
.docs-dek { max-width:650px; margin:32px 0 0; color:var(--ink2); font-size:clamp(16px, 2vw, 20px); line-height:1.55; }
.hero-meta { display:flex; flex-wrap:wrap; gap:10px 25px; margin-top:32px; color:var(--or2); font-size:10px; letter-spacing:.1em; }
.docs-layout { display:grid; grid-template-columns:190px minmax(0, 790px); gap:clamp(32px, 9vw, 125px); align-items:start; }
.docs-toc { position:sticky; top:72px; display:flex; flex-direction:column; gap:10px; border-left:1px solid var(--line2); padding-left:17px; }
.toc-label { margin-bottom:9px; color:var(--ink3); font:10px/1 var(--mono); letter-spacing:.13em; text-transform:uppercase; }
.docs-toc a { color:var(--ink3); font:11px/1.35 var(--mono); transition:color .2s, transform .2s; }
.docs-toc a:hover,.docs-toc a.active { color:var(--or2); transform:translateX(3px); }
.doc-section { display:grid; grid-template-columns:42px minmax(0,1fr); gap:22px; padding:0 0 74px; margin:0; scroll-margin-top:85px; }
.section-no { padding-top:8px; color:var(--or); font:11px/1 var(--mono); letter-spacing:.08em; }
.doc-section h2 { margin:0 0 18px; font:400 clamp(30px,4vw,45px)/1 var(--display); letter-spacing:-.04em; }
.doc-section h3 { margin:20px 0 7px; font:500 14px/1 var(--display); color:var(--ink); }
.doc-section p { margin:0 0 17px; color:var(--ink2); font-size:15px; line-height:1.72; }
.doc-section p.muted,.muted { color:var(--ink3); }
.doc-section code,.mono { font-family:var(--mono); }
.doc-section p code,.doc-section li code { color:var(--or2); font-size:.86em; }
.orange { color:var(--or2); }
.note { border-left:2px solid var(--or); padding:13px 17px; background:rgba(255,138,42,.055); color:var(--ink2)!important; font-size:13px!important; }
.diagram { display:grid; grid-template-columns:1fr 20px 1fr 20px 1fr; gap:10px; align-items:center; margin:29px 0; }
.diagram > div { min-height:105px; display:flex; flex-direction:column; justify-content:center; gap:10px; padding:15px; border:1px solid var(--line2); background:rgba(11,11,13,.78); }
.diagram b,.source-grid b { color:var(--ink); font:11px/1 var(--mono); letter-spacing:.08em; }
.diagram span,.source-grid span { color:var(--ink3); font-size:12px; line-height:1.5; }
.diagram > i { color:var(--or); font-style:normal; text-align:center; }
.accent-box { border-color:rgba(255,138,42,.55)!important; box-shadow:inset 2px 0 var(--or); }
.timeline { border-top:1px solid var(--line2); margin:26px 0 20px; }
.timeline > div { display:grid; grid-template-columns:125px 1fr; gap:20px; padding:16px 0; border-bottom:1px solid var(--line); }
.timeline b { color:var(--or2); font:11px/1.4 var(--mono); letter-spacing:.06em; }
.timeline p { margin:0; font-size:13px; line-height:1.6; }
.table { border:1px solid var(--line2); margin:26px 0; }
.tr { display:grid; grid-template-columns:150px 1fr; gap:18px; padding:13px 15px; border-top:1px solid var(--line); color:var(--ink2); font-size:13px; line-height:1.45; }
.tr:first-child { border-top:0; }.tr.th { color:var(--ink3); font:10px/1 var(--mono); letter-spacing:.1em; text-transform:uppercase; }
pre { overflow:auto; margin:25px 0; padding:20px; border:1px solid var(--line2); background:#0c0c0f; color:#e4e1db; font:12px/1.75 var(--mono); tab-size:2; }
pre .c { color:#77747b; }.split-copy { display:grid; grid-template-columns:1fr 1fr; gap:27px; }
.split-copy > div { border-top:1px solid var(--or); padding-top:12px; }.split-copy p { font-size:13px; }
.source-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); border:1px solid var(--line2); margin:27px 0; }
.source-grid > div { min-height:135px; display:flex; flex-direction:column; gap:10px; padding:17px; background:rgba(11,11,13,.86); }
.source-grid small { margin-top:auto; color:var(--or2); font:10px/1 var(--mono); text-transform:uppercase; letter-spacing:.1em; }
.endpoint { display:flex; justify-content:space-between; align-items:flex-start; gap:15px; border-top:1px solid var(--line2); padding:16px 0; }
.endpoint > div { min-width:0; }.method { display:inline-block; margin-right:10px; color:var(--or2); font:10px/1 var(--mono); letter-spacing:.1em; }
.endpoint code { color:var(--ink); font-size:13px; }.endpoint p { margin:8px 0 0; font-size:12px; }
.endpoint button { flex:none; padding:7px 9px; border:1px solid var(--line2); color:var(--ink3); font:10px/1 var(--mono); text-transform:uppercase; cursor:pointer; transition:color .2s,border-color .2s; }
.endpoint button:hover { color:var(--or2); border-color:var(--or); }
.event-list { border-top:1px solid var(--line2); }.event-list > div { display:grid; grid-template-columns:12px 120px 1fr; gap:11px; align-items:center; padding:13px 0; border-bottom:1px solid var(--line); }
.event-list code { color:var(--or2); font-size:12px; }.event-list p { margin:0; font-size:12px; }.event-dot { width:6px; height:6px; border-radius:50%; background:var(--ink3); }.orange-dot { background:var(--or); box-shadow:0 0 7px var(--or-glow); }
.health { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line2); margin:27px 0; }.health > div { padding:16px; background:rgba(11,11,13,.88); }.health-bar { display:block; width:100%; height:2px; margin-bottom:17px; background:var(--ink3); }.health-bar.live { background:var(--or); box-shadow:0 0 9px var(--or-glow); }.health-bar.warn { background:#aa7447; }.health b { font:12px/1 var(--mono); color:var(--ink); }.health p { margin:9px 0 0; font-size:12px; line-height:1.5; }
.trust-list { list-style:none; padding:0; margin:26px 0; }.trust-list li { padding:14px 0 14px 21px; border-top:1px solid var(--line); color:var(--ink2); font-size:13px; line-height:1.6; position:relative; }.trust-list li::before { content:'+'; position:absolute; left:0; color:var(--or); font-family:var(--mono); }.trust-list b { color:var(--ink); }
.closing { display:flex; align-items:center; gap:10px; padding:17px; border:1px solid rgba(255,138,42,.35); background:rgba(255,138,42,.05); color:var(--ink2); font-size:13px; }.closing strong { color:var(--or2); }
.docs-main footer { margin-top:0; }.docs-main footer a { color:var(--or2); }
@media (max-width:800px) { .docs-layout { grid-template-columns:1fr; }.docs-toc { position:relative; top:auto; display:grid; grid-template-columns:1fr 1fr; gap:10px 18px; padding:15px 0 18px 15px; }.toc-label { grid-column:1/-1; }.docs-hero { padding-top:70px; }.doc-section { grid-template-columns:30px 1fr; gap:13px; }.docs-status { display:none; } }
@media (max-width:560px) { .docs-hero h1 { font-size:clamp(53px,17vw,88px); }.hero-meta { gap:10px 14px; }.diagram { grid-template-columns:1fr; }.diagram > i { transform:rotate(90deg); }.timeline > div { grid-template-columns:1fr; gap:6px; }.tr { grid-template-columns:95px 1fr; gap:10px; font-size:12px; }.split-copy,.source-grid,.health { grid-template-columns:1fr; }.event-list > div { grid-template-columns:12px 100px 1fr; }.docs-toc { grid-template-columns:1fr; }.toc-label { grid-column:auto; } }