.writing-workspace{padding:0 28px 28px;max-width:none;min-width:0}
.wiki-document{min-width:0}
.document-topbar{position:sticky;top:0;z-index:24;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:66px;padding:12px 0;background:var(--bg);border-bottom:1px solid var(--line)}
.document-tabs{margin:0;flex:0 1 auto;background:transparent;border:0;padding:0;gap:4px;overflow:auto}
.document-tabs button{padding:8px 10px;min-height:36px;gap:6px;font-size:11px;flex:0 0 auto}
.document-tabs .icon{width:16px;height:16px}
.document-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.document-actions .icon-button{width:35px;min-width:35px;height:35px;min-height:35px;padding:8px;border-radius:9px}
.document-actions .publish-page-button{min-height:35px;padding:7px 12px;border-radius:9px;font-size:11px;gap:6px}
.document-actions .icon{width:17px;height:17px}
.document-state{font-size:10px;color:var(--muted);white-space:nowrap;margin-right:4px}
.editor-more .dropdown-menu{width:270px}
.document-heading{max-width:840px;margin:68px auto 12px;padding:0 18px}
.document-heading .editor-title{font-size:clamp(34px,4vw,52px);line-height:1.2;padding:0;margin:0 0 16px;border-radius:0}
.document-heading .editor-title::placeholder{opacity:.45}
.document-heading .editor-description{font-size:14px;margin-bottom:6px;opacity:.75}
.writing-layout{display:block;max-width:840px;margin:0 auto}
.writing-layout.inspector-open{display:grid;grid-template-columns:minmax(0,1fr) 290px;max-width:1180px}
.writing-layout .editor-main{display:flex;flex-direction:column;min-height:calc(100dvh - 330px)}
.writing-layout .editor-help{display:none}
.writing-layout .editor-resizable{order:1;border-radius:0;min-width:0;min-height:calc(100dvh - 430px);resize:horizontal;overflow:auto}
.writing-layout .rich-editor{position:relative;min-height:calc(100dvh - 445px);border:0;border-radius:0;background:transparent;padding:12px 18px 48px;line-height:1.85}
.rich-editor[data-empty=true]:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none;position:absolute}
.writing-layout .rich-editor[data-empty=true]:before{opacity:.65}
.writing-layout .rich-editor p:only-child{min-height:1.85em}
.writing-layout .toolbar{order:3;position:sticky;bottom:16px;z-index:22;margin:26px 0 0;padding:9px 11px;gap:2px;border-radius:16px;box-shadow:0 6px 26px #0001;flex-shrink:0;background:var(--surface)}
.writing-layout .toolbar button{width:34px;min-width:34px;height:34px;min-height:34px;padding:7px;border-radius:8px}
.writing-layout .toolbar .icon,.writing-layout .toolbar img{width:19px;height:19px}
.writing-layout .editor-status{order:4;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;font-size:10px;padding:0 4px}
.heading-dropdown{position:relative}
.toolbar .heading-dropdown>summary{display:flex;align-items:center;gap:3px;padding:6px 8px;min-height:34px;border:0;background:transparent;font-size:19px;font-weight:650;border-radius:8px}
.toolbar .heading-dropdown>summary>.icon{width:12px;height:12px}
.toolbar .heading-menu{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;min-width:0;width:286px;max-width:calc(100vw - 24px);padding:6px;right:auto;left:0;top:auto;bottom:calc(100% + 12px);transform-origin:bottom left!important}
.toolbar .heading-menu button{display:grid;place-items:center;width:100%;min-width:0;min-height:38px;height:38px;padding:7px 4px;font-size:14px;border:0;border-radius:7px;font-weight:600}
.toolbar .heading-menu button.active{color:var(--accent);background:var(--elevated)}
.editor-inspector{min-width:0}
.inspector-close{display:flex;justify-content:flex-end;margin:-8px -8px -8px 0}
.inspector-close .icon-button{width:30px;min-width:30px;height:30px;min-height:30px;padding:6px;border:0;background:transparent}
.attachment-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;border:1px solid var(--line);border-radius:12px;padding:12px}
.attachment-item>.icon{color:var(--muted);margin-top:3px}
.attachment-item strong{display:block;overflow-wrap:anywhere;font-size:12px;line-height:1.5}
.attachment-item small{color:var(--muted);font-size:11px}
.prose a.wiki-file-card,.wiki-file-card{display:inline-flex;align-items:center;gap:14px;width:100%;max-width:100%;padding:16px 18px;border:1px solid var(--line);border-radius:12px;color:var(--fg);background:var(--surface);text-decoration:none;line-height:1.5;vertical-align:middle;box-sizing:border-box}
.prose a.wiki-file-card:hover{border-color:var(--accent);background:var(--elevated);text-decoration:none}
.file-glyph::before{content:"";display:block;width:22px;height:25px;background:currentColor;mask:url("/assets/file-attachment.svg") center/contain no-repeat}
.file-glyph{font-size:0!important;display:grid;place-items:center;width:36px;height:42px;flex-shrink:0;border:1px solid var(--line);border-radius:7px;font-size:25px;color:var(--muted)}
.file-description{display:flex;flex-direction:column;min-width:0;flex:1;gap:3px}
.file-description strong{font-size:14px;overflow-wrap:anywhere;font-weight:600}
.file-description small{font-size:11px;color:var(--muted)}
.file-download{font-size:22px;color:var(--muted)}
.prose h1{font-size:2em}.prose h2{font-size:1.65em}.prose h3{font-size:1.4em}.prose h4{font-size:1.2em}.prose h5{font-size:1.05em}.prose h6{font-size:1em;color:var(--muted)}
.focus-controls{display:none}
body.wiki-focus-mode{--header:0px}
.wiki-focus-mode .service-header,.wiki-focus-mode .sidebar,.wiki-focus-mode .mobile-menu,.wiki-focus-mode .document-topbar,.wiki-focus-mode .document-heading,.wiki-focus-mode .editor-inspector,.wiki-focus-mode .editor-help,.wiki-focus-mode .toolbar,.wiki-focus-mode .editor-status,.wiki-focus-mode .back-top{display:none!important}
.wiki-focus-mode .workspace{display:block}
.wiki-focus-mode .writing-workspace{padding:0 20px;min-height:100dvh}
.wiki-focus-mode .writing-layout{display:block;max-width:840px}
.wiki-focus-mode .editor-main{min-height:100dvh}
.wiki-focus-mode .editor-resizable{resize:none;min-height:100dvh}
.wiki-focus-mode .rich-editor{padding:16vh 20px 40vh;min-height:100dvh}
.wiki-focus-mode .rich-editor>*{opacity:.5;transition:opacity 220ms ease}
.wiki-focus-mode .rich-editor>.focused-block{opacity:1}
.wiki-focus-mode .rich-editor .inline-block-editor>p:not(.focused-paragraph){opacity:.5}
.wiki-focus-mode .focus-controls{position:fixed;z-index:100;top:18px;right:20px;display:flex;gap:6px;opacity:.35;transition:opacity 180ms}
.wiki-focus-mode .focus-controls:hover,.wiki-focus-mode .focus-controls:focus-within{opacity:1}
.focus-controls button{width:36px;height:36px;min-height:36px;padding:8px;border-radius:9px;font-size:12px;background:var(--bg)}
@media(max-width:1150px){.document-tabs button span{display:none}.document-tabs button{width:35px;padding:8px}.document-state{display:none}.writing-layout.inspector-open{grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:850px){.writing-layout.inspector-open{grid-template-columns:minmax(0,1fr)}.writing-layout .editor-inspector{position:static}.document-heading{margin-top:48px}.document-topbar{gap:6px}}
@media(max-width:680px){.writing-workspace{padding:0 16px 20px}.writing-workspace>.mobile-menu{margin:14px 0 4px;min-height:30px;padding:5px 10px;font-size:11px}.document-topbar{margin:0 -4px;padding:8px 0;min-height:52px}.document-tabs{gap:0;flex-shrink:1}.document-tabs button{width:30px;min-width:30px;padding:6px;min-height:32px}.document-actions{gap:2px}.document-actions .icon-button{width:32px;min-width:32px;height:32px;min-height:32px;padding:7px}.document-actions .publish-page-button{width:32px;min-width:32px;height:32px;min-height:32px;padding:7px}.publish-page-button span{display:none}.document-heading{margin-top:36px;padding:0 4px}.document-heading .editor-title{font-size:34px}.document-heading .editor-description{font-size:13px}.writing-layout .rich-editor{padding:10px 4px 40px;min-height:calc(100dvh - 440px)}.writing-layout .editor-main{min-height:calc(100dvh - 320px)}.writing-layout .toolbar{bottom:10px;padding:7px;gap:1px;border-radius:13px;margin-top:22px}.writing-layout .toolbar button{width:32px;min-width:32px;height:32px;min-height:32px;padding:7px}.editor-more .dropdown-menu{width:min(270px,calc(100vw - 30px))}.wiki-file-card{padding:12px!important;gap:10px!important}.file-description strong{font-size:12px}.wiki-focus-mode .writing-workspace{padding:0 16px}.wiki-focus-mode .rich-editor{padding:16vh 4px 40vh}.heading-menu{left:-60px}.writing-layout .editor-resizable{resize:none}}
@media(prefers-reduced-motion:reduce){.wiki-focus-mode .rich-editor>*,.focus-controls{transition:none}}

.wiki-focus-mode .editor-main > :not(.editor-resizable):not(.focus-controls){display:none!important}
.wiki-focus-mode .rich-editor li:not(.focus-branch),.wiki-focus-mode .rich-editor blockquote>p:not(.focus-branch){opacity:.5}
.toolbar .heading-menu{top:calc(100% + 12px);bottom:auto}
.writing-layout .heading-menu{top:auto;bottom:calc(100% + 12px)}
