.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)}

.emoji-picker { display: grid; gap: 10px; margin-bottom: 16px; padding: 14px; }
.emoji-picker .row { flex-wrap: wrap; }
.prose img.emoji-small { width: 1em; height: 1em; }
.prose img.emoji-medium { width: 1.5em; height: 1.5em; }
.prose img.block-emoji { width: 128px; height: auto; max-width: 100%; border-radius: 8px; }

.wiki-focus-mode .writing-layout.inspector-open,
.wiki-focus-mode .writing-layout .editor-resizable { width: 100% !important; }
.wiki-focus-mode .rich-editor {
  padding-block: calc(50dvh - 1em);
}
.wiki-focus-mode .rich-editor .focused-paragraph {
  opacity: 1;
  transform: scale(1.045);
}
.wiki-focus-mode .rich-editor :is(p, h1, h2, h3, h4, h5, h6, li, blockquote, pre, table) {
  transition: transform 220ms var(--ease-ui), opacity 220ms ease;
}
.wiki-focus-mode .workspace > .sidebar {
  display: flex !important;
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 90;
  width: min(310px, 85vw);
  height: 100dvh;
  max-height: none;
  padding: 24px 12px;
  border-right: 1px solid var(--line);
  box-shadow: var(--shadow);
  transform: translateX(-100%);
  visibility: hidden;
  transition: transform 200ms var(--ease-ui), visibility 200ms;
}
.wiki-focus-mode.focus-navigation-open .workspace > .sidebar {
  transform: translateX(0);
  visibility: visible;
}
.wiki-focus-mode .sidebar-head,
.wiki-focus-mode .sidebar-footer,
.wiki-focus-mode .sidebar-create,
.wiki-focus-mode .sidebar-scrim { display: none !important; }
.wiki-focus-mode .sidebar-content-heading { justify-content: flex-start; padding-left: 8px; }
.wiki-focus-mode .sidebar-content-heading > .eyebrow,
.wiki-focus-mode .wiki-nav-tree a > span { display: block; }
.wiki-focus-mode .sidebar .wiki-nav-tree a { width: 100%; justify-content: flex-start; gap: 10px; }
.wiki-focus-mode .sidebar .sidebar-children { padding-left: 14px; }
.wiki-focus-mode .sidebar .sidebar-folder > a { flex: 1; }
.wiki-focus-mode .sidebar .sidebar-folder > .folder-toggle { display: grid; }

.focus-navigation-toggle { display: none; }
.wiki-focus-mode .focus-navigation-toggle {
  display: grid;
  place-items: center;
  position: fixed;
  z-index: 94;
  left: 3px;
  top: 50%;
  width: 26px;
  min-height: 42px;
  padding: 0;
  color: var(--muted);
  background: var(--surface);
  border-radius: 0 8px 8px 0;
  transform: translateY(-50%);
  transition: left 200ms var(--ease-ui), color 180ms;
}
.wiki-focus-mode.focus-navigation-open .focus-navigation-toggle { left: min(310px, 85vw); }
.focus-navigation-toggle .icon { width: 16px; height: 16px; transform: rotate(-90deg); transition: transform 180ms var(--ease-ui); }
.focus-navigation-toggle[aria-expanded="true"] .icon { transform: rotate(90deg); }


.rich-editor img[data-emoji-size] { cursor: pointer; }
.rich-editor img[data-emoji-size]:is(:hover, :focus-visible, [aria-expanded="true"]) {
  outline: 1px solid var(--accent);
  outline-offset: 3px;
}
.emoji-size-popover {
  position: fixed;
  z-index: 945;
  width: min(320px, calc(100vw - 16px));
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--surface);
  box-shadow: var(--shadow);
  animation: popover-enter 200ms var(--ease-ui) both;
}
.emoji-size-popover > strong { display: block; margin: 0 0 8px; font-size: 13px; }
.emoji-size-options { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 5px; }
.emoji-size-options button {
  display: grid;
  grid-template-rows: 56px auto;
  justify-items: center;
  gap: 5px;
  min-width: 0;
  padding: 5px 2px;
  border-color: transparent;
  background: transparent;
  font-size: 11px;
}
.emoji-size-options button:is(:hover, :focus-visible, [aria-pressed="true"]) {
  background: var(--elevated);
  border-color: var(--line);
}
.emoji-size-options img { object-fit: contain; align-self: center; }
.emoji-size-options [data-size="small"] img { width: 16px; height: 16px; }
.emoji-size-options [data-size="medium"] img { width: 24px; height: 24px; }
.emoji-size-options [data-size="large"] img { width: 54px; height: 54px; }

html.theme-switching, html.theme-switching *, html.theme-switching *::before, html.theme-switching *::after { transition: none !important; }

:is(.reader-actions,.editor-more) .dropdown-menu :is(a,button) {
  background: transparent;
  box-shadow: none;
  border-color: transparent;
}
:is(.reader-actions,.editor-more) .dropdown-menu :is(a,button):focus-visible {
  background: var(--elevated);
  outline: 1px solid var(--accent);
}
:is(.reader-actions,.editor-more) .dropdown-menu button[aria-pressed="true"] { color: var(--accent); }
@media (hover:hover) {
  :is(.reader-actions,.editor-more) .dropdown-menu :is(a,button):hover:not(:disabled) { background: var(--elevated); }
}

.wiki-focus-mode .writing-layout { max-width: min(100%, 940px); }
.wiki-focus-mode .writing-layout .rich-editor {
  font-size: clamp(18px, 1.35vw, 26px);
  line-height: 1.58;
}
.wiki-focus-mode .rich-editor :is(p, div):not(.widget-body,.structured-widget *,[contenteditable="false"]) {
  margin-block: 0 .4em;
}
.wiki-focus-mode .rich-editor[data-focus-kind="paragraph"] .focused-paragraph {
  transform: scale(1.045);
  transform-origin: center;
}
.wiki-focus-mode .rich-editor:not([data-focus-kind="paragraph"]) .focused-paragraph { transform: none; }
.wiki-focus-mode .editor-resizable { position: relative; }
.focus-markers { position: absolute; inset: 0; pointer-events: none; }
.focus-markers i { position: absolute; border-radius: 3px; background: color-mix(in srgb,var(--accent) 20%,transparent); }
.focus-controls select { min-height: 36px; width: auto; padding-block: 4px; font-size: 13px; background-color: var(--bg); }
.wiki-focus-mode .focus-controls { opacity: .83; }

.wiki-formula {
  min-width: 0;
  overflow-x: auto;
  padding: 12px;
  text-align: center;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--surface);
}
.prose .wiki-formula { margin-block: 1em; }
.widget-body .wiki-formula { margin-block: 0; }
.wiki-formula:empty::before { content: attr(data-formula); overflow-wrap: anywhere; white-space: pre-wrap; font-family: monospace; }
.wiki-formula math { font-size: 1.18em; }
.formula-form textarea { resize: vertical; font-family: monospace; }
.formula-form .row { margin-top: 16px; justify-content: flex-end; }
.formula-list { list-style: none; padding: 0; display: grid; gap: 8px; }
.formula-list button { width: 100%; display: grid; text-align: left; gap: 5px; overflow-wrap: anywhere; }
.formula-list code { font-size: .8em; font-weight: normal; }
.wiki-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-block: 10px; }
.wiki-global-search { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 16px; }
.wiki-global-search .search-field { flex: 1 1 240px; }
.wiki-search-results { display: grid; gap: 8px; margin-block: 12px 24px; }
.space-top-actions { display: flex; align-items: center; gap: 4px; }
.top-down .icon { transform: rotate(180deg); }