.notes-workspace {
    --notes-accent: #387465;
    --notes-tint: #edf5f1;
    --notes-paper: #fff;
    --notes-canvas: #fff;
    --notes-ink: #28352f;
    --notes-muted: #758078;
    --notes-line: #e2e7e2;
    color: var(--notes-ink);
    background: var(--notes-paper);
    overflow: auto;
    min-width: 0;
    height: 100%;
    font: 14px/1.55 Inter, 'Segoe UI', sans-serif;
}
[data-theme="dark"] .notes-workspace {
    --notes-accent: #99c9b9;
    --notes-tint: #2b3833;
    --notes-paper: #252a28;
    --notes-canvas: #1e2321;
    --notes-ink: #e1e8e3;
    --notes-muted: #a2ada5;
    --notes-line: #3b433d;
}
.notes-workspace[hidden] { display: none !important; }
body:has(#notesWorkspace:not([hidden]) .notes-editor) .topbar { display: none !important; }
.app-shell.notes-editor-mode #notesWorkspace { position: fixed; inset: 0; width: 100vw; max-width: none; height: 100dvh; border: 0; border-radius: 0; z-index: 20; overflow: hidden; }
@media (min-width: 760px) {
    .main > .dashboard-workspace.has-active-pane ~ .notes-workspace:not([hidden]) {
        position: relative; z-index: 2; inset: auto;
        grid-column: 2; grid-row: 1; width: auto; height: 100%; min-height: 0;
        border: 0;
        border-radius: var(--dashboard-chrome-radius, 12px);
    }
    .app-shell.notes-editor-mode #dashboardWorkspace { display: none !important; }
    .app-shell.notes-editor-mode .main > .notes-workspace:not([hidden]) { inset: 0; border-radius: 0; }
}
.notes-workspace button, .notes-workspace input, .notes-workspace textarea, .notes-workspace select { font: inherit; }
.notes-workspace button { cursor: pointer; }
.notes-workspace button:disabled { cursor: default; opacity: .45; }
.notes-workspace :focus-visible { outline: 2px solid var(--notes-accent); outline-offset: 3px; }
.notes-workspace svg:not(mjx-container svg) { width: 19px; height: 19px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.notes-workspace h1, .notes-workspace h2, .notes-workspace h3, .notes-workspace p { margin: 0; }
.notes-workspace h1 { font-size: 30px; font-weight: 600; letter-spacing: -.8px; line-height: 1.25; }
.notes-workspace h2 { font-weight: 600; }
.notes-library { max-width: 1160px; margin: auto; padding: 36px 42px 60px; }
.notes-breadcrumb { color: var(--notes-muted); font-size: 12px; margin-bottom: 22px; }
.notes-library-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.notes-library-heading p { margin-top: 9px; color: var(--notes-muted); max-width: 500px; }
.notes-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.notes-button, .notes-icon-button {
    display: inline-flex; gap: 8px; align-items: center; justify-content: center;
    border: 1px solid var(--notes-line); background: var(--notes-paper); color: var(--notes-ink);
    border-radius: 7px; padding: 8px 12px; min-height: 36px; font-size: 12px !important; white-space: nowrap;
}
.notes-button:hover, .notes-icon-button:hover { background: var(--notes-tint); }
.notes-button--primary { background: var(--notes-accent); color: var(--notes-paper); border-color: var(--notes-accent); }
.notes-button--primary:hover { filter: brightness(.94); background: var(--notes-accent); }
.notes-button--quiet { border-color: transparent; background: transparent; }
.notes-button--danger { color: #b95252; }
.notes-icon-button { width: 34px; padding: 6px; min-height: 32px; }
.notes-tabs { display: flex; gap: 26px; border-bottom: 1px solid var(--notes-line); margin-top: 32px; }
.notes-tab { padding: 13px 0; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--notes-muted); font-size: 13px !important; }
.notes-tab[aria-selected="true"] { border-bottom-color: var(--notes-accent); color: var(--notes-accent); font-weight: 600; }
.notes-filters { display: flex; gap: 12px; align-items: center; margin: 24px 0; }
.notes-search { display: flex; align-items: center; gap: 9px; flex: 1; color: var(--notes-muted); }
.notes-search input { border: 0; outline: 0; background: transparent; color: var(--notes-ink); width: 100%; min-width: 40px; padding: 9px 0; }
.notes-search:focus-within { border-bottom: 1px solid var(--notes-accent); }
.notes-select { border: 1px solid var(--notes-line); border-radius: 7px; padding: 8px; color: var(--notes-ink); background: var(--notes-paper); max-width: 200px; }
.notes-section-label { display: flex; align-items: center; justify-content: space-between; padding: 20px 0 12px; }
.notes-section-label h2 { font-size: 14px; }
.notes-section-label span { font-size: 12px; color: var(--notes-muted); }
.notes-row { display: flex; width: 100%; text-align: left; align-items: center; gap: 18px; border: 0; border-top: 1px solid var(--notes-line); padding: 20px 3px; background: transparent; color: var(--notes-ink); }
.notes-row:hover { background: var(--notes-tint); }
.notes-row__icon { color: var(--notes-accent); background: var(--notes-tint); border-radius: 8px; width: 42px; height: 50px; display: grid; place-items: center; flex-shrink: 0; }
.notes-row__icon svg { width: 25px; height: 25px; }
.notes-row__copy { display: grid; gap: 5px; flex: 1; min-width: 0; }
.notes-row__copy strong { font-size: 15px; font-weight: 600; }
.notes-row__copy span { color: var(--notes-muted); font-size: 12px; }
.notes-row__meta { display: flex; align-items: center; gap: 18px; color: var(--notes-muted); font-size: 12px; }
.notes-badge { padding: 3px 8px; background: var(--notes-tint); border-radius: 6px; color: var(--notes-accent); font-size: 11px; }
.notes-continue { display: flex; align-items: center; gap: 16px; padding: 20px; border: 1px solid var(--notes-line); border-radius: 10px; margin-top: 26px; }
.notes-continue > div { flex: 1; }
.notes-continue p { margin-top: 4px; font-size: 12px; color: var(--notes-muted); }
.notes-empty { padding: 55px 20px; text-align: center; border-bottom: 1px solid var(--notes-line); }
.notes-empty > svg { width: 32px; height: 32px; color: var(--notes-muted); margin-bottom: 16px; }
.notes-empty h2 { font-size: 17px; }
.notes-empty p { margin: 8px auto 20px; max-width: 380px; color: var(--notes-muted); font-size: 13px; }
.notes-message { color: var(--notes-muted); font-size: 12px; padding: 12px 0; }
.notes-message--error { color: #b95252; }
.notes-plan { margin-top: 32px; padding-top: 18px; border-top: 1px solid var(--notes-line); display: flex; justify-content: space-between; gap: 14px; color: var(--notes-muted); font-size: 12px; }
.notes-plan a { color: var(--notes-accent); }
.notes-skeleton { height: 72px; background: var(--notes-canvas); border-radius: 8px; margin: 15px 0; animation: notes-pulse 1.4s ease-in-out infinite alternate; }
@keyframes notes-pulse { to { opacity: .45; } }
@media (prefers-reduced-motion: reduce) { .notes-skeleton { animation: none; } }
.notes-editor { position: relative; height: 100%; display: flex; flex-direction: column; overflow: hidden; --notes-canvas: #ffffff; --notes-paper: #ffffff; --notes-ink: #28352f; --notes-muted: #758078; --notes-line: #e2e7e2; --notes-accent: #387465; --notes-tint: #edf5f1; background: #ffffff; }
.notes-editor-top { position: absolute; inset: 16px 16px auto; z-index: 12; padding: 0; display: flex; gap: 16px; align-items: flex-start; justify-content: space-between; border: 0; pointer-events: none; }
.notes-editor-identity, .notes-editor-top > .notes-actions { display: flex; align-items: center; gap: 4px; padding: 6px; border: 1px solid var(--notes-line); border-radius: 28px; background: #fff; box-shadow: 0 2px 8px rgb(20 28 35 / 6%); pointer-events: auto; }
.notes-editor-identity { min-width: 0; max-width: min(48%, 520px); padding-right: 20px; gap: 10px; }
.notes-editor-top > .notes-actions { flex-wrap: nowrap; }
.notes-editor-top .notes-button, .notes-editor-top .notes-icon-button { border: 0; border-radius: 22px; min-height: 38px; }
.notes-editor-name { flex: 1; min-width: 0; }
.notes-editor-name strong { font-weight: 600; font-size: 13px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.notes-save-state { color: var(--notes-muted); font-size: 11px; }
.notes-save-state[data-error="true"] { color: #b95252; }
.notes-editor-body { position: relative; display: flex; flex: 1; min-height: 0; background: #ffffff; }
.notes-board-shell { position: relative; flex: 1; min-width: 0; min-height: 0; overflow: hidden; }
@media (min-width: 760px) {
    .notes-editor-body:has(.notes-ai:not([hidden])) .notes-board-shell { margin-right: calc(var(--notes-ai-width, 480px) + 32px); }
}
.notes-document-scroll, .notes-ai-main { scrollbar-width: thin; scrollbar-color: #c8cecc transparent; }
.notes-document-scroll::-webkit-scrollbar, .notes-ai-main::-webkit-scrollbar { width: 6px; height: 6px; }
.notes-document-scroll::-webkit-scrollbar-track, .notes-ai-main::-webkit-scrollbar-track,
.notes-document-scroll::-webkit-scrollbar-corner, .notes-ai-main::-webkit-scrollbar-corner { background: transparent; }
.notes-document-scroll::-webkit-scrollbar-thumb, .notes-ai-main::-webkit-scrollbar-thumb { border-radius: 6px; background: #c8cecc; }
.notes-document-scroll::-webkit-scrollbar-thumb:hover, .notes-ai-main::-webkit-scrollbar-thumb:hover { background: #a9b3af; }
.notes-document-scroll::-webkit-scrollbar-button, .notes-ai-main::-webkit-scrollbar-button { display: none; }
.notes-document-scroll { position: absolute; inset: 0; overflow: auto; padding: 88px 0 0; box-sizing: border-box; touch-action: none; background: #ffffff; }
.notes-document-scroll.is-panning { cursor: grab; }
.notes-document-scroll.is-grabbing { cursor: grabbing; user-select: none; }
.notes-board-space { position: relative; }
.notes-document { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; max-width: none; min-height: 0; background: transparent; transform-origin: top left; }
.notes-board-heading { position: absolute; left: 64px; top: 52px; width: 1000px; }
.notes-document-meta { font-size: 11px; color: var(--notes-muted); margin-bottom: 16px; }
.notes-document-title { border: 0; background: transparent; color: var(--notes-ink); font-size: 32px !important; font-weight: 600 !important; letter-spacing: -.6px; width: 100%; padding: 0; margin-bottom: 16px; }
.notes-document-description { font-size: 13px; line-height: 1.6; color: var(--notes-muted); max-width: 860px; }
.notes-block { position: absolute; border-radius: 8px; padding: 18px 22px; margin: 0; border: 1px solid transparent; background: var(--notes-paper); box-sizing: border-box; }
.notes-block:hover { border-color: var(--notes-line); }
.notes-block.is-selected { border-color: color-mix(in srgb, var(--notes-accent) 40%, transparent); }
.notes-block:focus-within { border-color: var(--notes-accent); }
.notes-block.is-moving { border-color: var(--notes-accent); z-index: 4; user-select: none; }
.notes-block-move, .notes-block-resize { position: absolute; display: grid; place-items: center; width: 28px; height: 28px; padding: 0; border: 1px solid var(--notes-line); border-radius: 6px; background: var(--notes-paper); color: var(--notes-muted); opacity: 0; touch-action: none; }
.notes-block-move { left: -34px; top: 8px; cursor: grab !important; }
.notes-block-resize { right: -8px; bottom: -8px; cursor: ew-resize !important; }
.notes-block:hover .notes-block-move, .notes-block:hover .notes-block-resize, .notes-block.is-selected .notes-block-move, .notes-block.is-selected .notes-block-resize, .notes-block:focus-within .notes-block-move, .notes-block:focus-within .notes-block-resize { opacity: 1; }
.notes-block-content { outline: 0 !important; white-space: pre-wrap; overflow-wrap: anywhere; min-height: 1.5em; font-size: 14px; line-height: 1.85; }
.notes-block--heading { background: transparent; padding: 12px 0; }
.notes-block--heading .notes-block-content { font-size: 21px; line-height: 1.4; font-weight: 600; }
.notes-block--heading[data-level="3"] .notes-block-content { font-size: 16px; }
.notes-block--callout { padding: 18px 22px; border-left: 3px solid var(--notes-accent); background: var(--notes-tint); }
.notes-block--callout .notes-block-content { font-size: 13px; line-height: 1.7; }
.notes-block--examiner-tip { padding: 0; border-left: 0; background: transparent; }
.notes-block--examiner-tip .notes-block-content { font-size: 11px; line-height: 1.45; color: var(--text); }
.notes-block--bullets .notes-block-content { padding-left: 18px; line-height: 1.9; background-image: radial-gradient(circle, var(--notes-muted) 2px, transparent 2px); background-size: 5px 26.6px; background-repeat: repeat-y; background-position: 1px 1px; }
.notes-equation-preview { padding: 16px 10px; text-align: center; overflow-x: auto; }
.notes-block--equation .notes-block-content, .notes-block--table [contenteditable] { font: 12px/1.8 Consolas, monospace; }
.notes-block--equation .notes-block-content { color: var(--notes-muted); background: var(--notes-canvas); padding: 7px 12px; border-radius: 6px; }
.notes-block--equation:not(.is-selected) .notes-block-content, .notes-block--table:not(.is-selected) .notes-block-content { display: none; }
.notes-block--equation .notes-block-content:not([contenteditable]), .notes-block--table .notes-block-content:not([contenteditable]) { display: none; }
.notes-block.notes-block--table { padding: 0; border: 0; background: transparent; }
.notes-table-wrap { overflow-x: auto; border: 1px solid #96969d; border-radius: 8px; }
.notes-table { border-collapse: separate; border-spacing: 0; width: 100%; font-family: "Segoe Print", "Bradley Hand", "Comic Sans MS", cursive; font-size: 14px; line-height: 1.55; margin: 0; color: #303238; }
.notes-table th, .notes-table td { padding: 8px 10px; border: 0; border-right: 1px solid #b3b3ba; border-bottom: 1px solid #b3b3ba; text-align: left; vertical-align: top; white-space: pre-wrap; overflow-wrap: anywhere; }
.notes-table th { padding: 10px; background: #293d5b; color: #fff; font-weight: 700; vertical-align: middle; }
.notes-table td { background: #fff; }
.notes-table tr:nth-child(odd) td { background: #f4f4f5; }
.notes-table td:first-child { font-weight: 700; }
.notes-table tr > :last-child { border-right: 0; }
.notes-table tr:last-child > * { border-bottom: 0; }
.notes-note-image { display: block; width: 100%; height: auto; max-height: 450px; object-fit: contain; }
.notes-canvas-controls { position: absolute; left: 22px; bottom: 22px; display: flex; gap: 2px; align-items: center; background: var(--notes-paper); border: 1px solid var(--notes-line); border-radius: 8px; padding: 5px; z-index: 5; }
.notes-canvas-controls button { display: grid; place-items: center; border: 0; border-radius: 6px; padding: 8px; min-width: 34px; height: 34px; background: transparent; color: var(--notes-ink); font-size: 12px; }
.notes-canvas-controls button:hover, .notes-canvas-controls button[aria-pressed="true"] { background: var(--notes-tint); color: var(--notes-accent); }
.notes-canvas-controls span { height: 20px; border-left: 1px solid var(--notes-line); margin: 0 4px; }
.notes-canvas-hint { position: absolute; bottom: 38px; right: 24px; color: var(--notes-muted); font-size: 11px; pointer-events: none; }
.notes-ai.notes-ai { position: absolute; inset: 84px 16px 16px auto; z-index: 10; width: min(var(--notes-ai-width, 480px), calc(100% - 32px)); min-width: 0; min-height: 0; height: auto; display: flex; flex-direction: column; border: 1px solid var(--border); border-radius: 20px; background: var(--surface); color: var(--text); box-shadow: 0 2px 8px rgb(20 28 35 / 8%); overflow: hidden; animation: notes-ai-enter 180ms ease-out; }
.notes-ai-resize { position: absolute; inset: 20px auto 20px 0; width: 9px; z-index: 15; cursor: ew-resize; touch-action: none; }
.notes-ai-resize::after { content: ''; position: absolute; left: 3px; top: calc(50% - 20px); height: 40px; width: 3px; border-radius: 3px; background: var(--border); }
.notes-ai-resize:hover::after, .notes-ai-resize:focus-visible::after, .notes-ai.is-resizing .notes-ai-resize::after { background: var(--muted); }
.notes-ai.is-resizing { user-select: none; }
.notes-ai-head { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px 10px 20px; }
.notes-ai-head strong { font-weight: 600; font-size: 14px; }
.notes-ai .notes-ai-main { flex: 1; min-height: 0; padding: 0 20px 20px; overflow-y: auto; background: transparent; }
.notes-ai .conversation-inner { min-height: 100%; }
.notes-ai.chat-panel[data-chat-context="quick"] .welcome { display: grid; flex: 1; align-content: center; min-height: 240px; width: 100%; margin: 0; padding: 24px 0; gap: 12px; }
.notes-ai .welcome-assistant-mark { width: 160px; height: 160px; margin-bottom: 12px; }
.notes-ai .welcome-heading { font-size: 18px; }
.notes-ai .welcome h1 { font-size: 22px; margin: 0; }
.notes-ai-status { font-size: 13px; line-height: 1.6; margin-top: 12px; }
.notes-ai.chat-panel .notes-ai-form { position: static; flex-shrink: 0; padding: 12px 16px 14px; background: var(--surface); }
.notes-ai .composer { position: relative; grid-template-columns: 48px minmax(0, 1fr) 48px; align-items: center; gap: 0; width: 100%; min-height: 56px; padding: 0; margin: 0; border: 1px solid var(--border); border-radius: 30px; background: var(--surface-soft); }
.notes-ai .composer-input-wrap { grid-column: 2; grid-row: 1; }
.notes-ai .math-editor { min-height: 54px; max-height: 140px; padding: 16px 0; font-size: 14px; box-sizing: border-box; }
.notes-ai .math-editor[aria-disabled="true"] { opacity: .6; }
.notes-ai .math-palette { left: 0; right: 0; width: auto; box-sizing: border-box; box-shadow: 0 2px 8px rgb(20 28 35 / 12%); }
.notes-ai .math-palette[hidden] { display: none; }
.notes-ai .composer:focus-within { border-color: var(--muted); }
.notes-ai .composer-tool-button, .notes-ai .send-button { position: static; display: grid; place-items: center; align-self: center; grid-row: 1; width: 48px; height: 54px; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent !important; box-shadow: none; clip-path: none; filter: none; color: var(--muted); }
.notes-ai .composer-tool-button { grid-column: 1; }
.notes-ai .send-button { grid-column: 3; }
.notes-ai .composer-tool-button:hover, .notes-ai .send-button:hover { color: var(--text); }
.notes-ai .send-button:disabled { opacity: .4; cursor: default; }
.notes-ai-form-footer { margin-top: 8px; color: var(--muted); font-size: 10px; text-align: center; }
@keyframes notes-ai-enter { from { opacity: 0; transform: translateX(12px); } to { opacity: 1; transform: translateX(0); } }
@media (prefers-reduced-motion: reduce) { .notes-ai.notes-ai { animation: none; } }
.notes-ai-change { padding: 14px; border: 1px solid var(--notes-line); border-radius: 8px; margin-top: 18px; }
.notes-ai-change p { font-size: 12px; margin: 8px 0 16px; }
.notes-ai-change .notes-actions { margin-top: 15px; }
.notes-block.is-proposed { background: var(--notes-tint); border-left-color: var(--notes-accent); }
.notes-change-label { color: var(--notes-accent); font-size: 10px; margin-bottom: 8px; }
.notes-deleted { text-decoration: line-through; opacity: .6; }
.notes-sources { position: absolute; left: 64px; width: 520px; border-top: 1px solid var(--notes-line); padding-top: 16px; font-size: 11px; color: var(--notes-muted); }
.notes-sources summary { cursor: pointer; }
.notes-sources p { margin-top: 6px; }
.notes-modal { border: 1px solid var(--notes-line); border-radius: 10px; padding: 0; background: var(--notes-paper); color: var(--notes-ink); width: min(780px, calc(100% - 40px)); max-height: 90vh; }
.notes-modal::backdrop { background: rgb(12 22 17 / 45%); }
.notes-modal-head { padding: 20px 24px; border-bottom: 1px solid var(--notes-line); display: flex; align-items: center; justify-content: space-between; }
.notes-modal-head h2 { font-size: 18px; }
.notes-modal-body { padding: 24px; }
.notes-modal-body p { color: var(--notes-muted); font-size: 13px; margin-bottom: 16px; }
.notes-modal-body input[type="file"] { display: block; width: 100%; font-size: 12px; margin: 24px 0; }
.notes-modal-body textarea { box-sizing: border-box; width: 100%; min-height: 290px; border: 1px solid var(--notes-line); border-radius: 7px; background: var(--notes-canvas); padding: 14px; color: var(--notes-ink); font-size: 13px; line-height: 1.8; }
.notes-import-review { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px; margin-bottom: 20px; }
.notes-import-pages { max-height: 450px; overflow: auto; }
.notes-import-pages img { width: 100%; border: 1px solid var(--notes-line); border-radius: 7px; margin-bottom: 12px; }
.notes-import-fields { max-height: 450px; overflow: auto; }
.notes-import-fields label { display: block; font-size: 11px; color: var(--notes-muted); margin: 10px 0 4px; }
.notes-import-fields textarea { min-height: 90px; }
.notes-copy-link { width: 100%; border: 1px solid var(--notes-line); border-radius: 7px; padding: 10px; background: var(--notes-canvas); color: var(--notes-ink); box-sizing: border-box; }
@media (max-width: 900px) { .notes-library { padding: 28px 24px 40px; } .notes-library-heading { align-items: flex-start; flex-direction: column; gap: 18px; } .notes-canvas-hint { display: none; } }
@media (max-width: 759px) {
    .notes-workspace { width: 100%; max-width: 100%; min-height: calc(100dvh - 50px); height: calc(100dvh - 50px); }
    .notes-editor, .notes-editor-body, .notes-editor-top { min-width: 0; max-width: 100%; }
    .notes-filters { flex-wrap: wrap; } .notes-search { flex-basis: 100%; }
    .notes-select { max-width: 100%; } .notes-row__meta .notes-row-sections { display: none; }
    .notes-row { gap: 12px; } .notes-row__meta { gap: 8px; }
    .notes-editor-top { inset: 10px 10px auto; padding: 0; gap: 8px; flex-wrap: wrap; }
    .notes-editor-identity { max-width: 100%; }
    .notes-editor-top > .notes-actions { max-width: 100%; overflow-x: auto; flex-wrap: nowrap; }
    .notes-editor .notes-document-scroll { padding-top: 132px; }
    .notes-editor-top .notes-actions { gap: 4px; flex-wrap: wrap; } .notes-editor-top .notes-button { padding: 6px 8px; }
    .notes-document-title { font-size: 27px !important; }
    .notes-ai.notes-ai { inset: 132px 8px 8px auto; width: min(var(--notes-ai-width, 480px), calc(100% - 16px)); border-radius: 16px; }
    .notes-editor-body { position: relative; }
    .notes-canvas-controls { left: 12px; bottom: 16px; }
    .notes-import-review { grid-template-columns: 1fr; } .notes-import-pages { max-height: 240px; }
    .notes-plan, .notes-continue { flex-wrap: wrap; }
}
.notes-ai[hidden], .notes-outline[hidden] { display: none !important; }
@media print {
    @page { size: A4; margin: 18mm; }
    body.notes-printing { background: #fff !important; }
    body.notes-printing .topbar, body.notes-printing #dashboardWorkspace, body.notes-printing .notes-editor-top,
    body.notes-printing .notes-ai, body.notes-printing .notes-canvas-controls,
    body.notes-printing .notes-canvas-hint, body.notes-printing .notes-block-move, body.notes-printing .notes-block-resize,
    body.notes-printing > aside { display: none !important; }
    body.notes-printing .app-shell, body.notes-printing .main, body.notes-printing #notesWorkspace,
    body.notes-printing .notes-editor, body.notes-printing .notes-editor-body, body.notes-printing .notes-board-shell,
    body.notes-printing .notes-board-space, body.notes-printing .notes-document-scroll {
        position: static !important; display: block !important; height: auto !important; overflow: visible !important; width: auto !important;
        border: 0 !important; padding: 0 !important; margin: 0 !important; background: #fff !important;
    }
    body.notes-printing .notes-workspace { --notes-paper: #fff; --notes-ink: #202a24; --notes-muted: #637168; --notes-line: #dbe2dc; --notes-tint: #edf5f1; --notes-accent: #387465; }
    body.notes-printing .notes-document { position: static; transform: none !important; width: auto !important; height: auto !important; max-width: none; min-height: 0; border: 0; padding: 0; }
    body.notes-printing .notes-board-heading, body.notes-printing .notes-block, body.notes-printing .notes-sources { position: static !important; width: auto !important; }
    body.notes-printing .notes-board-heading { margin-bottom: 24px; }
    body.notes-printing .notes-block { border: 0; break-inside: avoid; margin: 10px 0; padding: 10px 0; }
    body.notes-printing .notes-block--callout { padding: 14px; }
    body.notes-printing .notes-block--heading { break-after: avoid; }
    body.notes-printing .notes-block--equation .notes-block-content,
    body.notes-printing .notes-block--table .notes-block-content { display: none !important; }
    body.notes-printing .notes-document-title { color: #202a24; }
    body.notes-printing .notes-change-label { display: none; }
    body.notes-printing .notes-sources { break-inside: avoid; }
}

/* Match the topic selector, with Notes' yellow folder palette. */
.notes-workspace:has(.notes-library) {
    position: relative; isolation: isolate;
    --notes-accent: #555555;
    --notes-tint: #f1f1f1;
    --notes-ink: #303030;
    --notes-muted: #777777;
    --notes-line: #e3e3e3;
}
[data-theme="dark"] .notes-workspace:has(.notes-library) {
    --notes-accent: #cccccc;
    --notes-tint: #333333;
    --notes-paper: #252525;
    --notes-canvas: #1e1e1e;
    --notes-ink: #e5e5e5;
    --notes-muted: #aaaaaa;
    --notes-line: #414141;
}
.notes-library { max-width: 914px; padding: 100px 42px 60px; }
.notes-library > :not(.notes-aurora) { position: relative; z-index: 1; }
.notes-library .notes-aurora {
    inset: 0 0 auto; height: 230px; z-index: -1;
    background:
        linear-gradient(to bottom, transparent 0%, transparent 35%, var(--notes-paper) 100%),
        radial-gradient(70% 125% at 4% -18%, rgb(255 255 255 / .65), transparent 66%),
        radial-gradient(42% 100% at 88% 6%, rgb(255 244 168 / .65), transparent 70%),
        linear-gradient(112deg, #fae99a 0%, #f5dc73 42%, #e6c248 72%, #b68c27 100%);
}
[data-theme="dark"] .notes-library .notes-aurora {
    background: linear-gradient(to bottom, transparent 0%, transparent 35%, var(--notes-paper) 100%),
        radial-gradient(60% 120% at 8% -18%, rgb(246 214 96 / .25), transparent 70%),
        linear-gradient(112deg, #51461e, #695725 50%, #3c331d);
}
.notes-library .notes-breadcrumb { margin-bottom: 7px; color: var(--notes-ink); }
.notes-title-row { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; }
.notes-title-row h1 { font-size: clamp(28px, 2.5vw, 35px); letter-spacing: -.055em; }
.notes-workspace .notes-level-picker {
    border: 0; background: transparent; padding: 0 5px 0 0; min-height: 32px;
    font-size: 24px !important; color: var(--notes-muted); letter-spacing: -.045em;
}
.notes-level-picker option { background: var(--notes-paper); color: var(--notes-ink); font-size: 16px; }
.notes-library-heading { align-items: flex-start; gap: 16px; }
.notes-library-heading p { font-size: 12px; margin-top: 8px; }
.notes-library-heading .notes-actions { padding-top: 3px; }
.notes-library-heading .notes-button { min-height: 30px; padding: 5px 9px; }
.notes-library [data-note-action="handwriting"] {
    width: 32px; height: 32px; min-height: 32px; min-width: 32px; padding: 0; flex-shrink: 0;
    border-radius: 50%;
    color: var(--notes-muted); background: color-mix(in srgb, var(--notes-paper) 80%, transparent);
    border: 1px solid color-mix(in srgb, var(--notes-muted) 40%, var(--notes-paper));
    box-shadow: none;
    transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
}
.notes-library [data-note-action="handwriting"] svg {
    width: 16px; height: 16px; stroke-width: 1.8;
}
.notes-library [data-note-action="handwriting"]:hover:not(:disabled) {
    background: color-mix(in srgb, var(--notes-accent) 12%, var(--notes-paper));
    border-color: color-mix(in srgb, var(--notes-accent) 45%, var(--notes-paper));
    box-shadow: none;
}
.notes-library [data-note-action="handwriting"]:active:not(:disabled) {
    background: color-mix(in srgb, var(--notes-accent) 18%, var(--notes-paper));
    box-shadow: none;
}
.notes-library [data-note-action="handwriting"]:focus-visible {
    outline: 2px solid var(--notes-accent); outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
    .notes-library [data-note-action="handwriting"] { transition: none; }
}
.notes-library .notes-tabs { margin-top: 0; margin-bottom: 18px; gap: 24px; }
.notes-library .notes-library-filters {
    display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 18px; width: auto;
    margin: 0 auto 14px; overflow: visible; padding: 0;
}
.notes-library-filters .notes-option-filter { width: auto; flex: 0 1 auto; color: var(--notes-ink); }
.notes-option-group {
    display: flex; gap: 0; padding: 3px;
    border: 1px solid var(--notes-line); border-radius: 8px;
    background: var(--notes-paper);
}
.notes-library-filters .notes-filter-option {
    width: auto; min-height: 28px; padding: 0 12px; justify-content: center;
    border: 0; border-radius: 6px;
    color: var(--notes-muted); background: transparent; font-size: 12px;
}
.notes-library-filters .notes-filter-option:hover { color: var(--notes-ink); background: var(--notes-tint); }
.notes-library-filters .notes-filter-option[aria-pressed="true"] {
    background: var(--notes-tint); color: var(--notes-ink);
}
.notes-library-filters .notes-filter-option:focus-visible {
    outline: 2px solid var(--notes-accent); outline-offset: 2px;
}
.notes-library .notes-tab { padding: 9px 0; font-size: 12px !important; }
.notes-list-summary {
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    margin-top: 16px; min-height: 36px; padding: 8px 11px;
    border: 1px solid color-mix(in srgb, #2f67bd 34%, var(--border)); border-radius: 8px;
    background: color-mix(in srgb, #4d88e8 15%, var(--surface)); color: #2f67bd; font-size: 12px;
}
.notes-list-summary > span:first-child { display: flex; align-items: center; gap: 7px; font-weight: 600; }
.notes-list-summary svg { width: 15px !important; height: 15px !important; }
#notesResultCount { color: var(--notes-muted); white-space: nowrap; }
.notes-library .notes-filters { margin: 10px 0 18px; }
.notes-library .notes-search { border: 1px solid var(--notes-line); border-radius: 7px; padding: 0 10px; background: var(--notes-canvas); }
.notes-library .notes-search svg { display: none; }
.notes-library .notes-search input { padding: 6px 0; font-size: 14px; }
.notes-library .notes-section-label { padding: 12px 10px 5px; }
.notes-library .notes-section-label h2 { font-size: 12px; color: var(--notes-muted); }
.notes-library .notes-section-label > span { display: none; }
.notes-library .notes-row { padding: 10px 8px; min-height: 48px; gap: 11px; border: 0; border-radius: 7px; }
.notes-library .notes-row__icon { width: 18px; height: 18px; border: 2px solid var(--notes-line); border-radius: 50%; background: transparent; }
.notes-library .notes-row__icon svg { display: none; }
.notes-library .notes-row__copy { gap: 3px; }
.notes-library .notes-row__copy strong { font-size: 14px; }
.notes-library .notes-row__copy span { font-size: 11px; }
.notes-library .notes-row__meta { gap: 10px; font-size: 11px; }
.notes-library .notes-empty { border: 0; text-align: left; padding: 18px 10px; }
.notes-library .notes-empty > svg { display: none; }
.notes-library .notes-empty h2 { font-size: 13px; }
.notes-library .notes-empty p { margin: 8px 0; }
.notes-library .notes-continue { padding: 12px; margin-top: 18px; gap: 12px; background: var(--notes-paper); }
[data-theme="dark"] .notes-list-summary { background: #233451; border-color: #456493; color: #aac7ff; }
@media (max-width: 759px) {
    .notes-library { padding: 40px 20px; }
    .notes-library-heading { flex-wrap: wrap; }
    .notes-library .notes-row__meta { gap: 7px; }
    .notes-library .notes-row-sections { display: none; }
}

.notes-library .notes-breadcrumb { display: flex; align-items: center; gap: 7px; }
.notes-breadcrumb-arrow { display: inline-flex; }
.notes-workspace .notes-breadcrumb-arrow svg { width: 12px; height: 12px; }

.notes-library .notes-breadcrumb { width: 100%; font-size: 14px; }
.notes-library .notes-title-row .topical-level-picker { z-index: 30; }
.notes-library .notes-title-row .topical-level-trigger { font-size: clamp(20px, 2.2vw, 28px); }
.notes-library .notes-title-row .topical-level-trigger svg { width: .72em; height: .72em; }
.notes-library-heading:has(#notesLevelMenu:not([hidden])) { z-index: 30; }
.notes-library #notesLevelMenu[hidden] { display: none; }
.notes-library .notes-row__copy { display: block; }

/* Use the shared header geometry and text palette above the Notes library. */
.notes-library { max-width: none; padding: 0 clamp(24px, 6vw, 72px) 60px; }
.notes-library .notes-library-header { margin-inline: calc(-1 * clamp(24px, 6vw, 72px)); }
.notes-library > :not(.notes-aurora):not(.notes-library-header) { max-width: 830px; margin-inline: auto; }
.notes-library .notes-breadcrumb {
    width: min(100%, 830px); margin-bottom: 0; gap: 8px;
    color: color-mix(in srgb, var(--text) 62%, var(--muted));
}
.notes-library .notes-library-heading { width: min(100%, 830px); margin-inline: auto; }
.notes-library .notes-title-row { width: auto; margin: 0; gap: 12px; }
.notes-library .notes-title-row h1 { color: var(--text); line-height: 1; }
.notes-library .notes-title-row .topical-level-trigger { font-weight: 400; letter-spacing: -.045em; line-height: 1; }
.notes-library .notes-title-row .topical-level-trigger svg { stroke-width: 2.4; }
@media (max-width: 820px) {
    .notes-library { padding: 0 18px 40px; }
    .notes-library .notes-library-header { margin-inline: -18px; }
}

/* Sample practice links: the approved yellow treatment. */
.notes-block:has(.notes-problem-link) { padding: 3px; border: 0; border-radius: 21px; background: #e6dfbb; }
.notes-problem-link { display: flex; align-items: center; gap: 15px; width: 100%; min-height: 44px; padding: 9px 15px; border: 0; border-radius: 18px; color: #000; text-align: left; background: #f4d242; box-shadow: none; font-size: 15px !important; font-weight: 600 !important; line-height: 1.4; }
.notes-problem-topic { flex: 1; min-width: 0; }
.notes-problem-label, .notes-problem-type { color: #4b4b4b; }
.notes-problem-type { white-space: nowrap; }
.notes-problem-link:hover { background: #efcc37; box-shadow: none; }

/* Full syllabus text stays visible on the notes canvas. */
.notes-block:has(.notes-syllabus-card) { padding: 0; background: transparent; border-color: transparent; }
.notes-syllabus-card { padding: 0 24px 24px; background: #f3f4f3; border: 0; border-radius: 14px; color: #292936; box-shadow: none; overflow: hidden; }
.notes-syllabus-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin: 0 -24px 20px; padding: 15px 24px; background: #e4eee7; color: #315b47; }
.notes-syllabus-heading strong { font-size: 14px; font-weight: 600; line-height: 1.5; }
.notes-syllabus-heading > span { color: #315b47; font-size: 12px; flex-shrink: 0; }
.notes-syllabus-points { list-style: none; margin: 0 0 0 -10px; padding: 0; }
.notes-syllabus-points li { display: grid; grid-template-columns: 14px minmax(0, 1fr); column-gap: 10px; align-items: baseline; }
.notes-syllabus-points li + li { margin-top: 19px; }
.notes-syllabus-number { color: #315b47; font-size: 12px; font-weight: 600; }
.notes-syllabus-points p { font-size: 14px; line-height: 1.8; color: #35323b; overflow-wrap: anywhere; }

/* Main syllabus groups read vertically, separated by quiet rules. */
.notes-board-heading { width: 640px; }
.notes-block--heading[data-level="2"] { border-top: 1px solid var(--notes-line); border-radius: 0; padding-top: 24px; }
body.notes-printing .notes-syllabus-card { break-inside: avoid; }

/* Text-sized browser tabs on the graph edges. */
.notes-block:has(.notes-graph-frame) { padding: 0; border: 0; background: transparent; overflow: visible; }
.notes-graph-frame { position: relative; width: 100%; height: 346px; padding: 3px; background: var(--border); border-radius: 8px; }
.notes-desmos-graph { width: 100%; height: 340px; border-radius: 8px; overflow: hidden; background: #fff; color: #48534b; touch-action: auto; }
.notes-graph-heading, .notes-graph-y-label, .notes-graph-x-label { position: absolute; width: max-content; max-width: calc(100% - 40px); padding: 6px 14px; font-size: 12px; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.notes-graph-heading { left: 20px; bottom: calc(100% - 3px); border: 3px solid var(--border); border-radius: 8px 8px 0 0; background: #ded5f5; color: #453363; font-weight: 600; }
.notes-graph-y-label { right: calc(100% - 3px); top: 20px; width: auto; max-width: none; max-height: calc(100% - 40px); padding: 12px 6px; writing-mode: vertical-rl; transform: rotate(180deg); border: 3px solid var(--border); border-radius: 0 8px 8px 0; background: #c6e9df; color: #205447; }
.notes-graph-x-label { top: calc(100% - 3px); right: 20px; border: 3px solid var(--border); border-radius: 0 0 8px 8px; background: #dce9f7; color: #304f70; }
@media print { .notes-block:has(.notes-graph-frame) { margin-top: 30px !important; margin-bottom: 30px !important; } }

.notes-ai-history { display: flex; gap: 8px; margin-top: 12px; }
.notes-ai-note-actions { color: var(--muted); font-size: 12px; margin-top: 16px; }
.notes-ai-note-actions summary { cursor: pointer; }
.notes-ai-note-actions .notes-actions { margin-top: 8px; }
.notes-block.is-writing { pointer-events: none; }