/* paper: shared enterprise UI theme. Loaded after the functional/editor styles. */
:root {
  --paper-sidebar: 248px;
  --paper-header: 60px;
  --paper-ink: #202c3e;
  --paper-muted: #64738a;
  --paper-navy: #182536;
  --paper-canvas: #f5f7fa;
  --paper-border: #e2e7ef;
  --paper-blue: #315fce;
  --line: var(--paper-border);
  --border: var(--paper-border);
  --muted: var(--paper-muted);
  --accent: var(--paper-blue);
}
body { color: var(--paper-ink); background: var(--paper-canvas); font-size: 14px; line-height: 1.6; }
button, input, select, textarea { border-radius: 8px; }
button { min-height: 36px; padding: 7px 13px; border-color: #dbe2ec; font-weight: 500; transition: background .15s, border-color .15s, box-shadow .15s; }
button:hover:enabled { background: #f0f4fa; border-color: #bdcbe0; }
button:disabled { cursor: not-allowed; }
button.primary { background: var(--paper-blue); border-color: var(--paper-blue); color: #fff; box-shadow: 0 1px 2px #173a8115; }
button.primary:hover:enabled { background: #244fb6; border-color: #244fb6; }
button:focus-visible, summary:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid #83a6f0; outline-offset: 3px; }
input, select, textarea { min-height: 38px; border-color: #dbe2ec; }
input:focus, textarea:focus { outline-color: #8caef5; }
.ui-icon { width: 18px; height: 18px; min-width: 18px; }
#shell { padding-top: var(--paper-header); height: 100vh; height: 100dvh; overflow: hidden; }
#global-header { height: var(--paper-header); background: #fff; border-bottom: 1px solid var(--paper-border); padding: 0 24px 0 18px; gap: 18px; z-index: 60; }
#global-brand { display: flex; align-items: center; gap: 10px; font-size: 24px; font-weight: 700; letter-spacing: -.8px; color: #172b4b; line-height: 1; }
.paper-symbol { width: 27px; height: 30px; color: var(--paper-blue); flex: 0 0 auto; }
#global-home { margin-left: 10px; color: var(--paper-muted); font-size: 13px; padding: 5px 12px; }
#global-header #toggle-sidebar { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; min-height: 34px; padding: 6px; color: #6b778b; }
#global-actions { gap: 16px; min-width: 0; }
#global-actions > .search { width: clamp(180px,24vw,340px); height: 36px; border: 1px solid #e3e8ef; background: #f6f8fb; padding: 0 10px; border-radius: 7px; gap: 8px; }
#global-actions > .search input { min-width: 0; min-height: 32px; font-size: 13px; padding: 3px 0; outline-offset: 1px; }
.search kbd { font-size: 10px; color: #718096; background: #fff; border-color: #dce3ed; padding: 0 4px; border-radius: 3px; }
#global-actions > [data-view] { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; min-height: 34px; padding: 8px; color: #64738a; border-radius: 7px; }
#global-actions > .workspace-heading { margin: 0; padding-left: 16px; border-left: 1px solid var(--paper-border); max-width: 220px; gap: 4px; }
.workspace-heading select { font-size: 13px; min-height: 34px; font-weight: 600; max-width: 165px; color: #34445c; }
.workspace-heading #add-workspace { width: 28px; min-height: 28px; padding: 0; border-radius: 5px; color: #6c7b90; }
#sidebar, .space-mode #sidebar { width: var(--paper-sidebar); height: calc(100vh - var(--paper-header)); height: calc(100dvh - var(--paper-header)); padding: 22px 14px 12px; background: var(--paper-navy); border-right: 1px solid #223246; gap: 5px; color: #cad4e3; flex-shrink: 0; overflow: hidden; }
#sidebar > nav[aria-label="주 메뉴"], .space-mode #sidebar > nav[aria-label="주 메뉴"] { display: grid; border: 0; padding: 0 0 18px; gap: 4px; flex-shrink: 0; }
#sidebar nav button, .sidebar-bottom button { min-height: 38px; padding: 8px 12px; color: #b8c6d9; background: transparent; border: 0; border-radius: 7px; font-size: 13px; font-weight: 500; gap: 11px; }
.space-mode #sidebar nav button:not([data-view="all"]):not([data-view="templates"]) { display: flex; }
#sidebar nav button:hover, #sidebar .sidebar-bottom button:hover { background: #22364d; color: #fff; }
#sidebar nav button.selected, #sidebar .sidebar-bottom button.selected { background: #2b4161; color: #fff; box-shadow: inset 3px 0 #7ca5fb; }
#sidebar nav button > span { width: 18px; }
#sidebar .ui-icon { color: #8ea4c1; }
#sidebar button.selected .ui-icon { color: #b7d0ff; }
#global-spaces { border-top: 1px solid #2c3a4c; padding-top: 16px; }
#global-spaces h2 { padding: 0 12px 12px; color: #91a4bf; font-size: 11px; font-weight: 600; letter-spacing: .6px; }
#global-spaces button { min-height: 42px; padding: 7px 11px; gap: 10px; color: #cbd6e5; border-radius: 7px; font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; }
#global-spaces button:hover { background: #22364d; color: white; }
.space-avatar { background: #eaf0fd; color: #4266b1; border-radius: 6px; font-size: 12px; width: 28px; height: 28px; font-weight: 600; }
#sidebar .space-avatar { background: #2c405c; color: #c6d9fc; width: 26px; height: 26px; font-size: 11px; }
#sidebar .sidebar-bottom, .space-mode #sidebar > .sidebar-bottom { display: grid; border-top: 1px solid #2c3a4c; padding-top: 12px; margin-top: auto; flex-shrink: 0; }
#sidebar .sidebar-footer, .space-mode #sidebar > .sidebar-footer { display: flex; padding: 12px 8px 4px; border-top: 1px solid #2c3a4c; color: #b8c6d9; gap: 10px; min-height: 48px; flex-shrink: 0; }
#sidebar .avatar { width: 30px; height: 30px; background: #30445e; color: #bcd1ee; }
#sidebar .sidebar-footer #logout { color: #b8c6d9; min-height: 30px; padding: 5px; }
.space-mode #sidebar #space-navigation { padding: 10px 0 14px; margin: 0; border-bottom: 1px solid #2c3a4c; border-top: 1px solid #2c3a4c; gap: 3px; }
.space-mode #sidebar #space-navigation button { min-height: 34px; padding: 6px 12px; font-size: 12px; color: #b8c6d9; border-radius: 6px; }
.space-mode #sidebar #space-navigation button:hover, .space-mode #sidebar #space-navigation button.selected { background: #22364d; color: #fff; }
.space-mode #sidebar #space-navigation .ui-icon { color: #8ea4c1; }
.space-mode #sidebar .organization-controls { order: 0; display: flex; min-height: 44px; padding: 4px 7px; gap: 10px; margin: 0 0 2px; }
.space-mode .organization-controls select { color: #f1f5fb; font-size: 14px; min-height: 32px; padding: 3px 0; }
#sidebar select option { background: white; color: #202c3e; }
.space-mode #sidebar .section-label { padding: 10px 8px 6px; margin: 0; color: #91a4bf; font-size: 11px; min-height: 35px; }
#sidebar #new-page, #sidebar #space-menu-button { color: #a8bad3; border: 0; background: transparent; min-height: 24px; width: 24px; }
.space-mode #sidebar #page-list { margin: 0; min-height: 70px; flex: 1 1 auto; }
#sidebar #page-list button { color: #bdcbe0; border-radius: 5px; min-height: 32px; font-size: 12px; }
#sidebar #page-list button.active { color: #fff; background: #2b4161; }
#sidebar #page-list button:hover, #sidebar #page-list .tree-action:hover { background: #253951; color: #fff; }
#sidebar #page-list .tree-action { color: #9ab0cc; }
#sidebar, #global-spaces, #page-list { scrollbar-width: thin; scrollbar-color: #4b5d74 transparent; }
main { background: var(--paper-canvas); border-radius: 0; scroll-behavior: smooth; }
.welcome, .space-mode .welcome { display: flex; flex-direction: column; max-width: 1320px; padding: 36px 44px 70px; margin: 0 auto; }
.welcome > .view-heading, body:not(.space-mode) .welcome:has(#home-tabs:not([hidden])) .view-heading, .space-mode .welcome:has(#home-tabs:not([hidden])) > .view-heading { display: flex; order: 0; align-items: center; justify-content: space-between; margin: 0 0 27px; gap: 24px; }
.page-kicker { color: #79869a; font-size: 10px; letter-spacing: 1.6px; font-weight: 700; text-transform: uppercase; margin-bottom: 5px; }
.welcome .view-heading h1 { font-size: 28px; line-height: 1.35; letter-spacing: -.8px; color: #202c3e; font-weight: 700; margin: 0 0 7px; }
.welcome .view-heading p { font-size: 13px; color: #6d7b90; max-width: none; margin: 0; }
.list-actions { gap: 9px; }
.list-actions button { min-height: 36px; font-size: 12px; padding: 7px 14px; }
#workspace-overview { order: 1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin: 0 0 30px; }
.overview-item { display: grid; grid-template-columns: 40px 1fr; column-gap: 14px; align-items: center; border: 1px solid var(--paper-border); border-radius: 9px; background: white; padding: 19px 20px; min-height: 109px; }
.overview-icon { grid-row: 1 / span 3; width: 40px; height: 40px; display: grid; place-items: center; background: #eef3ff; color: #5679c5; border-radius: 9px; }
.overview-icon .ui-icon { width: 20px; height: 20px; }
.overview-label { color: #69788d; font-size: 12px; font-weight: 500; }
.overview-item strong { font-size: 25px; color: #263850; font-weight: 650; line-height: 1.35; letter-spacing: -.6px; }
.overview-item small { color: #7b889b; font-size: 11px; }
#space-carousel { order: 2; margin: 0 0 30px; }
.space-section-heading { margin-bottom: 13px; }
#space-carousel h2, .space-section-heading h2 { color: #2c3b51; font-size: 15px; font-weight: 650; margin: 0; }
.space-section-heading button { min-height: 28px; padding: 4px 0 4px 12px; color: #60738f; font-size: 11px; }
.space-cards { display: grid; grid-template-columns: repeat(auto-fill,minmax(200px,1fr)); gap: 14px; }
.space-card { min-height: 150px; display: flex; flex-direction: column; position: relative; border: 1px solid var(--paper-border); border-radius: 9px; padding: 18px; background: #fff; box-shadow: 0 1px 2px #172b4b03; text-align: left; }
.space-card:hover:enabled { background: #fff; border-color: #aebfe0; box-shadow: 0 4px 14px #172b4b08; }
.space-cover { display: none; }
.space-card .space-avatar { margin: 0 0 12px; border: 0; width: 34px; height: 34px; font-size: 15px; border-radius: 8px; }
.space-card strong { font-size: 14px; font-weight: 600; margin: 0 0 4px; color: #2b3b53; overflow-wrap: anywhere; line-height: 1.5; }
.space-card small { font-size: 11px; color: #758298; line-height: 1.55; }
.space-card-info { display: flex; flex-direction: column; flex: 1; }
.space-card-footer { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 8px; border-top: 1px solid #edf0f5; margin-top: 14px; padding-top: 10px; font-size: 11px; color: #74829a; }
.space-card-footer > span { display: inline-flex; align-items: center; gap: 4px; }
.space-card-footer .ui-icon { width: 12px; height: 12px; min-width: 12px; }
.space-card-arrow { position: absolute; right: 16px; top: 21px; color: #9aa9bf; }
#home-tabs { order: 3; border-bottom: 1px solid #dfe5ee; margin: 0 0 20px; gap: 24px; flex-shrink: 0; }
#home-tabs button { padding: 10px 0 12px; min-height: 41px; font-size: 12px; color: #758197; gap: 7px; border-bottom-width: 2px; }
#home-tabs button .ui-icon { width: 15px; height: 15px; min-width: 15px; }
#home-tabs button[aria-selected="true"] { color: #2f5db6; border-bottom-color: var(--paper-blue); font-weight: 600; }
#home-tabs button:hover { background: transparent; color: #315fce; }
.welcome > .list-heading, body:not(.space-mode) .welcome:has(#home-tabs:not([hidden])) .list-heading, .space-mode .welcome:has(#home-tabs:not([hidden])) > .list-heading { display: flex; order: 4; padding: 0 0 13px; border: 0; color: #2c3b51; font-size: 14px; }
.list-heading b { font-weight: 600; }
.list-heading span, .list-context { font-size: 11px; color: #76869c; }
#document-columns { order: 5; display: grid; grid-template-columns: minmax(0,1fr) 130px 90px 105px; gap: 16px; padding: 11px 18px 11px 58px; border: 1px solid var(--paper-border); border-bottom: 0; border-radius: 8px 8px 0 0; background: #eef2f7; color: #718096; font-size: 11px; font-weight: 500; }
#document-columns > :last-child { text-align: right; }
#cards { order: 6; margin: 0; }
#cards:has(.document-row--page) { border: 1px solid var(--paper-border); border-radius: 0 0 8px 8px; overflow: hidden; background: white; }
.document-row--page { display: grid; grid-template-columns: 24px minmax(0,1fr) 130px 90px 105px; gap: 16px; align-items: center; min-height: 64px; padding: 13px 18px; background: #fff; border: 0; border-bottom: 1px solid #edf0f5; border-radius: 0; }
.document-row--page:last-child { border-bottom: 0; }
.document-row--page:hover:enabled { background: #f8faff; }
.document-row--page .row-title { display: block; min-width: 0; }
.document-row .row-title b { font-size: 13px; color: #2d3c52; font-weight: 500; }
.document-row .row-title small { font-size: 11px; color: #78869a; margin-top: 3px; }
.document-row .file-icon { width: 24px; height: 30px; display: grid; place-items: center; color: #728cac; }
.document-row .file-icon .ui-icon { width: 20px; height: 20px; }
.document-row .row-date { min-width: 0; font-size: 11px; color: #7c889c; text-align: right; }
.space-badge { display: inline-block; width: fit-content; max-width: 125px; background: #f0f4f9; border: 0; color: #6b7e98; border-radius: 5px; font-size: 10px; padding: 3px 7px; font-weight: 500; }
.space-mode .document-row--page .space-badge { display: inline-block; }
.document-status { display: inline-flex; align-items: center; width: fit-content; font-size: 10px; font-weight: 500; color: #728197; background: #f0f3f7; border-radius: 5px; padding: 3px 7px; white-space: nowrap; }
.document-status[data-status="approved"] { color: #2f8067; background: #eaf6ef; }
.document-status[data-status="pending"] { color: #9a721b; background: #fff6df; }
.document-status[data-status="rejected"], .document-status[data-status="obsolete"] { color: #ae6262; background: #fff0ef; }
.document-row .row-arrow { display: none; }
.document-row:not(.document-row--page) { display: flex; min-height: 68px; padding: 15px 18px; background: #fff; border: 1px solid var(--paper-border); border-bottom: 0; gap: 14px; }
.document-row:not(.document-row--page):first-child { border-radius: 8px 8px 0 0; }
.document-row:not(.document-row--page):last-child { border-bottom: 1px solid var(--paper-border); border-radius: 0 0 8px 8px; }
.document-row:not(.document-row--page) .row-title { display: block; }
.empty-state { padding: 64px 24px; border: 1px dashed #cfd9e7; border-radius: 9px; background: #fff; color: #79869a; }
.empty-state > span { display: inline-grid; place-items: center; width: 52px; height: 52px; border-radius: 12px; background: #f1f5fb; color: #7e94b5; }
.empty-state > span .ui-icon { width: 27px; height: 27px; }
.empty-state h3 { color: #3b4c64; font-size: 15px; font-weight: 600; margin: 17px 0 6px; }
.empty-state p { color: #78869b; font-size: 12px; margin: 0; }
#document-header { height: 56px; background: #fff; border-bottom: 1px solid var(--paper-border); padding: 0 28px; gap: 14px; position: sticky; top: 0; z-index: 25; }
#breadcrumb { font-size: 12px; color: #6e7d92; }
#save-state { display: inline; opacity: 1; font-size: 11px; color: #6f8379; }
#page-tools { gap: 6px; }
#page-tools button, #page-menu summary { min-height: 32px; padding: 6px 8px; border-radius: 6px; }
#page-status { display: inline-flex; color: #657992; background: #f0f4fa; border-radius: 5px; font-size: 10px; }
#editor { min-height: calc(100vh - var(--paper-header) - 56px); align-items: stretch; position: relative; background: white; }
#editor .document { max-width: 860px; width: 100%; padding: 52px 54px 100px; margin: 0 auto; background: #fff; }
#title { font-size: 34px; color: #1f2e44; font-weight: 700; letter-spacing: -.8px; line-height: 1.45; margin: 0; min-height: 0; border-radius: 0; }
#page-meta { display: block; margin: 13px 0 31px; padding-bottom: 20px; border-bottom: 1px solid #edf0f5; font-size: 11px; color: #8390a3; }
.slate-body { font-size: 15px; line-height: 1.9; color: #344156; }
.slate-body h1, .slate-body h2, .slate-body h3 { color: #26354b; line-height: 1.5; }
.slate-body a { color: #315fce; }
#discussion, #toc-panel { width: 300px; border-left: 1px solid var(--paper-border); background: #fbfcfe; padding: 24px 20px; }
.discussion-heading { color: #34445b; margin-bottom: 20px; font-size: 13px; }
.discussion-heading button { min-height: 28px; }
#toc-links button { color: #6b7e96; font-size: 12px; padding: 8px; border-radius: 5px; }
#toc-links button:hover { background: #edf2fa; }
.page-properties { font-size: 12px; margin-bottom: 26px; }
.page-properties dt { color: #7b899c; }
.menu-popover, .tree-context-menu { border: 1px solid #dde4ee; border-radius: 8px; box-shadow: 0 10px 35px #172b4b20; padding: 6px; }
.menu-popover { width: 240px; max-height: min(520px,calc(100dvh - 140px)); }
.menu-popover button { font-size: 12px!important; min-height: 33px; padding: 7px 10px!important; border-radius: 5px; }
.tree-context-menu button { font-size: 12px; border-radius: 5px; }
.settings { max-width: 1040px; padding: 40px 48px 80px; }
.settings-layout { display: block; }
.settings-nav { width: var(--paper-sidebar); top: var(--paper-header); padding: 22px 14px; background: var(--paper-navy); border: 0; bottom: 0; }
.settings-nav small { color: #8198b8; margin: 20px 12px 7px; padding: 0; letter-spacing: .5px; font-size: 10px; }
.settings-nav button { min-height: 37px; padding: 8px 12px; color: #b8c6d9; font-size: 13px; border-radius: 6px; }
.settings-nav button.selected { background: #2b4161; color: #fff; box-shadow: inset 3px 0 #7ca5fb; }
.settings-nav button:hover { background: #253951; color: #fff; }
.settings-nav #settings-back { margin-bottom: 8px; color: #e3ebf8; border-bottom: 1px solid #2c3a4c; border-radius: 0; padding-bottom: 16px; }
.settings-content { background: white; padding: 30px 34px; border: 1px solid var(--paper-border); border-radius: 10px; }
.settings-content h1 { font-size: 25px; font-weight: 650; color: #26354b; }
.settings-content p { color: #748299; line-height: 1.75; }
.settings-content form input, .settings-content form select { min-height: 39px; border: 1px solid #dbe2ec; border-radius: 7px; }
.settings-content form label { color: #465771; font-size: 12px; font-weight: 500; }
.settings-content .member-row { padding: 16px 0; gap: 12px; }
.settings-content .member-row button { margin-bottom: 0; font-size: 12px; }
.settings-content .member-id { color: #52647d; }
dialog, dialog.space-settings-modal, dialog.import-pages-modal { border: 1px solid #e0e6ef; border-radius: 12px; padding: 28px 32px; box-shadow: 0 24px 80px #10223d35; }
dialog::backdrop, .space-settings-modal::backdrop, .import-pages-modal::backdrop { background: #16273f70; backdrop-filter: blur(2px); }
dialog .close { min-height: 28px; width: 28px; height: 28px; padding: 4px; border-radius: 6px; }
#dialog-body h2, .space-modal-title, .import-pages-modal h2 { color: #26354b; font-size: 19px; font-weight: 650; margin: 0 30px 18px 0; }
#dialog-body p, .import-note, .space-note { color: #6b7d96; font-size: 12px; }
#dialog-body label { color: #4c5f79; font-size: 12px; }
#space-modal-panel input:not([type="checkbox"]), #space-modal-panel textarea { background: #f5f7fb; border: 1px solid #e4e9f1; border-radius: 7px; }
.space-modal-tabs button { color: #77879e; font-size: 12px; }
.space-modal-tabs button[aria-selected="true"] { color: #315fce; border-bottom-color: #315fce; background: transparent; }
.space-setting-row { font-size: 14px; }
.space-setting-row small { font-size: 12px; color: #7a8a9e; }
#space-modal-panel .primary, .import-zip-area button { background: var(--paper-blue); border-radius: 7px; }
#space-modal-panel input[role="switch"]:checked { background: var(--paper-blue); }
#toast { bottom: 24px; background: #233955; border: 1px solid #3a506d; padding: 12px 20px; font-size: 13px; border-radius: 8px; z-index: 1400; box-shadow: 0 8px 30px #16273f25; }
.auth { background: #f2f5fa; }
.auth-card { border: 1px solid #e0e7f1; border-radius: 14px; padding: 44px; box-shadow: 0 12px 50px #243b5e08; }
.auth-card .brand-mark { background: #315fce; color: #fff; border-radius: 9px; width: 40px; height: 40px; font-family: inherit; font-size: 25px; font-weight: 700; line-height: 1; display: grid; }
.auth-card h1 { color: #20324d; font-size: 30px; letter-spacing: -.9px; margin: 18px 0 12px; }
.auth-card p, .auth-card small { color: #76869b; font-size: 12px; line-height: 1.75; }
.auth-card button { min-height: 42px; margin-top: 7px; font-size: 13px; }
#sidebar-scrim { display: none; }
@media (min-width: 800px) {
  #shell.sidebar-collapsed #sidebar { display: none; }
}
@media (max-width: 1190px) and (min-width: 800px) {
  .welcome, .space-mode .welcome { padding-left: 28px; padding-right: 28px; }
  #global-actions > .workspace-heading { max-width: 190px; }
  #document-columns { grid-template-columns: minmax(0,1fr) 105px 75px 83px; gap: 10px; padding-left: 52px; }
  .document-row--page { grid-template-columns: 24px minmax(0,1fr) 105px 75px 83px; gap: 10px; }
  .overview-item { padding: 16px; column-gap: 11px; }
}
@media (max-width: 1150px) {
  #discussion, #toc-panel { position: fixed; right: 0; top: calc(var(--paper-header) + 56px); bottom: 0; width: min(330px,88vw); z-index: 30; overflow: auto; box-shadow: -8px 0 25px #21365310; }
  #save-state { display: inline; }
}
@media (max-width: 980px) and (min-width: 800px) {
  #global-home { display: none; }
  #workspace-overview { gap: 10px; }
  .overview-item { grid-template-columns: 1fr; min-height: 107px; }
  .overview-icon { display: none; }
  #document-columns { grid-template-columns: minmax(0,1fr) 75px 80px; }
  #document-columns > :nth-child(2) { display: none; }
  .document-row--page { grid-template-columns: 24px minmax(0,1fr) 75px 80px; }
  .document-row--page .space-badge, .space-mode .document-row--page .space-badge { display: none; }
  .welcome .view-heading { align-items: flex-start; flex-direction: column; gap: 15px; }
}
@media (max-width: 799px) {
  :root { --paper-header: 108px; }
  #global-header { padding: 0 16px 10px; align-content: center; flex-wrap: wrap; gap: 0 12px; }
  #global-brand { height: 46px; font-size: 23px; }
  #global-home { display: none; }
  #global-actions { display: contents; }
  #global-actions > .search { display: flex; order: 5; width: 100%; flex-basis: 100%; height: 36px; }
  #global-actions > [data-view] { margin-left: auto; }
  #global-actions > .workspace-heading { max-width: 155px; padding-left: 10px; gap: 0; border-left: 0; }
  .workspace-heading select { max-width: 128px; font-size: 12px; }
  .workspace-heading #add-workspace { display: none; }
  #global-header #toggle-sidebar { width: 28px; min-width: 28px; padding: 4px; }
  #sidebar, .space-mode #sidebar, #shell.sidebar-collapsed #sidebar { display: flex; position: fixed; top: var(--paper-header); bottom: 0; left: 0; height: calc(100dvh - var(--paper-header)); width: min(285px,86vw); z-index: 50; transform: translateX(-101%); transition: transform .18s ease; box-shadow: 10px 0 30px #12223b20; }
  body.mobile-nav-open #sidebar, body.mobile-nav-open #shell.sidebar-collapsed #sidebar { transform: translateX(0); }
  #sidebar-scrim { position: fixed; inset: var(--paper-header) 0 0; z-index: 45; background: #16273f70; border: 0; border-radius: 0; padding: 0; width: 100%; }
  body.mobile-nav-open #sidebar-scrim { display: block; }
  main { width: 100%; }
  .welcome, .space-mode .welcome { padding: 28px 22px 60px; }
  .welcome > .view-heading, body:not(.space-mode) .welcome:has(#home-tabs:not([hidden])) .view-heading, .space-mode .welcome:has(#home-tabs:not([hidden])) > .view-heading { flex-direction: row; align-items: center; gap: 16px; margin-bottom: 22px; }
  .welcome .view-heading h1 { font-size: 25px; }
  .welcome .view-heading p { font-size: 12px; }
  #workspace-overview { gap: 10px; margin-bottom: 26px; }
  .overview-item { grid-template-columns: 1fr; padding: 15px; min-height: 100px; }
  .overview-icon { display: none; }
  .overview-label { font-size: 11px; }
  .overview-item strong { font-size: 23px; }
  .overview-item small { font-size: 10px; }
  #home-tabs { gap: 20px; overflow-x: auto; white-space: nowrap; }
  #home-tabs button { font-size: 12px; }
  #document-columns { grid-template-columns: minmax(0,1fr) 82px 82px; padding: 11px 14px 11px 48px; gap: 10px; }
  #document-columns > :nth-child(2) { display: none; }
  .document-row--page { grid-template-columns: 24px minmax(0,1fr) 82px 82px; padding: 12px 14px; gap: 10px; min-height: 61px; }
  .document-row--page .space-badge, .space-mode .document-row--page .space-badge { display: none; }
  .document-row--page .row-date { display: block; font-size: 10px; }
  .document-row .row-title b { font-size: 12px; }
  #document-header { padding: 0 18px; height: 52px; }
  .header-right { gap: 8px; }
  #editor .document { padding: 35px 26px 80px; }
  #title { font-size: 28px; }
  #page-status { display: inline-flex; }
  #page-meta { margin-bottom: 24px; font-size: 10px; }
  #discussion, #toc-panel { top: calc(var(--paper-header) + 52px); }
  body[data-panel="settings"] #sidebar { visibility: visible; }
  .settings { padding: 22px; width: 100%; }
  .settings-layout { display: block; }
  .settings-nav { position: static; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; background: transparent; border-bottom: 1px solid var(--paper-border); padding: 0 0 15px; margin-bottom: 18px; gap: 5px; overflow: visible; }
  .settings-nav small { display: none; }
  .settings-nav button { font-size: 12px; color: #61748f; min-height: 32px; padding: 6px 10px; background: #edf1f7; }
  .settings-nav button.selected { color: #315fce; background: #e5edff; box-shadow: none; }
  .settings-nav button:hover { color: #315fce; background: #e8eef9; }
  .settings-nav #settings-back { flex-basis: 100%; margin: 0 0 5px; padding: 7px 0; border: 0; color: #315fce; background: transparent; }
  body[data-panel="settings"] .sidebar-collapsed .settings-nav { display: flex; }
  .settings-content { padding: 24px; }
  .settings-content h1 { font-size: 23px; }
  dialog, dialog.space-settings-modal, dialog.import-pages-modal { padding: 23px; }
}
@media (max-width: 520px) {
  #global-header { padding-left: 13px; padding-right: 13px; gap: 0 9px; }
  #global-actions > .workspace-heading { max-width: 130px; }
  .workspace-heading select { max-width: 117px; }
  #global-brand { font-size: 22px; gap: 8px; }
  .paper-symbol { width: 24px; height: 27px; }
  .welcome, .space-mode .welcome { padding: 24px 16px 45px; }
  .welcome > .view-heading, body:not(.space-mode) .welcome:has(#home-tabs:not([hidden])) .view-heading, .space-mode .welcome:has(#home-tabs:not([hidden])) > .view-heading { flex-direction: column; align-items: stretch; gap: 16px; }
  .list-actions { align-self: flex-start; }
  .list-actions button { font-size: 12px; }
  #workspace-overview { gap: 7px; }
  .overview-item { padding: 12px 11px; min-height: 95px; border-radius: 7px; }
  .overview-item small { display: none; }
  .overview-item strong { font-size: 23px; }
  .overview-label { font-size: 10px; }
  .space-cards { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .space-card { padding: 14px; min-height: 143px; }
  .space-card strong { font-size: 12px; }
  .space-card small { font-size: 10px; }
  .space-card-footer { font-size: 10px; }
  #home-tabs { gap: 18px; margin-bottom: 18px; }
  #home-tabs button { font-size: 11px; gap: 5px; }
  #home-tabs button .ui-icon { width: 14px; height: 14px; min-width: 14px; }
  #document-columns { grid-template-columns: minmax(0,1fr) 64px; padding-left: 46px; }
  #document-columns > :last-child { display: none; }
  .document-row--page { grid-template-columns: 22px minmax(0,1fr) 64px; gap: 10px; padding: 13px 13px; }
  .document-row--page .row-date { display: none; }
  .document-status { font-size: 9px; padding: 3px 5px; }
  #save-state { font-size: 9px; }
  #page-status { display: none; }
  #page-tools { gap: 2px; }
  #page-tools button, #page-menu summary { padding: 5px; }
  #document-header { padding: 0 14px; }
  #editor .document { padding: 29px 20px 70px; }
  #title { font-size: 26px; }
  .slate-body { font-size: 14px; }
  .settings { padding: 20px 14px; }
  .settings-content { padding: 20px 17px; }
  .settings-content .member-row { flex-wrap: wrap; }
  .settings-content .member-row .member-id { min-width: 150px; }
  .property-row { grid-template-columns: minmax(0,1fr) 80px; }
  .auth-card { padding: 32px 26px; }
  .import-format-grid { gap: 10px; }
  .import-format-grid button { font-size: 12px; padding: 0 10px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto!important; transition: none!important; }
}
/* Accessible navigation without consuming layout space. */
.skip-link { position:fixed; left:16px; top:-80px; z-index:1500; padding:10px 16px; color:white; background:#244fb6; border-radius:6px; }
.skip-link:focus { top:10px; }
.section-count { display:inline-flex; align-items:center; justify-content:center; min-width:22px; height:22px; margin-left:5px; border-radius:6px; background:#e8edf5; color:#62718a; font-size:12px; }
.space-empty { padding:24px; color:var(--paper-muted); border:1px dashed #cbd5e3; border-radius:8px; }
.space-nav-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

#home-tabs { overflow-y:hidden; scrollbar-width:none; }
#home-tabs button { flex-shrink:0; margin-bottom:0; }
#home-tabs::-webkit-scrollbar { display:none; }
@media(max-width:520px) {
  .space-cards { grid-template-columns:minmax(0,1fr); }
  .space-card { min-height:145px; }
  .space-card strong { font-size:14px; }
  .space-card small,.space-card-footer,.overview-label { font-size:11px; }
  .document-row .row-title b { font-size:13px; }
  .document-status { font-size:10px; }
  .settings-content .view-heading p { max-width:none; }
}

/* Workspace layout: put documents first, with contextual spaces alongside. */
:root { --paper-sidebar:232px; }
.welcome,.space-mode .welcome { padding:30px 32px 56px; max-width:1440px; }
.welcome > .view-heading { margin-bottom:22px; }
.workspace-body { order:2; min-width:0; }
.documents-section { display:flex; flex-direction:column; min-width:0; }
#workspace-overview { margin-bottom:26px; gap:14px; }
.overview-item { min-height:88px; padding:15px 18px; }
.overview-item strong { font-size:24px; }
#home-tabs { margin-bottom:18px; gap:20px; }
.documents-section > .list-heading { display:flex; order:4; border:0; padding:0 0 12px; }
.document-row--page { min-height:58px; padding-top:10px; padding-bottom:10px; }
.document-space-label { display:none!important; }
.workspace-body > #space-carousel { margin-bottom:24px; }
.space-card { min-width:0; }
.space-card-footer { flex-wrap:wrap; row-gap:6px; }

@media(min-width:1100px) {
  .home-layout .workspace-body { display:grid; grid-template-columns:minmax(0,1fr) 244px; gap:24px; align-items:start; }
  .home-layout #space-carousel { order:1; position:sticky; top:24px; margin:0; padding:16px; background:#edf1f7; border:1px solid #e1e7f0; border-radius:10px; }
  .home-layout #space-carousel .space-cards { grid-template-columns:minmax(0,1fr); gap:10px; }
  .home-layout #space-carousel .space-section-heading { gap:6px; margin:0 0 12px; }
  .home-layout #space-carousel h2 { font-size:13px; }
  .home-layout #space-carousel .section-count { font-size:10px; width:19px; min-width:19px; height:19px; margin-left:2px; }
  .home-layout #home-new-space { width:28px; min-height:28px; padding:4px; flex-shrink:0; }
  .home-layout .space-card { padding:14px; min-height:150px; }
  .home-layout #document-columns { grid-template-columns:minmax(0,1fr) 70px 76px; gap:10px; padding:10px 14px 10px 48px; }
  .home-layout #document-columns > :nth-child(2) { display:none; }
  .home-layout .document-row--page { grid-template-columns:24px minmax(0,1fr) 70px 76px; gap:10px; padding:11px 14px; }
  .home-layout .document-row--page .space-badge { display:none; }
  .home-layout .document-space-label { display:block!important; font-size:10px; margin-top:2px; color:#7e8ba0; }
  .home-layout #home-tabs { gap:18px; }
  .home-layout #home-tabs button { gap:5px; font-size:11px; }
  .home-layout #home-tabs .ui-icon { display:none; }
}

/* Keep the page tree usable without stacking two full-height menus. */
#sidebar { padding-top:16px; }
.space-mode #sidebar > nav[aria-label="주 메뉴"] { order:0; padding-bottom:12px; gap:2px; }
.space-mode #sidebar .organization-controls { order:1; padding:12px 8px 4px; border-top:1px solid #2c3a4c; min-height:46px; }
.space-mode #sidebar #space-navigation { order:2; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3px; padding:6px 0 12px; border-top:0; }
.space-mode #sidebar #space-navigation button { gap:7px; padding:7px 9px; min-height:34px; font-size:11px; }
.space-mode #sidebar #space-navigation .ui-icon { width:15px; height:15px; min-width:15px; }
.space-mode #sidebar .section-label { order:3; }
.space-mode #sidebar #page-list { order:4; }
.space-mode #sidebar .sidebar-bottom { order:5; }
.space-mode #sidebar .sidebar-footer { order:6; }

/* Settings live inside the workspace rather than replacing navigation. */
body[data-panel="settings"] #sidebar { visibility:visible; }
.settings { max-width:1360px; width:100%; margin:0 auto; padding:30px 32px 60px; }
.settings-heading { margin:0 0 26px; }
.settings-heading h1 { margin:4px 0 7px; font-size:28px; line-height:1.4; letter-spacing:-.7px; }
.settings-heading p { color:var(--paper-muted); font-size:13px; margin:0; }
.settings-layout { display:grid; grid-template-columns:174px minmax(0,1fr); gap:26px; align-items:start; }
.settings-nav,body[data-panel="settings"] .sidebar-collapsed .settings-nav { display:flex; position:sticky; top:20px; bottom:auto; left:auto; width:auto; height:auto; padding:0; margin:0; background:transparent; border:0; gap:3px; overflow:auto; max-height:calc(100dvh - 110px)!important; }
.settings-nav small { color:#7b879a; margin:19px 10px 7px; font-size:11px; }
.settings-nav button { background:transparent; color:#53647c; box-shadow:none; padding:8px 10px; gap:10px; min-height:36px; margin:0; font-size:12px; }
.settings-nav button.selected { background:#e5edfb; color:#2857b2; box-shadow:inset 2px 0 #315fce; font-weight:600; }
.settings-nav button:hover { background:#eaf0f8; color:#2857b2; }
.settings-nav #settings-back { color:#566c8b; border-bottom:1px solid #dfe5ed; padding:8px 8px 15px; margin-bottom:0; }
.settings-nav .ui-icon { color:currentColor; width:17px; height:17px; min-width:17px; }
.settings-content { min-width:0; padding:28px; border-radius:9px; }
.settings-content .settings-section-title { font-size:22px; color:#26354b; line-height:1.4; font-weight:650; letter-spacing:-.4px; margin:0 0 9px; }
.settings-content > p { margin:0 0 24px; }
.settings-content .view-heading { margin-bottom:20px; }
.settings-content .view-heading p { max-width:none; }
.settings-content .member-row { flex-wrap:wrap; gap:9px; padding:16px 0; }
.settings-content .member-id { min-width:120px; }
.settings-content form { max-width:680px; }
.settings-content input,.settings-content textarea,.settings-content select { max-width:100%; }
body[data-panel="settings"] #document-header { display:none; }

/* A stable reading area with independently scrolling context panels. */
#editor .document { max-width:880px; padding:42px 48px 90px; }
#page-property-values:empty { display:none; }
#page-meta { margin-bottom:24px; }
@media(min-width:1151px) {
  #discussion,#toc-panel { position:sticky; top:56px; align-self:flex-start; max-height:calc(100dvh - var(--paper-header) - 56px); overflow:auto; width:280px; }
}
@media(max-width:1099px) {
  .workspace-body { display:flex; flex-direction:column; }
  .workspace-body > #space-carousel { order:-1; margin:0 0 24px; }
  #space-carousel .space-cards { grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
  #space-carousel .space-card { display:grid; grid-template-columns:34px minmax(0,1fr) 20px; column-gap:12px; row-gap:2px; min-height:78px; padding:14px 16px; }
  #space-carousel .space-card .space-avatar { grid-column:1; grid-row:1 / span 2; margin:0; }
  #space-carousel .space-card strong { grid-column:2; font-size:13px; margin:0; }
  #space-carousel .space-card-info { display:none; }
  #space-carousel .space-card-footer { grid-column:2; border:0; padding:0; margin:0; font-size:10px; justify-content:flex-start; gap:12px; }
  #space-carousel .space-card-arrow { position:static; grid-column:3; grid-row:1 / span 2; align-self:center; }
  #space-carousel .space-card-footer .ui-icon { display:none; }
  .settings-layout { grid-template-columns:minmax(0,1fr); gap:20px; }
  .settings-nav,body[data-panel="settings"] .sidebar-collapsed .settings-nav { position:static; display:flex; flex-direction:row; flex-wrap:wrap; gap:5px; max-height:none!important; overflow:visible; padding:0 0 16px; border-bottom:1px solid #dfe5ed; }
  .settings-nav small { display:none; }
  .settings-nav #settings-back { border:0; flex-basis:100%; padding:0 0 9px; }
  .settings-nav button { background:#edf1f7; padding:7px 10px; }
}
@media(max-width:799px) {
  .welcome,.space-mode .welcome,.settings { padding:24px 20px 48px; }
  #workspace-overview { margin-bottom:23px; gap:8px; }
  .overview-item { min-height:88px; padding:12px; }
  #sidebar,.space-mode #sidebar { padding-top:18px; }
  .settings-content { padding:24px; }
  #editor .document { padding:30px 26px 70px; }
}
@media(max-width:520px) {
  .welcome,.space-mode .welcome,.settings { padding:22px 16px 42px; }
  .overview-item { min-height:80px; padding:10px; }
  #space-carousel .space-cards { grid-template-columns:minmax(0,1fr); }
  #space-carousel .space-card-footer { font-size:10px; }
  .space-section-heading h2,#space-carousel h2 { font-size:13px; }
  .settings-heading { margin-bottom:20px; }
  .settings-heading h1 { font-size:25px; }
  .settings-content { padding:22px 18px; }
  .settings-nav button { font-size:11px; }
  #editor .document { padding:28px 20px 64px; }
}

.settings-content form label:has(> input[type="checkbox"]) { display:flex; align-items:flex-start; gap:9px; line-height:1.7; }
.settings-content form input[type="checkbox"] { display:inline-block; width:16px; height:16px; min-height:16px; margin:3px 0 0; flex:0 0 16px; accent-color:var(--paper-blue); }

.space-mode #sidebar #space-navigation button { white-space:nowrap; }
@media(hover:hover) {
  #sidebar #page-list .tree-row .tree-action { display:none; }
  #sidebar #page-list .tree-row:hover .tree-action,#sidebar #page-list .tree-row:focus-within .tree-action { display:block; }
}

/* Optical alignment for the Latin wordmark in the CJK font. */
#global-brand > span { display:block; transform:translateY(-3px); }

/* Email-first authentication. The same forms call AWS-backed endpoints locally and after deployment. */
.auth { padding: 38px 18px; }
.auth-card--email { width: min(100%,440px); max-width: 440px; padding: 36px 38px; }
.auth-wordmark { display: inline-flex; align-items: center; gap: 11px; color: #223650; text-decoration: none; font-size: 25px; font-weight: 700; letter-spacing: -.8px; margin-bottom: 12px; }
.auth-wordmark .brand-mark { width: 32px; height: 36px; font-size: 24px; }
#email-auth-content h1 { margin: 15px 0 8px; font-size: 23px; letter-spacing: -.45px; }
#email-auth-content .auth-description { margin: 0 0 24px; font-size: 12px; color: #73839a; }
#email-auth-form { margin: 0; gap: 16px; }
#email-auth-form label { display: grid; gap: 7px; margin: 0; color: #415572; font-size: 12px; font-weight: 500; }
#email-auth-form input { width: 100%; min-height: 42px; font-size: 13px; border-color: #dce4ee; padding: 10px 12px; }
#email-auth-form input::placeholder { color: #9ba7b8; }
#email-auth-form input:read-only { color: #7b8b9f; background: #f8f9fc; }
#email-auth-form button[type="submit"] { margin: 3px 0 0; font-size: 13px; min-height: 42px; }
#email-auth-form[aria-busy="true"] button[type="submit"] { cursor: progress; }
#email-auth-form .auth-field-help { margin: -8px 0 0; font-size: 10px; line-height: 1.7; color: #73849b; }
#auth-code { letter-spacing: .18em; font-variant-numeric: tabular-nums; }
#email-auth-content .auth-status { margin: 16px 0 0; padding: 10px 12px; border-radius: 7px; font-size: 12px; line-height: 1.7; background: #eef5f2; color: #3a7662; }
#email-auth-content .auth-status[data-kind="error"] { background: #fff1ef; color: #a7473e; }
#email-auth-content .auth-connection-note { font-size: 11px; line-height: 1.7; margin: 15px 0 0; padding: 10px 12px; background: #f4f6fa; border-radius: 6px; color: #78869a; }
.auth-links { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 7px 12px; margin: 16px 0 0; }
.auth-card .auth-links button { width: auto; min-height: 28px; margin: 0; padding: 2px 0; border: 0; background: transparent; color: #5176b5; font-size: 11px; }
.auth-card .auth-links button:hover:enabled { color: #244fb6; text-decoration: underline; }
.auth-sso { margin-top: 22px; }
.auth-divider { display: flex; align-items: center; gap: 14px; color: #93a0b1; font-size: 10px; margin-bottom: 14px; }
.auth-divider::before,.auth-divider::after { content: ''; height: 1px; background: #e7ecf3; flex: 1; }
.auth-card .auth-sso button { margin: 0; color: #51647e; background: #fff; border-color: #dce4ee; }
.auth-development { margin-top: 25px; border-top: 1px solid #e7ecf3; padding-top: 17px; }
.auth-development-label { color: #7f8fa6; font-size: 10px; font-weight: 600; letter-spacing: .3px; }
.auth-card .auth-development button { margin: 8px 0 0; min-height: 36px; background: #f7f9fc; border-color: #e4eaf2; color: #73849b; font-size: 11px; }
.auth-card .auth-development small { margin: 8px 0 0; font-size: 10px; color: #8e9caf; }
.auth-provider-row { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 22px 0; border-bottom: 1px solid #e6ebf2; }
.settings-content .auth-provider-row h3 { margin: 0 0 5px; font-size: 14px; font-weight: 600; color: #3c506c; }
.settings-content .auth-provider-row p { margin: 0; color: #7b8aa0; font-size: 12px; }
.auth-provider-row .badge { white-space: nowrap; }
.auth-provider-row .provider-ready { color: #2c8063; background: #ecf7f0; }
.auth-toggle { position: relative; display: block; flex: 0 0 38px; width: 38px; height: 22px; cursor: pointer; }
.settings-content .auth-toggle input { position: absolute; inset: 0; opacity: 0; width: 38px; height: 22px; min-height: 0; margin: 0; cursor: pointer; }
.auth-toggle > span { display: block; width: 38px; height: 22px; border-radius: 12px; background: #c5cfdd; transition: background .15s; pointer-events: none; }
.auth-toggle > span::after { content: ''; position: absolute; left: 3px; top: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px #22365022; transition: transform .15s; }
.auth-toggle input:checked + span { background: #315fce; }
.auth-toggle input:checked + span::after { transform: translateX(16px); }
.auth-toggle input:focus-visible + span { outline: 3px solid #83a6f0; outline-offset: 3px; }
.auth-toggle input:disabled + span { opacity: .5; }
.auth-toggle input:disabled { cursor: not-allowed; }
.settings-content .auth-setting-note { margin-top: 16px; font-size: 11px; }
#auth-setting-status { margin-top: 16px; font-size: 12px; color: #577594; }
@media(max-width:520px) {
  .auth { padding: 24px 16px; }
  .auth-card--email { padding: 28px 25px; }
  .auth-provider-row { align-items: flex-start; gap: 15px; }
  .auth-provider-row .auth-toggle { margin-top: 3px; }
}
/* Direct document links, without changing document access permissions. */
.document-list-item { position:relative; border-bottom:1px solid #edf0f5; }
.document-list-item:last-child { border-bottom:0; }
.document-list-item .document-row--page { padding-right:56px; border-bottom:0; }
#document-columns { padding-right:56px; }
.document-copy-link { position:absolute; right:10px; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:32px; height:32px; padding:7px; border:0; background:transparent; color:#7185a0; border-radius:6px; }
.document-copy-link:hover { background:#eaf0fb; color:#315fce; }
.document-copy-link .ui-icon { width:17px; height:17px; }
#page-tools #copy-document-link { display:inline-flex; align-items:center; gap:6px; color:#315fce; background:#f1f5fc; white-space:nowrap; }
@media(max-width:599px) { #copy-document-link span { display:none; } }

.document-list-item > a { text-decoration:none; color:inherit; width:100%; text-align:left; }
.document-list-item > a:hover { background:#f8faff; }

/* Static depth classes comply with the deployed style-src policy. */
.tree-depth-0 { --depth:0; }
.tree-depth-1 { --depth:1; }
.tree-depth-2 { --depth:2; }
.tree-depth-3 { --depth:3; }
.tree-depth-4 { --depth:4; }
.tree-depth-5 { --depth:5; }
.tree-depth-6 { --depth:6; }
.tree-depth-7 { --depth:7; }
.tree-depth-8 { --depth:8; }
.tree-depth-9 { --depth:9; }
.tree-depth-10 { --depth:10; }
.tree-depth-11 { --depth:11; }
.tree-depth-12 { --depth:12; }
.tree-depth-13 { --depth:13; }
.tree-depth-14 { --depth:14; }
.tree-depth-15 { --depth:15; }
.tree-depth-16 { --depth:16; }
.tree-depth-17 { --depth:17; }
.tree-depth-18 { --depth:18; }
.tree-depth-19 { --depth:19; }
.tree-depth-20 { --depth:20; }
#toc-links .toc-depth-1 { padding-left:0px; }
#toc-links .toc-depth-2 { padding-left:12px; }
#toc-links .toc-depth-3 { padding-left:24px; }
#toc-links .toc-depth-4 { padding-left:36px; }
#toc-links .toc-depth-5 { padding-left:48px; }
#toc-links .toc-depth-6 { padding-left:60px; }
.auth-code-destination{font-weight:600;overflow-wrap:anywhere;margin:0 0 16px}