/* Workspace identity and tab proportions follow Header.vue and TabBar.vue.
 * Document typography, directives, charts and tables use the unmodified native
 * read.css exported by the product. No shortened or replacement document content. */
html { scroll-behavior:auto; }
.sample-rail { position:fixed; inset:0 auto 0 0; width:76px; background:#1e1e2d; border-right:1px solid #272735; display:flex; flex-direction:column; align-items:center; gap:30px; padding-top:22px; z-index:110; color:#777b8a; }
.sample-rail>img { width:39px; height:39px; margin-bottom:22px; }
body.sample-native-viewer { margin:0; background:#1e1e2d; color:#d4d4dc; font-family:Inter,Arial,sans-serif; }
.sample-workspace { position:fixed; inset:0 0 auto 76px; height:64px; z-index:100; display:flex; align-items:center; padding:0 22px; gap:30px; background:#1e1e2d; box-sizing:border-box; }
.sample-brand { display:flex; align-items:center; gap:10px; width:245px; flex-shrink:0; }
.sample-brand img { width:34px; height:34px; object-fit:contain; }
.sample-brand small { display:block; color:#9bc861; font-size:9px; font-weight:600; letter-spacing:1.3px; margin-bottom:3px; }
.sample-brand span { font-size:14px; font-weight:500; }
.sample-brand .sample-caret { margin-left:16px; background:#2c3438; width:23px; height:23px; border-radius:50%; text-align:center; }
.sample-search { display:flex; gap:12px; align-items:center; flex:1; max-width:660px; height:37px; padding:0 13px; border:1px solid #494955; border-radius:7px; background:#30303e; color:#9393a5; font-size:13px; }
.sample-search svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.7; }
.sample-managed { margin-left:auto; border:1px solid #50505d; border-radius:20px; padding:3px 10px; color:#b9b9c4; font-size:10px; font-weight:600; white-space:nowrap; }
.sample-avatar { color:#b6d68f; font-size:12px; border:1px solid #42493f; background:#252c2c; border-radius:11px; padding:12px; }
.sample-open-tabs { position:fixed; top:64px; left:76px; right:0; height:43px; padding-left:10px; display:flex; align-items:stretch; gap:20px; border-bottom:1px solid #373743; background:#1e1e2d; z-index:100; }
.sample-open-tabs>span { padding:13px 16px 10px; color:#acacba; font-size:13px; white-space:nowrap; }
.sample-open-tabs .sample-active-tab { position:relative; max-width:600px; overflow:hidden; text-overflow:ellipsis; background:#262b2e; color:#dce4cd; border-radius:7px 7px 0 0; font-weight:600; }
.sample-active-tab::after { content:''; position:absolute; bottom:0; left:12px; right:12px; height:2px; background:#a5cf72; }
.sample-native-viewer .shared-document-page { padding-top:107px; margin-left:76px; }
.sample-native-viewer .shared-content { padding-top:0; }
.sample-native-viewer .document-info-bar { padding:14px 24px; }
.sample-native-viewer .document-title { font-size:17px; }
.sample-native-viewer .document-info-bar,.sample-native-viewer .content-tabs,.sample-native-viewer .document-viewer,.sample-native-viewer .slides-viewer { max-width:900px; margin-left:28px; margin-right:250px; }
.sample-native-viewer .share-toc { display:block; left:auto; right:20px; top:190px!important; width:210px; max-height:calc(100vh - 220px); }
.sample-native-viewer .document-paper h1,.sample-native-viewer .document-paper h2,.sample-native-viewer .document-paper h3,.sample-native-viewer .document-paper h4 { scroll-margin-top:126px; }
.sample-native-viewer .content-tabs { position:relative; z-index:1; }
.sample-native-viewer .tab-btn { cursor:pointer; }
.sample-native-viewer [hidden] { display:none!important; }
.sample-native-viewer a:focus-visible,.sample-native-viewer button:focus-visible { outline:2px solid #8bb8ff; outline-offset:3px; }
@media(max-width:1000px) { .sample-native-viewer .share-toc { display:none; } .sample-native-viewer .document-info-bar,.sample-native-viewer .content-tabs,.sample-native-viewer .document-viewer,.sample-native-viewer .slides-viewer { margin-inline:auto; } .sample-managed { display:none; } }
@media(max-width:650px) { .sample-workspace { gap:10px; padding-inline:14px; } .sample-brand { width:auto; } .sample-search,.sample-avatar { display:none; } .sample-open-tabs { gap:0; padding-left:0; } .sample-open-tabs>span:not(.sample-active-tab) { display:none; } .sample-native-viewer .document-info-bar { padding:16px; } .sample-native-viewer .content-tabs { padding-inline:12px; } .sample-native-viewer .document-viewer { padding-inline:0; } .sample-native-viewer .richMilkdown .ProseMirror { --doc-page-margin:24px; padding:30px 24px!important; } .sample-native-viewer .milkdown .ProseMirror .dv-cover-container,.sample-native-viewer .milkdown .ProseMirror .dv-toc-page { margin-left:-24px!important; margin-right:-24px!important; } }
@media(max-width:650px) { .sample-rail { display:none; } .sample-workspace,.sample-open-tabs { left:0; } .sample-native-viewer .shared-document-page { margin-left:0; } }