.notebook { min-width:0; container: notebook / inline-size; font-family:Arial,Helvetica,sans-serif; }
.notebook h1,.notebook h2,.notebook h3 { text-transform:none; letter-spacing:0; margin:.35rem 0 .7rem; overflow-wrap:anywhere; }
.notebook h1 { font-size:1.35rem; }.notebook h2 { font-size:1.2rem; }.notebook h3 { font-size:1rem; color:var(--yellow); }
.nb-toolbar,.nb-toolbar nav,.nb-party,.nb-floorbar,.nb-save,.nb-editor-tools { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; }
.nb-toolbar { padding:.3rem 0 .6rem; }.nb-toolbar label { margin-left:auto; width:20rem; max-width:100%; font-size:.8rem; }
.notebook input,.notebook select,.notebook textarea { min-width:0; max-width:100%; width:100%; }
.notebook input[type=checkbox] { width:1rem; height:1rem; min-height:1rem; display:inline-block; vertical-align:middle; accent-color:var(--yellow); }.notebook textarea { min-height:5rem; resize:vertical; }
.notebook label:has(> input[type=checkbox]) { display:flex; align-items:center; gap:.4rem; }
.nb-toolbar a,.nb-party a,.nb-outline a { display:block; padding:.5rem; border-radius:.3rem; }
.nb-party { background:#0d3039; border:1px solid #37636d; padding:.4rem .7rem; font-size:.82rem; }
.nb-party strong { color:var(--cyan); }.nb-party a { margin-left:auto; }
.nb-floorbar { margin:.6rem 0; padding:.5rem .7rem; border:1px solid var(--line); border-top:2px solid var(--yellow); background:linear-gradient(110deg,#1a2930,#251923); font-size:.78rem; }
.nb-floorbar > label { flex:1 1 12rem; }.nb-floorbar > strong { color:var(--yellow); }
.nb-floorbar form { display:flex; flex-wrap:wrap; align-items:end; gap:.45rem; }.nb-floorbar form label { width:6rem; }.nb-floorbar form label:has([type=checkbox]) { width:8rem; }
.nb-floorbar .form-error:empty { display:none; }.nb-floorbar .form-error { width:100%; }
.nb-plan summary { color:var(--cyan); }.nb-floorbar .nb-plan form { padding:.5rem 0; }
.nb-floor-controls { display:contents; }.nb-settings-toggle { display:none; }
.nb-floorbar input,.nb-floorbar select { padding:.35rem; min-height:2.2rem; }.nb-floorbar details { position:relative; }.nb-floorbar details[open] { width:100%; }.nb-floorbar details form label { width:15rem; }
.nb-workspace { display:grid; grid-template-columns:minmax(10rem,19%) minmax(0,1fr) minmax(12rem,23%); min-height:280px; overflow:hidden; border:1px solid #3c5663; border-radius:.4rem; background:#101b22; }
.nb-outline,.nb-page,.nb-linked { min-height:0; min-width:0; overflow-y:auto; overscroll-behavior:contain; padding:.8rem; }
.nb-outline { border-right:1px solid #3c5663; background:#0e1a22; font-size:.82rem; }.nb-outline a { overflow-wrap:anywhere; text-decoration:none; }
.nb-outline .nb-page-link { padding-left:calc(.4rem + var(--depth)*.6rem); color:var(--ink); background:transparent; font-weight:normal; }.nb-outline .nb-page-link.selected { color:var(--yellow); background:#263322; box-shadow:inset 3px 0 var(--yellow); }
.nb-outline details { margin:.7rem 0; }.notebook summary { cursor:pointer; padding:.4rem 0; }.notebook form { min-width:0; }.nb-outline form,.nb-linked form,.nb-page > details form { display:grid; gap:.5rem; }
.nb-page { background:#141e25; padding:1rem 1.2rem; }.nb-breadcrumb { font-size:.74rem; color:var(--muted); margin:0 0 .5rem; overflow-wrap:anywhere; }
.nb-page [name=title] { font-size:1.25rem; font-weight:800; color:var(--yellow); margin-bottom:.6rem; }
.nb-editor-tools { position:sticky; top:-1rem; z-index:1; padding:.4rem 0; background:#141e25; }.nb-editor-tools button { font-size:.74rem; padding:.35rem .5rem; min-height:32px; }
[data-nb-editor] { min-height:18rem; padding:.8rem; border:1px solid #49616e; border-radius:.3rem; background:#10191f; line-height:1.75; overflow-wrap:anywhere; outline-offset:2px; white-space:pre-wrap; }
[data-nb-editor]:focus { outline:2px solid var(--cyan); }[data-nb-editor] :is(h1,h2,h3) { color:var(--yellow); }[data-nb-editor] p { margin:.4rem 0 .75rem; }
[data-nb-editor] li[data-check] { list-style:none; }[data-nb-editor] input[type=checkbox] { margin-right:.5rem; }[data-notebook-ref],[data-notebook-table] { color:var(--cyan); text-decoration:underline; cursor:pointer; }
.nb-save { margin-top:.65rem; position:sticky; bottom:0; padding:.5rem 0; background:#141e25; z-index:1; }.nb-save [role=status] { color:var(--cyan); font-size:.78rem; }.nb-linked { border-left:1px solid #40515e; background:linear-gradient(155deg,#142630,#291a24); font-size:.82rem; }
.nb-outline-actions { display:flex; flex-wrap:wrap; gap:.4rem; margin-bottom:.5rem; }
.nb-linked .section-title { margin:0; }.nb-linked .section-title h2 { font-size:1rem; color:#ff99c1; }.nb-linked .section-title button { padding:.25rem .4rem; min-height:30px; }
.nb-link-card { border:1px solid #405965; padding:.4rem .6rem; margin-bottom:.6rem; border-radius:.3rem; background:#141d24; }.nb-link-card small { display:block; color:var(--cyan); font-size:.72rem; }
.nb-link-card p,.nb-record p,.nb-prose { white-space:pre-wrap; overflow-wrap:anywhere; }.nb-record h2 { color:var(--yellow); }.nb-record > div { border-bottom:1px solid #405965; padding:.5rem 0; }
.nb-no-right { grid-template-columns:minmax(10rem,19%) minmax(0,1fr) 4rem; }.nb-no-right .nb-linked > :not(.section-title) { display:none; }.nb-no-right .nb-linked h2 { display:none; }.nb-no-right .nb-linked { padding:.6rem .3rem; }
.nb-workspace:has(.nb-library-inspector) { grid-template-columns:minmax(12rem,28%) minmax(0,1fr); }
.nb-outline a span,.nb-outline a small,.nb-search-results a span,.nb-search-results a small { display:block; font-size:.73rem; color:var(--muted); margin:.25rem 0; }.nb-outline a span { max-height:4rem; overflow:hidden; }
.nb-search-results { max-height:18rem; overflow:auto; padding:.7rem; border:1px solid var(--cyan); background:#10252c; margin-bottom:.5rem; }.nb-search-results a { display:block; padding:.6rem; border-bottom:1px solid #405965; }
.nb-phone { display:none; }.nb-preview { font-size:.8rem; margin:1rem 0; }.notebook table { width:100%; table-layout:fixed; border-collapse:collapse; }.notebook td,.notebook th { padding:.4rem; border:1px solid #49616e; overflow-wrap:anywhere; }.nb-tables input { padding:.3rem; }.nb-warning { color:var(--yellow); }.nb-picker { width:min(36rem,94vw); }.nb-picker [data-nb-pick-results] { display:grid; gap:.4rem; max-height:45vh; overflow:auto; margin:.7rem 0; }
.notebook [data-nb-editor] table { margin:.5rem 0; }.nb-page .form-error:empty { display:none; }.notebook :is(a,button):focus-visible { outline:2px solid var(--cyan); outline-offset:2px; }
@container notebook (max-width:1000px) { .nb-workspace { grid-template-columns:11rem minmax(0,1fr); }.nb-linked { grid-column:1/-1; max-height:18rem; border-top:1px solid #40515e; }.nb-no-right { grid-template-columns:11rem minmax(0,1fr); }.nb-no-right .nb-linked { display:none; }.nb-workspace { overflow-y:auto; }.nb-outline,.nb-page { min-height:18rem; } }
@media(max-width:760px) { .nb-phone { display:flex; gap:.4rem; padding:.5rem 0; flex-wrap:wrap; }.nb-phone [aria-pressed=true] { background:var(--yellow); color:#090909; }.notebook .nb-workspace { display:block; overflow:hidden; }.nb-workspace > [data-nb-pane] { display:none; height:100%; max-height:none; border:0; }.nb-workspace[data-pane=outline] .nb-outline,.nb-workspace[data-pane=page] .nb-page,.nb-workspace[data-pane=linked] .nb-linked { display:block; }.notebook .nb-workspace:has(.nb-library-inspector)[data-pane=linked] .nb-page { display:block; }.notebook .nb-floorbar { gap:.4rem; }.nb-floorbar form { width:100%; }.nb-page { padding:.65rem; }.nb-toolbar label { width:100%; margin:0; }.notebook :is(button,a.ghost) { min-height:44px; }.notebook :is(input,select,textarea) { font-size:16px; }.nb-editor-tools button { min-height:36px; }.nb-floorbar details form label { max-width:100%; }.nb-tables table { display:block; overflow-x:auto; }.nb-tables td { min-width:4.5rem; } }
@media(max-width:760px) {
 .nb-toolbar { gap:.3rem; }.nb-toolbar h1 { font-size:1.15rem; margin:0; }.nb-toolbar nav { gap:.25rem; }
 .nb-toolbar nav a { font-size:.78rem; padding:.35rem; min-height:36px; }
 .nb-party a.ghost { padding:.25rem; min-height:30px; font-size:.73rem; }
 .nb-floorbar > label { flex-basis:70%; }.nb-floorbar .nb-reached { flex-basis:100%; }
 .nb-settings-toggle { display:block; }.nb-floor-controls { display:none; }
 .nb-settings-open .nb-floor-controls { display:flex; flex-wrap:wrap; gap:.5rem; width:100%; align-items:center; }
 .nb-phone button { flex:1 1 0; min-width:0; padding:.4rem .2rem; font-size:.75rem; }
}

/* Flexible notebook. Only CCC stays pinned; wheel/keyboard use native chaining.
   Until the chrome has scrolled away, pane overflow is clipped so ordinary input
   scrolls the right workspace. At the reading boundary each pane becomes scrollable. */
#main-content:has(> .notebook:not([hidden]) > .nb-flex) { padding:0; }
.nb-flex { --nb-header:4.4rem; --nb-height:calc(100dvh - var(--nb-header)); min-width:0; background:#0b1114; }
.nb-flex :is(button,input,select) { font:inherit; }
.nb-flex button { min-height:32px; padding:.35rem .55rem; }
.nb-flex .nb-toolbar { padding:.55rem .75rem; border-bottom:1px solid #3e4b55; gap:.65rem; background:#162129; }
.nb-flex .nb-toolbar strong { color:var(--yellow); }.nb-flex .nb-toolbar label { width:16rem; font-size:.75rem; }
.nb-flex .nb-party { border:0; padding:0; background:none; font-size:.73rem; color:var(--muted); }
.nb-flex .nb-actions,.nb-workbar,.nb-tabs,.nb-pane-actions { display:flex; align-items:center; gap:.35rem; flex-wrap:wrap; }
.nb-workbar { justify-content:space-between; padding:.4rem .75rem; background:#111d26; font-size:.8rem; border-bottom:1px solid #344450; }
[data-nb-crumbs] { min-width:0; overflow-wrap:anywhere; }[data-nb-crumbs] button,.nb-catalogue-head > div > button { border:0; color:var(--cyan); background:transparent; }
.nb-tabs { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:thin; padding:.35rem .7rem; background:#0c151c; border-bottom:1px solid #3b4d58; }
.nb-tabs button { flex:none; max-width:18rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:.8rem; }
.nb-tabs [aria-selected=true] { border-color:var(--yellow); color:var(--yellow); background:#292c1c; }
.nb-stage { display:grid; grid-template-columns:15rem minmax(0,1fr); height:var(--nb-height); min-height:0; scroll-margin-top:var(--nb-header); position:relative; }
.nb-tree { display:flex; flex-direction:column; min-width:0; min-height:0; overflow:hidden; border-right:1px solid #324047; background:#0e1417; padding:.35rem .4rem; font-size:.78rem; }
.nb-tree-scroll { flex:1; min-height:0; min-width:0; overflow:clip; padding:.2rem 0; }
.nb-reading .nb-tree-scroll { overflow:auto; }.nb-tree-collapsed .nb-tree { display:none; }.nb-tree-collapsed .nb-stage { grid-template-columns:minmax(0,1fr); }
.nb-tree-heading { display:flex; align-items:center; justify-content:space-between; padding:.2rem .3rem; gap:.3rem; }.nb-tree-heading button { font-size:.72rem; }
.nb-tree-footer { flex:none; padding:.4rem .1rem .15rem; border-top:1px solid #324047; }.nb-tree-footer button { width:100%; text-align:left; color:var(--cyan); }
.nb-tree label { margin:.4rem .3rem; }.nb-tree-row,.nb-book-row { display:grid; grid-template-columns:22px 16px minmax(4rem,1fr) 24px; align-items:center; min-width:calc(9rem + var(--depth)*17px); gap:3px; padding-left:calc(var(--depth)*17px); border-radius:4px; }
.nb-tree-row > button:first-child,.nb-book-row > button:first-child,.nb-disclosure-spacer { width:22px; padding:2px; border:0; }.nb-disclosure-spacer { display:block; }
.nb-tree-row > button:last-child,.nb-book-row > button:last-child { width:24px; padding:2px; border:0; }
.nb-tree-icon,.nb-control-icon { display:block; width:16px; height:16px; flex:none; color:#a7b9bc; }.nb-control-icon[data-nb-icon=chevron] { width:13px; height:13px; }[aria-expanded=true] > .nb-control-icon[data-nb-icon=chevron] { transform:rotate(90deg); }
.nb-tree-row .nb-entry,.nb-book-row .nb-book { text-align:left; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:.35rem .1rem; border:0; background:transparent; font-weight:normal; }
.nb-book-row { margin-top:.3rem; }.nb-book-row .nb-book,.nb-book-row > .nb-tree-icon { color:var(--yellow); font-weight:700; }.nb-selected { background:#173038; box-shadow:inset 3px 0 var(--cyan); }.nb-selected > .nb-tree-icon,.nb-selected > .nb-entry { color:var(--cyan); }
.nb-grid { min-height:0; min-width:0; display:grid; gap:5px; padding:5px; background:#070e13; }
.nb-grid[hidden],.nb-catalogue[hidden],.nb-snap[hidden] { display:none; }
.nb-layout-one { grid-template: minmax(0,1fr) / minmax(0,1fr); }
.nb-layout-equal { grid-template:minmax(0,1fr) / repeat(2,minmax(0,1fr)); }
.nb-layout-wide { grid-template:minmax(0,1fr) / minmax(0,2fr) minmax(0,1fr); }
.nb-layout-rows { grid-template:repeat(2,minmax(0,1fr)) / minmax(0,1fr); }
.nb-layout-main { grid-template:repeat(2,minmax(0,1fr)) / minmax(0,2fr) minmax(0,1fr); }
.nb-layout-main > :first-child { grid-row:1/3; }
.nb-layout-three { grid-template:minmax(0,1fr) / repeat(3,minmax(0,1fr)); }
.nb-layout-four { grid-template:repeat(2,minmax(0,1fr)) / repeat(2,minmax(0,1fr)); }
.nb-note { min-width:0; min-height:0; display:flex; flex-direction:column; background:#151b1e; border:1px solid #384c59; border-radius:4px; overflow:hidden; }
.nb-note.nb-active { border-color:#707c5b; }.nb-pane-head { display:flex; align-items:center; gap:.3rem; flex-wrap:wrap; background:#202a2f; padding:.2rem .4rem; border-bottom:1px solid #3c5260; flex:none; font-size:.72rem; }
.nb-pane-title { flex:1; min-width:3rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--yellow); cursor:grab; padding:.25rem; }
.nb-pane-actions { gap:.15rem; }.nb-flex .nb-pane-actions button { font-size:.68rem; padding:.2rem .3rem; min-height:28px; }
.nb-document { min-width:0; min-height:0; flex:1; padding:.85rem 1.1rem 1rem; overflow-y:clip; overflow-wrap:anywhere; scrollbar-gutter:stable; }
.nb-reading .nb-document,.nb-reading .nb-catalogue { overflow-y:auto; }
.nb-note-title { display:block; font-size:.7rem; color:var(--muted); }.nb-note-title input { color:var(--yellow); border:0; padding:.25rem 0; font-size:1.5rem; background:transparent; width:100%; font-weight:800; }
.nb-flex [data-nb-editor] { white-space:pre-wrap; min-height:0; border:0; background:transparent; padding:0; line-height:1.75; }
.nb-flex [contenteditable=true] { border:1px solid #4d6978; padding:.6rem; }.nb-flex [data-nb-editor] :is(p,li) { font-size:.95rem; }
.nb-format { border-bottom:1px solid #344d5d; margin-bottom:.7rem; }.nb-format summary { font-size:.78rem; color:var(--cyan); }
.nb-flex .nb-editor-tools,.nb-flex .nb-save { position:static; background:transparent; }.nb-flex .nb-save { padding:.6rem 0; font-size:.74rem; }

.nb-note-error { color:#ff99b6; white-space:pre-wrap; }.nb-section-links { margin-top:1rem; font-size:.75rem; }.nb-section-links button { display:block; margin:.3rem 0; }
.nb-catalogue { min-width:0; min-height:0; padding:1rem; overflow-y:clip; }.nb-catalogue-head { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.7rem; margin-bottom:1.1rem; }
.nb-catalogue h2 { color:var(--yellow); font-size:1rem; margin-top:1.2rem; }.nb-cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr)); gap:.6rem; }.nb-card { min-width:0; border:1px solid #3c5261; padding:.8rem; border-radius:.3rem; background:#17252f; }.nb-card h3 { color:var(--cyan); }.nb-card p { font-size:.82rem; color:#c4cbd0; white-space:pre-wrap; }.nb-card small { color:var(--muted); }.nb-card button { font-size:.75rem; }
.nb-empty { border:1px dashed #3b5767; display:grid; place-items:center; color:var(--muted); font-size:.85rem; min-height:0; min-width:0; }
.nb-snap { padding:.6rem; display:flex; gap:.5rem; flex-wrap:wrap; background:#102632; border-bottom:1px solid var(--cyan); }.nb-preset { width:8rem; display:flex; flex-direction:column; gap:.3rem; }.nb-preset > button { font-size:.68rem; }.nb-mini { display:grid; gap:3px; height:3.4rem; }.nb-mini button { min-width:0; min-height:0; padding:0; border:1px solid #5c7786; background:#2a4353; font-size:.65rem; }
.nb-drop { outline:3px solid var(--cyan); outline-offset:-3px; background:#125763!important; }
.nb-flex .nb-search-results { margin:0; max-height:40vh; }.nb-search-result { display:block; width:100%; text-align:left; white-space:normal; font-size:.82rem; }
.nb-dialog { width:min(54rem,calc(100vw - 1rem)); max-height:90dvh; overflow:auto; }.nb-dialog form { display:grid; gap:.8rem; }.nb-dialog label { display:grid; gap:.3rem; }.nb-dialog :is(input,select) { width:100%; min-width:0; }.nb-dialog pre { white-space:pre-wrap; overflow-wrap:anywhere; max-height:40vh; overflow:auto; font-size:.75rem; }.nb-compare { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
[data-dest-list],[data-ref-list] { display:grid; gap:.3rem; max-height:30vh; overflow:auto; }
.nb-flex figure { margin:1rem 0; max-width:100%; width:100%; }.nb-flex figure[data-image-size=small] { width:min(16rem,100%); }.nb-flex figure[data-image-size=medium] { width:min(28rem,100%); }.nb-image-open { padding:0!important; border:0; background:transparent; max-width:100%; }.nb-flex figure img { display:block; max-width:100%; height:auto; object-fit:contain; }.nb-flex figcaption { font-size:.8rem; color:var(--muted); }.nb-image-edit { display:none; }.nb-editing .nb-image-edit { display:flex; flex-wrap:wrap; gap:.3rem; }.nb-image-edit button { font-size:.7rem; }.nb-zoom { max-width:100%; max-height:70dvh; object-fit:contain; }.nb-upload { font-size:.8rem; color:var(--cyan); }.nb-upload progress { width:10rem; max-width:100%; }.nb-archive-message { color:var(--yellow); }
.nb-context-dialog { width:min(75rem,96vw); height:90dvh; overflow:auto; }.nb-context-dialog .nb-workspace { display:block; height:auto!important; overflow:visible; }.nb-context-dialog .nb-workspace > .nb-outline,.nb-context-dialog .nb-workspace > .nb-page,.nb-context-dialog .nb-toolbar,.nb-context-dialog .nb-phone { display:none; }.nb-context-dialog .nb-linked { display:block!important; max-height:none; overflow:visible; }.nb-context-dialog .nb-settings-toggle { display:block; }.nb-context-dialog .nb-floor-controls { display:flex; flex-wrap:wrap; gap:.5rem; }
[data-notebook-controls] { display:flex; gap:.2rem; }[data-notebook-controls][hidden] { display:none; }[data-notebook-controls] button { font-size:.7rem; padding:.25rem .4rem; min-height:28px; }
@media(max-width:1100px) { .nb-stage { grid-template-columns:12rem minmax(0,1fr); }.nb-pane-title { flex-basis:100%; }.nb-document { padding:.6rem .7rem 1.5rem; } }
@media(max-width:760px) {
 .nb-stage { display:block; }.nb-grid { height:100%; display:block; }.nb-grid > .nb-note { height:100%; }.nb-grid > .nb-empty { display:none; }.nb-mobile-hidden { display:none!important; }.nb-tree { position:absolute; z-index:6; inset:0 auto 0 0; width:min(85%,19rem); overflow:hidden; box-shadow:1rem 0 2rem #0009; }.nb-catalogue { height:100%; }.nb-flex .nb-toolbar label { width:100%; }.nb-workbar { padding:.35rem; }.nb-flex .nb-toolbar { padding:.4rem; }.nb-flex .nb-toolbar nav button { font-size:.72rem; }.nb-pane-head { flex-wrap:nowrap; }.nb-pane-title { flex-basis:0; }.nb-pane-actions { flex-wrap:wrap; }.nb-flex .nb-pane-actions button { min-height:34px; }.nb-compare { grid-template-columns:minmax(0,1fr); }.nb-note-title input { font-size:1.2rem; }.nb-flex input { font-size:16px; }.nb-dialog button,.nb-tree button,.nb-card button { min-height:40px; }
 [data-notebook-controls] { flex-direction:column; flex:none; }[data-notebook-controls] button { min-height:24px; font-size:.64rem; padding:.15rem; }
}

.nb-dragging .nb-snap { display:flex; position:fixed; top:var(--nb-header); right:.5rem; width:min(64rem,calc(100vw - 1rem)); z-index:25; box-shadow:0 .6rem 2rem #000a; }

.notebook:has(> .nb-flex) { max-width:none; margin:0; }

/* F18 reading refinement: scoped surfaces and contextual controls, no data migration. */
.nb-flex .nb-read-title { font-size:1.5rem; line-height:1.3; color:var(--yellow); margin:0 0 .7rem; }
.nb-flex .nb-note-title { margin-bottom:.7rem; }.nb-flex .nb-note-title input { border:1px solid #46565c; padding:.4rem; font-size:1.3rem; }
.nb-flex .nb-editing [data-nb-editor] { min-height:12rem; }
.nb-flex .nb-save { margin:.4rem 0 0; padding:.25rem 0; }.nb-flex .nb-save [data-kind=saved] { color:#a9bbb8; font-size:.72rem; }
.nb-note-error:empty,.nb-upload:empty,.nb-children:has(> [hidden]),[data-recovery-inline]:empty { display:none; }
.nb-flex .nb-pane-head { background:#202a2f; }.nb-flex .nb-active > .nb-pane-head { background:linear-gradient(105deg,#173239,#252029); }
.nb-flex .nb-pane-actions button { font-size:.73rem; min-height:30px; }.nb-children { margin-top:.5rem; }.nb-children button { font-size:.75rem; }
.nb-menu { position:fixed; inset:auto; margin:0; width:min(20rem,calc(100vw - 16px)); max-height:calc(100dvh - 16px); padding:.5rem; border:1px solid #52666a; border-radius:.4rem; background:#11191c; color:var(--ink); overflow:auto; box-shadow:0 .6rem 2rem #000a; }
.nb-menu:not(:popover-open) { display:none; }.nb-menu:popover-open { display:flex; flex-direction:column; gap:.25rem; }.nb-menu button { text-align:left; font-size:.8rem; min-height:36px; padding:.45rem .6rem; }.nb-menu hr { width:100%; border:0; border-top:1px solid #364449; margin:.25rem 0; }.nb-menu-heading { color:var(--muted); font-size:.72rem; padding:.2rem .4rem; }.nb-menu .nb-section-links { margin:0; }.nb-menu .nb-section-links summary { font-size:.8rem; }
.nb-menu [data-recovery-menu],.nb-menu .nb-note-recovery { display:contents; }.nb-note-recovery { display:flex; flex-wrap:wrap; gap:.4rem; padding:.4rem 0; }.nb-note-recovery button { font-size:.78rem; }
@media(max-width:760px) { .nb-tree-scroll { overflow:auto; }.nb-flex .nb-read-title { font-size:1.3rem; }.nb-flex .nb-pane-actions button { min-height:36px; }.nb-menu button { min-height:44px; } }

/* Reserve the same CCC footprint to keep native reading boundaries stable. */
[data-notebook-controls].nb-quick-inactive { visibility:hidden; pointer-events:none; }

/* Notebook usability release: task controls share the crawler Skills check shape. */
.nb-flex [data-nb-editor] li[data-check] { list-style:none; padding-left:0; margin:.35rem 0; }
.nb-flex [data-nb-editor] li[data-check] > input[type=checkbox] { appearance:none; display:inline-grid; place-content:center; vertical-align:middle; width:1.35rem; height:1.35rem; min-height:0; margin:0 .6rem .1rem 0; padding:0; border:1px solid var(--muted); border-radius:.3rem; background:var(--panel-2); cursor:pointer; }
.nb-flex [data-nb-editor] li[data-check] > input[type=checkbox]::after { content:''; opacity:0; width:.35rem; height:.65rem; border:solid var(--green); border-width:0 .15rem .15rem 0; transform:translateY(-.08rem) rotate(45deg); }
.nb-flex [data-nb-editor] li[data-check] > input:checked { border-color:var(--green); background:#163019; }
.nb-flex [data-nb-editor] li[data-check] > input:checked::after { opacity:1; }
.nb-flex [data-nb-editor] li[data-check] > input:focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
.nb-flex [data-nb-editor] li[data-check] > input:disabled { cursor:default; opacity:.85; }
.nb-table-tools { position:sticky; top:0; z-index:2; display:flex; flex-wrap:wrap; align-items:center; gap:.3rem; border:1px solid #26717d; background:#102c32; padding:.4rem; border-radius:.3rem; margin:.5rem 0; }
.nb-table-tools[hidden] { display:none; }.nb-table-tools button { font-size:.74rem; }.nb-table-tools [data-table-size] { color:var(--cyan); font-size:.76rem; margin-right:.5rem; }
.nb-flex [contenteditable=true] :is(td,th):focus-within { outline:1px solid var(--cyan); }
.nb-flex [contenteditable=true] .nb-cell-selected { outline:2px solid var(--cyan); outline-offset:-2px; background:#12333b; }
.nb-tree-bin { flex:none; border-top:1px solid #324047; padding:.3rem .1rem; }.nb-tree-bin button { width:100%; text-align:left; color:#f5c4dd; border-color:transparent; background:transparent; }
.nb-tree-bin button { display:flex; align-items:center; gap:.45rem; }
.nb-tree-bin button[aria-pressed=true] { border-color:var(--pink); background:#351427; }.nb-tree-drop { outline:2px dashed var(--cyan); outline-offset:-2px; background:#15414a; }
.nb-tree [draggable=true] { cursor:grab; }.nb-bin h2 { color:var(--yellow); font-size:1.3rem; margin:0; }.nb-bin-entry { border:1px solid #46565c; border-left:3px solid var(--pink); background:#151b1e; padding:.8rem; margin:.6rem 0; border-radius:.3rem; }
.nb-flex.nb-dragging .nb-snap { left:var(--nb-drag-left,.5rem); width:auto; }
.nb-bin-entry h3 { color:var(--cyan); margin:.2rem 0; }.nb-bin-entry p,.nb-bin .nb-catalogue-head p { font-size:.83rem; color:var(--muted); }.nb-trash-message { border:1px solid #b14372; background:#331625; padding:.5rem; margin-bottom:.6rem; font-size:.83rem; }
.nb-trash-message[hidden] { display:none; }.nb-flex [data-archive-label] { color:var(--yellow); padding:.3rem; font-size:.75rem; }

/* Keep notebook navigation in view; only the desk's chrome scrolls away. */
.nb-flex { display:grid; grid-template-columns:15rem minmax(0,1fr); height:var(--nb-height); min-height:0; position:relative; overflow:hidden; }
.nb-workspace-scroll { min-height:0; min-width:0; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; }
.nb-flex .nb-stage { grid-template-columns:minmax(0,1fr); }
.nb-flex > .nb-tree { height:100%; box-sizing:border-box; }
.nb-flex .nb-tree-scroll { overflow:auto; scrollbar-gutter:stable; }
.nb-flex.nb-tree-collapsed { grid-template-columns:minmax(0,1fr); }
.nb-tree-row:has([data-nb-action=add-child]),.nb-book-row:has([data-nb-action=add-child]) { grid-template-columns:22px 16px minmax(3rem,1fr) 24px 24px; }
.nb-flex .nb-tree [data-nb-action=add-child] { border:0; width:24px; padding:2px; color:var(--cyan); background:transparent; }
.nb-flex [data-nb-icon=plus],.nb-flex [data-nb-icon=link] { color:inherit; }
.nb-tree [data-nb-icon=folder] { color:#ff83bf; }.nb-tree [data-nb-icon=note] { color:#5dddea; }
.nb-flex .nb-tree-heading { color:var(--yellow); border-bottom:1px solid #3c4f45; padding-bottom:.5rem; }
.nb-flex .nb-tree-hide { display:none; }
.nb-flex .nb-tree-footer button { background:linear-gradient(110deg,#093f47,#16262a); border-color:#00a2b6; color:#79f1f4; }
.nb-flex .nb-toolbar { background:linear-gradient(110deg,#0b3941,#172128 60%,#36172c); border-top:2px solid var(--yellow); }
.nb-flex .nb-workbar { background:linear-gradient(100deg,#10333b,#211b2b); border-bottom-color:#146d7b; }
.nb-flex .nb-tabs { background:#0d161a; }.nb-flex .nb-tabs [aria-selected=true] { color:#151109; background:var(--yellow); border-color:var(--yellow); }
.nb-flex .nb-selected { background:linear-gradient(100deg,#12444b,#192a30); box-shadow:inset 3px 0 var(--cyan); }
.nb-flex .nb-note.nb-active { border-color:#00bfd1; }
.nb-flex .nb-pane-head { background:linear-gradient(105deg,#17363f,#30202e); border-bottom-color:#315967; }
.nb-flex .nb-active > .nb-pane-head { background:linear-gradient(105deg,#084851,#3c1731); }
.nb-flex .nb-pane-title { color:#ffe35a; font-weight:700; }
.nb-section-tools { display:flex; flex-wrap:wrap; gap:.4rem; padding:.3rem 0 .55rem; }
.nb-section-tools[hidden] { display:none; }.nb-section-tools button { color:#72edf3; border-color:#197d8b; background:#102c32; font-size:.8rem; }
.nb-flex [data-nb-editor] :is(h1,h2,h3) { color:#69e5ef; border-bottom:1px solid #27636b; padding-bottom:.25rem; margin-top:1.2rem; }
.nb-flex [data-section-copy] { display:inline-flex; vertical-align:middle; margin-left:.5rem; border:0; background:transparent; color:#80cbd2; padding:.2rem; min-height:28px; }
.nb-note.nb-drop { position:relative; }.nb-note.nb-drop[data-dock-side]::after { content:'Open beside'; pointer-events:none; position:absolute; top:15%; bottom:5%; width:48%; display:grid; place-items:center; background:#00cad529; border:2px dashed var(--cyan); color:#b2fbff; text-shadow:0 1px 3px #000; font-weight:700; z-index:3; }
.nb-note.nb-drop[data-dock-side=left]::after { left:1%; }.nb-note.nb-drop[data-dock-side=right]::after { right:1%; }
@media(max-width:1100px) { .nb-flex { grid-template-columns:13rem minmax(0,1fr); } }
@media(max-width:760px) {
 .nb-flex { grid-template-columns:minmax(0,1fr); }.nb-flex > .nb-tree { top:0; bottom:0; }
 .nb-flex .nb-tree-hide { display:block; padding:.15rem .4rem; }
 .nb-flex .nb-tree [data-nb-action=add-child] { min-height:40px; }.nb-flex .nb-stage { display:block; }
}