.docs-page {font-size:15px; line-height:1.75}
.docs-topbar,.head-in,.shell {width:min(1240px,calc(100% - 80px)); margin-inline:auto}
.docs-topbar {display:flex; gap:24px; align-items:center; height:76px; border-bottom:1px solid var(--line)}
.docs-topbar-label {font-size:12px; color:var(--ink-dim); border-left:1px solid var(--line); padding-left:24px}
.docs-topbar-actions {display:flex; gap:12px; align-items:center; margin-left:auto}
.app-link {display:inline-flex; padding:8px 15px; border-radius:5px; background:var(--ink); color:var(--bg); font-size:12px; font-weight:500}
.app-link:hover {background:var(--ink-soft)}
.docs-hero {border-bottom:1px solid var(--line)}
.head-in {padding:48px 0 0}
.head-in .eyebrow {margin:0 0 20px}
h1 {font-size:clamp(30px,3.5vw,46px); line-height:1.17; letter-spacing:-1.6px; font-weight:500; margin:0 0 24px; text-wrap:balance}
h1 span {color:var(--ink-dim)}
.lede {max-width:660px; margin:0; font-size:15px; line-height:1.75; color:var(--ink-dim)}
.docs-path {display:flex; gap:24px; align-items:center; padding:28px 0; font-size:12px; color:var(--ink-dim)}
.docs-path a {color:var(--ink-soft)}
.docs-path a span {font:10px var(--mono); color:var(--accent); margin-right:8px}
.docs-path a:hover {color:var(--accent)}
.shell {display:grid; grid-template-columns:260px minmax(0,1fr); gap:0}
.docs-sidebar {border-right:1px solid var(--line); padding:28px 22px 32px 0; align-self:stretch}
.docs-sidebar nav {position:sticky; top:24px; max-height:calc(100dvh - 48px); overflow:auto; padding-right:8px}
.docs-sidebar .eyebrow {font-size:10px; margin:0 0 20px}
nav ol {list-style:none; padding:0; margin:0}
nav li {margin:0 0 3px}
nav a {display:block; padding:7px 10px; font-size:12px; line-height:1.55; color:var(--ink-dim); border-left:1px solid transparent; transition:color .15s,background .15s}
nav a:hover {color:var(--ink); background:var(--bg-soft)}
nav a.on {color:var(--accent); border-left-color:var(--accent); background:var(--accent-soft)}
.docs-toc-toggle {display:none}
main {min-width:0; padding:0 0 80px 44px}
section {padding:34px 0; border-bottom:1px solid var(--line); scroll-margin-top:24px}
section:last-child {border:0}
h2 {font-size:25px; font-weight:500; line-height:1.4; letter-spacing:-.7px; margin:0 0 22px; text-wrap:balance}
h2 .num {display:block; font:11px var(--mono); color:var(--accent); margin-bottom:14px}
h3 {font-size:19px; line-height:1.5; letter-spacing:-.3px; font-weight:550; margin:30px 0 12px}
h4 {font-size:15px; font-weight:550; line-height:1.5; margin:24px 0 10px; color:var(--ink)}
p {margin:0 0 14px; max-width:760px; color:var(--ink-soft)}
ul {margin:0 0 18px; padding-left:21px; color:var(--ink-soft)}
li {margin-bottom:5px}
main a {color:var(--accent); text-decoration:underline; text-underline-offset:3px}
code {font:12px/1.6 var(--mono); padding:2px 5px; background:var(--panel-2); border-radius:3px; overflow-wrap:anywhere}
pre {overflow:auto; max-width:100%; margin:18px 0 24px; padding:18px 20px; color:var(--ink-soft); background:var(--bg-soft); border:1px solid var(--line); border-radius:5px; font:12px/1.75 var(--mono)}
pre code {background:none; padding:0; overflow-wrap:normal}
figure {margin:24px 0 30px; border:1px solid var(--line); border-radius:6px; background:var(--panel); overflow:hidden}
figure img {display:block; width:100%; height:auto}
figcaption {padding:10px 14px; border-top:1px solid var(--line); color:var(--ink-dim); font:11px/1.6 var(--mono)}
figcaption b {font-weight:500}
.pipeline-figure {background:var(--bg-soft)}
.pipeline-figure ol {list-style:none; margin:0; padding:8px 24px}
.pipeline-figure li {display:grid; grid-template-columns:32px 160px 1fr; align-items:center; gap:16px; padding:18px 0; margin:0; border-bottom:1px solid var(--line); font-size:13px}
.pipeline-figure li:last-child {border:0}
.pipeline-figure li>span:first-child {font:11px var(--mono); color:var(--accent)}
.pipeline-figure strong {font-weight:500; color:var(--ink)}
.pipeline-figure li>span:last-child {color:var(--ink-dim); font-size:12px}
.note {padding:14px 18px; border-left:2px solid var(--accent); background:var(--accent-soft); color:var(--ink-dim); font-size:13px}
.admin-editor,.html-editor {background:var(--panel); color:var(--ink); border-radius:6px}
.html-editor textarea {background:var(--bg); color:var(--ink)}
@media(max-width:1000px) {.docs-topbar,.head-in,.shell{width:calc(100% - 48px)}.shell{grid-template-columns:220px minmax(0,1fr)}main{padding-left:28px}.docs-sidebar{padding-right:16px}.docs-path{gap:18px}}
@media(max-width:760px) {
  .pipeline-figure ol{padding:4px 16px}.pipeline-figure li{grid-template-columns:24px 1fr;gap:6px 12px;padding:16px 0}.pipeline-figure li>span:last-child{grid-column:2}
  .docs-topbar,.head-in,.shell{width:calc(100% - 36px)}.docs-topbar{height:68px;gap:12px}.docs-topbar-label{display:none}.docs-topbar-actions{gap:8px}.app-link{font-size:11px;padding:8px 12px}
  .head-in{padding-top:32px}h1{font-size:32px;letter-spacing:-1.2px}.lede{font-size:14px}.docs-path{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:24px 0}.docs-path>span{display:none}
  .shell{grid-template-columns:1fr}.docs-sidebar{border:0;border-bottom:1px solid var(--line);padding:0}.docs-toc-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:none;color:var(--ink);font:500 13px var(--sans);padding:18px 0;min-height:48px}.docs-toc-toggle span{font-size:18px}.docs-sidebar nav{display:none;position:static;max-height:60vh;padding:8px 0 20px}.docs-sidebar.is-open nav{display:block}.docs-sidebar nav a{padding:9px 12px;font-size:13px}.docs-sidebar .eyebrow{display:none}
  main{padding:0 0 40px}section{padding:28px 0}h2{font-size:23px}h3{font-size:18px}.docs-page{font-size:14px}.note{padding:12px 14px}figure{margin:20px 0}pre{padding:14px;font-size:11px}
}