:root { color-scheme: dark; --canvas:#09090b; --sidebar:#0e0e11; --surface:#151519; --line:#303037; --line-soft:#232329; --text:#f7f7f8; --muted:#aaaab4; --dim:#868692; --red:#ee3e3e; --red-bright:#ff6767; --green:#5bda9c; --amber:#f2bd60; --blue:#8eb9ff; --mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { min-width:320px; margin:0; background:var(--canvas); color:var(--text); }
a { color:var(--red-bright); text-underline-offset:3px; }
a:hover { color:var(--text); }
a:focus-visible { outline:3px solid var(--red-bright); outline-offset:3px; }
.skip-link { position:absolute; top:-60px; left:12px; z-index:10; padding:10px 14px; background:var(--red); color:#180607; }
.skip-link:focus { top:12px; }
.docs-header { border-bottom:1px solid var(--line-soft); background:var(--sidebar); }
.docs-header-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; width:min(100%,1420px); margin:auto; padding:15px 28px; }
.docs-brand { display:flex; align-items:center; gap:10px; color:var(--text); text-decoration:none; }
.brand-mark { display:grid; width:31px; height:31px; flex:0 0 31px; place-items:center; background:var(--red); color:#190606; font-family:var(--mono); font-size:.94rem; font-weight:900; }
.docs-brand strong,.docs-brand small { display:block; }
.docs-brand strong { font-size:.94rem; }
.docs-brand small { margin-top:2px; color:var(--dim); font-size:.66rem; }
.header-link { border:1px solid var(--line); border-radius:4px; padding:9px 11px; color:var(--text); font-size:.78rem; font-weight:750; text-decoration:none; white-space:nowrap; }
.header-link:hover { border-color:var(--red); color:var(--red-bright); }
.docs-layout { display:grid; grid-template-columns:225px minmax(0,1fr); width:min(100%,1420px); min-height:100vh; margin:auto; }
.docs-nav { position:sticky; top:0; align-self:start; max-height:100vh; overflow-y:auto; border-right:1px solid var(--line-soft); padding:31px 15px 26px 28px; }
.nav-label { margin:0 0 14px; color:var(--dim); font-size:.65rem; font-weight:850; text-transform:uppercase; }
.docs-nav nav { display:grid; gap:2px; }
.docs-nav a { border-left:2px solid transparent; padding:9px 10px; color:var(--muted); font-size:.76rem; font-weight:680; line-height:1.35; text-decoration:none; }
.docs-nav a:hover,.docs-nav a:focus-visible { border-left-color:var(--red); background:#321416; color:var(--text); }
.docs-main { min-width:0; padding:37px clamp(20px,4vw,54px) 50px; }
.docs-intro { max-width:1000px; padding-bottom:37px; border-bottom:1px solid var(--line); }
.eyebrow,.section-index { margin:0; color:var(--red-bright); font-size:.67rem; font-weight:850; text-transform:uppercase; }
h1 { max-width:16ch; margin:13px 0 15px; font-size:3rem; line-height:1.06; }
.intro-copy { max-width:72ch; margin:0; color:var(--muted); font-size:.94rem; line-height:1.65; }
.status-key { display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:23px; color:var(--muted); font-size:.71rem; font-weight:750; }
.status-key span { display:inline-flex; align-items:center; gap:7px; }
.status-dot { width:7px; height:7px; border-radius:50%; background:var(--dim); }
.status-dot.ready { background:var(--green); }.status-dot.manual { background:var(--amber); }.status-dot.pending { background:var(--red-bright); }
.docs-section { max-width:1000px; padding:38px 0 40px; border-bottom:1px solid var(--line-soft); scroll-margin-top:20px; }
.docs-section h2 { margin:8px 0 16px; font-size:1.42rem; line-height:1.2; }
.docs-section h3 { margin:0 0 9px; font-size:.92rem; }
.docs-section p,.docs-section li { color:var(--muted); font-size:.84rem; line-height:1.68; }
.docs-section > p:not(.section-index) { max-width:78ch; }
.docs-section b,.docs-section strong { color:var(--text); }
.docs-section code { overflow-wrap:anywhere; color:#f0c2c2; font-family:var(--mono); font-size:.78rem; }
.flow-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:22px 0; border:1px solid var(--line); background:var(--surface); }
.flow-row.payment-flow { grid-template-columns:repeat(4,minmax(0,1fr)); }
.flow-row div { min-width:0; padding:14px; border-right:1px solid var(--line); }
.flow-row div:last-child { border-right:0; }
.flow-row strong,.flow-row span,.flow-row small { display:block; overflow-wrap:anywhere; }
.flow-row strong { color:var(--red-bright); font-size:.7rem; }
.flow-row span { margin-top:9px; font-size:.85rem; font-weight:760; }
.flow-row small { margin-top:5px; color:var(--dim); font-size:.69rem; line-height:1.45; }
.table-scroll { max-width:100%; overflow-x:auto; border:1px solid var(--line); background:var(--surface); }
table { width:100%; min-width:680px; border-collapse:collapse; text-align:left; }
th { position:relative; border-bottom:1px solid var(--line); padding:12px; color:var(--dim); font-size:.65rem; text-transform:uppercase; }
td { border-bottom:1px solid var(--line-soft); padding:13px 12px; color:var(--muted); font-size:.76rem; line-height:1.5; vertical-align:top; }
tbody tr:last-child td { border-bottom:0; }
td:first-child { color:var(--text); font-weight:750; }
.state { display:inline-block; border-radius:3px; padding:3px 6px; font-size:.64rem; font-weight:850; white-space:nowrap; }
.state.ready { background:#173524; color:var(--green); }.state.manual { background:#493819; color:var(--amber); }.state.pending { background:#3d1719; color:var(--red-bright); }
.numbered-steps { display:grid; gap:0; margin:15px 0 20px; padding:0; list-style:none; counter-reset:step; border-top:1px solid var(--line); }
.numbered-steps li { display:grid; grid-template-columns:190px minmax(0,1fr); gap:16px; padding:15px 0 15px 36px; border-bottom:1px solid var(--line-soft); counter-increment:step; position:relative; }
.numbered-steps li::before { content:counter(step,decimal-leading-zero); position:absolute; top:16px; left:0; color:var(--red-bright); font-family:var(--mono); font-size:.7rem; }
.numbered-steps li strong { color:var(--text); font-size:.79rem; }
.numbered-steps li span { min-width:0; }
.note { max-width:100% !important; border-left:3px solid var(--red); margin:18px 0 0; padding:11px 13px; background:var(--surface); }
.note strong { color:var(--text); }
.split-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin:21px 0; }
.split-list div { min-width:0; padding:17px 20px 12px 0; }
.split-list div + div { border-left:1px solid var(--line); padding-left:20px; }
.split-list p { margin:0; }
pre { max-width:100%; overflow-x:auto; border:1px solid var(--line); background:#111114; padding:16px; color:var(--text); line-height:1.6; }
pre code { color:var(--text) !important; white-space:pre; }
.check-list,.source-list { margin:14px 0 0; padding-left:20px; }
.check-list li,.source-list li { padding:4px 0; }
.check-list li::marker { color:var(--red-bright); }
.docs-footer { display:flex; justify-content:space-between; gap:14px; max-width:1000px; padding:24px 0 0; color:var(--dim); font-size:.7rem; }
@media (max-width:900px) { .docs-layout { grid-template-columns:minmax(0,1fr); }.docs-nav { position:static; max-height:none; border-right:0; border-bottom:1px solid var(--line-soft); padding:16px 20px; }.docs-nav nav { grid-template-columns:repeat(3,minmax(0,1fr)); }.docs-nav a { padding:7px 8px; }.docs-main { padding:27px 22px 45px; } }
@media (max-width:640px) { .docs-header-inner { padding:12px 16px; }.docs-main { padding:24px 16px 38px; }.docs-nav { padding:13px 16px; }.docs-nav nav { grid-template-columns:repeat(2,minmax(0,1fr)); }.docs-nav a { font-size:.69rem; }.docs-section { padding:31px 0 34px; }.docs-section h2 { font-size:1.25rem; }h1 { font-size:2rem; }.flow-row,.flow-row.payment-flow { grid-template-columns:1fr; }.flow-row div { border-right:0; border-bottom:1px solid var(--line); }.flow-row div:last-child { border-bottom:0; }.numbered-steps li { grid-template-columns:1fr; gap:4px; }.split-list { grid-template-columns:1fr; }.split-list div + div { border-left:0; border-top:1px solid var(--line); padding-left:0; }.docs-footer { flex-direction:column; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }