.docs-hero{border-bottom:1px solid var(--line)}
.doc-filters{display:flex;gap:8px;flex-wrap:wrap;padding:35px 0 18px}
.doc-filters a{border:1px solid var(--line);padding:7px 13px;font:11px var(--mono);background:#fff}
.doc-filters a.active,.doc-filters a:hover{background:var(--ink);color:var(--paper)}
.doc-filters sup{color:var(--acid);margin-left:3px}
.docs-index{padding:20px 0 110px;border-top:1px solid var(--line)}
.doc-index-row{display:grid;grid-template-columns:90px 1fr 150px;gap:28px;padding:30px 8px;border-bottom:1px solid var(--line);align-items:start;transition:.2s}
.doc-index-row:hover{background:#fff;transform:translateX(5px)}
.doc-index-row h2{font-size:28px;letter-spacing:-.035em;margin:8px 0}
.doc-index-row p{margin:0;color:var(--muted);max-width:720px}
.doc-code{font:11px var(--mono);color:var(--acid);padding-top:5px}
.doc-meta{text-align:right;display:flex;flex-direction:column;gap:28px;font:10px var(--mono)}
.doc-meta time{color:var(--muted)}
.workspace-shell{padding:65px 0 110px;min-height:70vh}
.workspace-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:34px;border-bottom:2px solid var(--ink)}
.workspace-head h1{font-size:clamp(42px,6vw,76px);letter-spacing:-.06em;line-height:1;margin:10px 0 16px}
.workspace-head p{margin:0;color:var(--muted)}
.workspace-actions,.heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:42px}
.workspace-grid>section{background:var(--paper);padding:30px}
.workspace-section-title{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:16px}
.workspace-section-title span{font:10px var(--mono);color:var(--acid)}
.workspace-section-title h2{font-size:25px;margin:0}
.workspace-list>a{display:flex;justify-content:space-between;gap:22px;padding:19px 0;border-bottom:1px solid var(--line)}
.workspace-list>a:hover b{color:var(--acid)}
.workspace-list b,.workspace-list small{display:block}
.workspace-list small{font:10px/1.5 var(--mono);color:var(--muted);margin-top:5px}
.workspace-list>a>span{text-align:right;font:12px var(--mono);white-space:nowrap}
.workspace-note{margin-top:25px;border-left:4px solid var(--acid);background:#fff;padding:18px 22px;display:grid;grid-template-columns:120px 1fr;gap:20px}
.workspace-note p{margin:0;color:var(--muted)}
.editor-version{font:11px var(--mono);background:var(--ink);color:var(--paper);padding:9px 13px;margin-bottom:20px}
.editor-split{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}
.editor-split>label{margin:0}
.editor-split textarea{min-height:620px}
.markdown-preview{border:1px solid var(--line);background:#fff;min-height:620px;padding:20px 25px;overflow:auto}
.markdown-preview>span{display:block;font:10px var(--mono);color:var(--acid);border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:24px}
.sheet-form{margin-top:32px}
.sheet-meta{display:grid;grid-template-columns:1fr 1fr 2fr;gap:14px}
.sheet-meta label{font:11px var(--mono)}
.sheet-meta input{display:block;width:100%;margin-top:7px;border:1px solid var(--line);padding:11px;background:#fff}
.sheet-toolbar{display:flex;align-items:center;gap:8px;margin:20px 0 12px}
.sheet-toolbar>button:not(.button){border:1px solid var(--line);background:#fff;padding:8px 13px;font:11px var(--mono)}
.sheet-toolbar>span{font:10px var(--mono);color:var(--muted);margin-right:auto}
.sheet-scroll{overflow:auto;border:1px solid var(--line);background:#fff}
.editable-sheet,.snapshot-sheet{border-collapse:collapse;min-width:100%;font-size:13px}
.editable-sheet th,.editable-sheet td,.snapshot-sheet th,.snapshot-sheet td{border:1px solid var(--line);padding:0;min-width:160px;vertical-align:top}
.editable-sheet th{background:var(--ink)}
.editable-sheet input,.editable-sheet textarea{display:block;width:100%;border:0;background:transparent;padding:10px;resize:vertical;color:inherit;font:inherit}
.editable-sheet th input{color:#fff;font-weight:700}
.editable-sheet textarea:focus,.editable-sheet input:focus{outline:2px solid var(--acid);outline-offset:-2px;background:#fff;color:var(--ink)}
.snapshot-sheet th,.snapshot-sheet td{padding:9px 12px;text-align:left}.snapshot-sheet th{background:var(--paper2)}
.revision-list{margin-top:35px;border-top:1px solid var(--line)}
.revision-list details{border-bottom:1px solid var(--line)}
.revision-list summary{display:flex;justify-content:space-between;padding:18px 5px;cursor:pointer}
.revision-list summary span{font:10px var(--mono);color:var(--muted)}
.revision-body{background:#fff;padding:25px;margin-bottom:15px}
@media(max-width:900px){.doc-index-row{grid-template-columns:60px 1fr}.doc-meta{grid-column:2;text-align:left;flex-direction:row}.workspace-head{align-items:flex-start;flex-direction:column}.workspace-grid,.editor-split{grid-template-columns:1fr}.sheet-meta{grid-template-columns:1fr}.markdown-preview,.editor-split textarea{min-height:380px}}
@media(max-width:600px){.doc-index-row{grid-template-columns:1fr}.doc-code,.doc-meta{grid-column:1}.workspace-actions{width:100%}.workspace-actions .button{flex:1}.workspace-note{grid-template-columns:1fr}.sheet-toolbar{flex-wrap:wrap}.sheet-toolbar>span{width:100%;order:5}}
