Something went wrong. Try again.
This repository has no description
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873/* Overview is a compact launch surface, not a dated activity feed. Reuse the rounded, quiet surface language established by Workspace windows while keeping recent notes as the primary information region. */.overview-page { width: 100%; max-width: 1320px; margin-inline: auto;}
.overview-page > .page-title { align-items: center; padding-bottom: 0;}
.overview-page > .page-title h1 { margin-top: 0; font-size: clamp(30px, 3vw, 40px);}
.overview-intro { margin-top: 8px; color: var(--muted); font-size: 15px;}
.overview-continue { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 26px; padding: 26px 28px; background: linear-gradient(135deg, rgba(238,244,238,.96), rgba(255,254,250,.9)); border: 1px solid #cfd9d1; border-radius: 16px; box-shadow: 0 10px 28px rgba(35,47,40,.06);}.overview-continue > div { min-width: 0; }.overview-continue > div > span { color: var(--green); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.overview-continue h2 { overflow: hidden; margin-top: 7px; font-size: clamp(24px,3vw,34px); letter-spacing: -.04em; text-overflow: ellipsis; white-space: nowrap; }.overview-continue p { max-width: 720px; overflow: hidden; margin-top: 8px; color: var(--muted); font-size: 14px; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; }.overview-continue > button { flex: none; }.overview-quick-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }.overview-quick-links button { min-height: 38px; display: inline-flex; align-items: center; gap: 7px; padding: 0 12px; color: var(--ink-soft); background: rgba(255,254,250,.72); border: 1px solid var(--line); border-radius: 8px; font-size: 12px; font-weight: 650; }.overview-quick-links button:hover { color: var(--green); border-color: #b8c8bd; }.overview-quick-links svg { width: 15px; }
.overview-note-state { justify-self: end; padding: 4px 7px; color: #5f6e65; background: #eef1ec; border: 1px solid #d9ded8; border-radius: 999px; font-size: 10px; font-weight: 700;}.overview-note-state.archived { color: #705f4e; background: #f3eee7; border-color: #e4d8c9; }
.overview-shortcuts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 28px;}
.overview-shortcuts > button { min-width: 0; min-height: 108px; display: grid; grid-template-columns: 38px minmax(0, 1fr) 16px; align-items: center; gap: 11px; padding: 17px; color: var(--ink); text-align: left; background: rgba(255, 254, 250, .82); border: 1px solid #d6d9d3; border-radius: 16px; box-shadow: 0 8px 24px rgba(35, 47, 40, .055), 0 1px 2px rgba(35, 47, 40, .05); transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;}
.overview-shortcuts > button:hover { border-color: #b8c8bd; box-shadow: 0 12px 28px rgba(35, 47, 40, .09), 0 1px 2px rgba(35, 47, 40, .06); transform: translateY(-1px);}
.overview-shortcuts > button > svg:first-child { width: 38px; height: 38px; padding: 10px; color: var(--green); background: var(--green-soft); border-radius: 12px;}
.overview-shortcuts > button > svg:last-child { width: 15px; color: #8c9891;}
.overview-shortcuts span,.overview-shortcuts strong,.overview-shortcuts small { min-width: 0; display: block;}
.overview-shortcuts strong { overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap;}
.overview-shortcuts small { overflow: hidden; margin-top: 4px; color: var(--muted); font-size: 12px; line-height: 1.35; text-overflow: ellipsis;}
.overview-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 14px;}
@media (max-width: 600px) { .overview-continue { align-items: stretch; flex-direction: column; gap: 18px; padding: 20px; } .overview-continue h2, .overview-continue p { white-space: normal; } .overview-continue > button { width: 100%; } .overview-stats { grid-template-columns: 1fr; } .overview-recent .recent-notes > button { grid-template-columns: 38px minmax(0, 1fr) auto; } .overview-recent .recent-note-copy strong { white-space: normal; } .overview-recent .recent-note-copy small { display: none; } .overview-note-state { grid-column: 2; justify-self: start; } .overview-recent .recent-notes time { grid-column: 3; grid-row: 1 / span 2; }}
@media (max-width: 1100px) { .mobile-shell-bar > strong { display: none; }}
.overview-stats > article { min-width: 0; display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 12px 14px; color: var(--muted); background: rgba(245, 247, 242, .78); border: 1px solid #d9ddd7; border-radius: 12px;}
.overview-stats svg { width: 28px; height: 28px; padding: 7px; color: #547162; background: rgba(227, 236, 229, .88); border-radius: 9px;}
.overview-stats span { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap;}
.overview-stats strong { color: var(--ink); font-size: 20px; letter-spacing: -.03em;}
.overview-recent { overflow: hidden; margin-top: 28px; background: rgba(255, 254, 250, .74); border: 1px solid #d6d9d3; border-radius: 16px; box-shadow: 0 10px 28px rgba(35, 47, 40, .055);}
.overview-recent .section-bar { min-height: 68px; align-items: center; padding: 0 18px;}
.overview-recent .section-bar h2 { margin: 0; font-size: 21px;}
.overview-recent .recent-notes > button { min-height: 72px; grid-template-columns: 38px minmax(0, 1fr) auto 64px; gap: 12px; padding: 12px 18px;}
.overview-recent .recent-notes > button:last-child { border-bottom: 0;}
.overview-recent .note-kind-mark { width: 36px; height: 36px; border-radius: 11px;}
.overview-recent .recent-note-copy strong { font-size: 14px;}
.overview-recent .recent-note-copy small { margin-top: 2px; font-size: 12px;}
.overview-recent .recent-note-tags i,.overview-recent .recent-notes time { font-size: 12px;}
@media (max-width: 900px) { .overview-shortcuts { grid-template-columns: repeat(2, minmax(0, 1fr)); }}
@media (max-width: 640px) { .overview-page > .page-title { align-items: flex-start; flex-direction: row; }
.overview-page > .page-title h1 { font-size: 30px; }
.overview-shortcuts { gap: 9px; margin-top: 22px; }
.overview-shortcuts > button { min-height: 92px; grid-template-columns: 34px minmax(0, 1fr); gap: 9px; padding: 13px; border-radius: 14px; }
.overview-shortcuts > button > svg:first-child { width: 34px; height: 34px; padding: 9px; }
.overview-shortcuts > button > svg:last-child, .overview-shortcuts small { display: none; }
.overview-stats { gap: 7px; }
.overview-stats > article { grid-template-columns: 1fr; gap: 4px; padding: 10px; }
.overview-stats svg { width: 26px; height: 26px; }
.overview-stats strong { grid-row: 2; font-size: 18px; }
.overview-stats span { grid-row: 3; font-size: 11px; }
.overview-recent { margin-top: 22px; }
.overview-recent .section-bar { min-height: 60px; padding-inline: 13px; }
.overview-recent .section-bar h2 { font-size: 18px; }
.overview-recent .recent-notes > button { min-height: 66px; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 9px; padding-inline: 12px; }
.overview-recent .note-kind-mark { width: 32px; height: 32px; }
.overview-recent .recent-note-tags { display: none; }
.overview-recent .recent-notes time { max-width: 58px; }}
/* Forge owns board navigation and persistence. On phone the native Excalidraw main-menu hamburger reads as a second application sidebar, so it is removed while the drawing toolbar and Forge board controls remain. */.forge-excalidraw-canvas .excalidraw .main-menu-trigger { display: none !important;}
/* Excalidraw wraps custom embeddables in two clipping layers. Round those layers together with the Forge poster so the card silhouette is preserved instead of being cut back to a hard rectangle. */.excalidraw-forge-poster { border-radius: 24px !important;}
.excalidraw__embeddable__outer:has(.excalidraw-forge-poster),.excalidraw__embeddable-container__inner:has(.excalidraw-forge-poster) { overflow: hidden !important; border-radius: 24px !important;}
.workspace-tabs { height: auto; align-items: center; gap: 5px; padding: 5px 10px; border-bottom: 0;}
.workspace-tab { position: relative; height: 34px; margin-right: 0; overflow: hidden; background: rgba(255, 255, 255, .36); border: 1px solid transparent; border-radius: 9px;}
.workspace-tab.active { z-index: 2; background: #fbfaf6; border-color: #cfd2cb; box-shadow: 0 2px 7px rgba(35, 47, 40, .08);}
.workspace-tab.active::after { content: ""; position: absolute; right: 9px; bottom: 2px; left: 9px; height: 2px; border-radius: 999px; background: var(--green); pointer-events: none;}
.workspace-tabs .new-workspace-tab { height: 34px; margin-left: 1px; background: rgba(255, 255, 255, .24); border: 1px solid transparent; border-radius: 9px;}
.workspace-tabs .new-workspace-tab:hover,.workspace-tabs .new-workspace-tab:focus-visible { background: rgba(255, 255, 255, .58); border-color: #cfd2cb;}
@media (max-width: 760px) { .app-shell .whiteboard-layout { display: block; padding-top: 0 !important; }
.app-shell .whiteboard-layout .board-main { height: 100%; }
.shelf-page .shelf-workbench { min-height: 0; display: flex; flex-direction: column; }
.shelf-page .folder-rail { width: 100%; min-height: 0; flex: 0 0 auto; padding-block: 7px; }
.shelf-page .shelf-content { padding-top: 16px; }
.editor-toolbar { flex-wrap: wrap; overflow-x: visible; }
.workspace-tabs { scroll-padding-right: 48px; padding-right: 0; }
.workspace-tabs .new-workspace-tab { position: sticky; right: 0; z-index: 4; flex: 0 0 46px; margin-left: 4px; background: #dedfd9; box-shadow: -12px 0 14px rgba(222, 223, 217, .96); }}
/* Tablet navigation is a push surface, so screen-level layouts must respond to the width that remains after the rail opens, not to the outer viewport. Keep the rail compact enough for its labels and let the affected screens reflow through container queries. */@media (min-width: 641px) and (max-width: 1100px) { .app-shell .app-sidebar, .app-shell.sidebar-collapsed .app-sidebar, .app-shell .app-sidebar.mobile-open, .app-shell.sidebar-collapsed .app-sidebar.mobile-open { width: 260px; }
.app-shell.navigation-open .app-main-frame { width: calc(100% - 260px); margin-left: 260px; }}
.settings-page { container-name: settings-page; container-type: inline-size;}
.app-content { container-name: forge-content; container-type: inline-size;}
.notes-layout { container-name: notes-layout; container-type: inline-size;}
@container settings-page (max-width: 700px) { .settings-block { grid-template-columns: minmax(0, 1fr); gap: 18px; }
.provider-fields, .boundary-flow { grid-template-columns: minmax(0, 1fr); }
.boundary-flow > svg { justify-self: center; transform: rotate(90deg); }
.settings-actions { align-items: flex-start; flex-direction: column; }
.settings-actions code { max-width: 100%; overflow-x: auto; margin-left: 0; }}
/* The settings form lives beside its explanatory column, so a four-field row becomes cramped well before the outer browser reaches a tablet breakpoint. Reflow from the width the page actually receives. */@container settings-page (min-width: 701px) and (max-width: 1020px) { .provider-fields { grid-template-columns: minmax(160px, .85fr) minmax(220px, 1.15fr); }
.provider-fields .secondary-button { justify-self: start; }}
@container forge-content (min-width: 500px) and (max-width: 700px) { .notes-layout { grid-template-columns: minmax(220px, 38%) minmax(0, 1fr); }
.notes-layout .document-commandbar { gap: 6px; padding-inline: 8px; }
.notes-layout .commandbar-actions { gap: 3px; }
.notes-layout .commandbar-actions .editor-focus-toggle { width: 34px; min-width: 34px; justify-content: center; padding-inline: 0; }
.notes-layout .commandbar-actions .editor-focus-toggle span { display: none !important; }
.graph-bottom-dock { gap: 6px; }
.graph-legend { gap: 8px; padding-inline: 9px; font-size: 10px; }
.graph-bottom-dock > button, .graph-bottom-dock > label { padding-inline: 7px; font-size: 11px; }}
/* The shell switches to its mobile bar at 820px, while the document toolbar previously compacted only at 760px. */@media (min-width: 761px) and (max-width: 820px) { .notes-layout .commandbar-actions > button:not(.primary-button):not(.secondary-button) span, .notes-layout .commandbar-actions > .secondary-button { display: none; }
.notes-layout .commandbar-actions > button:not(.primary-button):not(.secondary-button) { width: 36px; min-width: 36px; justify-content: center; padding-inline: 0; }}
@media (max-width: 760px) { .app-shell .workspace-layout { padding-top: 0 !important; }
.workspace-tab { width: clamp(132px, 42vw, 164px); min-width: clamp(132px, 42vw, 164px); max-width: clamp(132px, 42vw, 164px); flex: 0 0 clamp(132px, 42vw, 164px); }
.app-shell:not(.graph-focus) .workspace-layout { grid-template-rows: 62px 42px 44px minmax(0, 1fr); }
.workspace-mobile-switcher { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; padding: 5px 8px; background: #efeee9; border-bottom: 1px solid var(--line); }
.workspace-mobile-switcher button { min-height: 34px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 0 10px; color: var(--muted); background: transparent; border: 1px solid transparent; border-radius: 6px; font-size: 12px; font-weight: 650; }
.workspace-mobile-switcher button.active { color: var(--ink); background: var(--paper-pure); border-color: var(--line); box-shadow: 0 1px 2px rgba(31, 42, 35, .08); }
.workspace-mobile-switcher svg { width: 14px; }
.workspace-panes { display: block; }
.workspace-panes.mobile-pane-note > .resource-pane, .workspace-panes.mobile-pane-resource > .workspace-note-pane { display: none; }
.workspace-panes > .workspace-window:not(.is-minimized) { width: 100%; height: 100%; border-right: 0; }
.workspace-window-header { min-height: 48px; }
.workspace-window-control { width: 30px; min-width: 30px; height: 30px; }
.workspace-window-control svg, .workspace-window-controls:hover .workspace-window-control svg, .workspace-window-control:focus-visible svg { width: 13px; height: 13px; }}
.workspace-panes.resource-empty { grid-template-columns: minmax(0, 1fr);}
.workspace-panes.resource-empty > .workspace-note-pane { grid-column: 1 / -1;}
.settings-contents { position: sticky; z-index: 8; top: 8px; display: flex; gap: 6px; width: max-content; max-width: 100%; overflow-x: auto; margin: 18px 0 22px; padding: 5px; background: rgba(249,248,244,.94); border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 5px 16px rgba(35,47,40,.06); backdrop-filter: blur(10px);}.settings-contents a { min-height: 34px; display: inline-flex; align-items: center; padding: 0 11px; color: var(--muted); border-radius: 7px; font-size: 12px; font-weight: 700; text-decoration: none; white-space: nowrap; }.settings-contents a:hover, .settings-contents a:focus-visible { color: var(--green); background: var(--green-soft); }.settings-block { scroll-margin-top: 72px; }.provider-summary { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 10px; }.provider-summary > div { min-width: 0; }.provider-configure { min-height: 34px; padding: 0 10px; color: var(--green); background: var(--green-soft); border: 1px solid #cbdacf; border-radius: 6px; font-size: 12px; font-weight: 700; }.provider-helper { margin: 8px 0 0; color: var(--muted); font-size: 12px; }.import-review { display: grid; gap: 16px; }.import-review-counts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }.import-review-counts span { min-height: 58px; display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: #f3f5f1; border: 1px solid var(--line); border-radius: 8px; color: var(--muted); font-size: 12px; }.import-review-counts strong { color: var(--ink); font-size: 18px; }.import-review > p { color: var(--muted); font-size: 13px; line-height: 1.5; }.import-review > p strong { color: var(--ink); }.document-selection-notice { padding: 8px 14px; color: #675d35; background: #f7f1dc; border-bottom: 1px solid #e5d9ae; font-size: 12px; }.learning-progress { margin-top: 4px; color: var(--muted); font-size: 12px; }.document-commandbar.is-preview .save-indicator,.document-commandbar.is-preview .commandbar-actions { display: none; }.notes-layout.preview-mode { grid-template-columns: minmax(0, 1fr); }.notes-layout.preview-mode > .library-pane { display: none; }.document-preview-mode .document-properties select,.document-preview-mode .document-properties time,.document-preview-mode .document-excerpt-input,.document-preview-mode .tag-input { display: none; }.document-preview-mode .document-properties { justify-content: flex-start; }.document-preview-mode .document-title-input { cursor: default; }.graph-fixture-note { margin: 18px; padding: 10px 12px; color: var(--muted); background: #f1f2ee; border: 1px solid var(--line); border-radius: 7px; font-size: 12px; }.section-loading { min-height: 240px; display: grid; place-items: center; color: var(--muted); font-size: 13px; }.inline-create > details > summary { min-height: 34px; display: inline-flex; align-items: center; gap: 6px; padding: 0 9px; }.inline-create > details > summary span { font-size: 12px; font-weight: 700; }.inline-create > details > summary svg { width: 14px; }.resource-add-menu { position: relative; }.resource-add-menu > summary { list-style: none; cursor: pointer; }.resource-add-menu > summary::-webkit-details-marker { display: none; }.resource-add-menu > summary svg:last-child { width: 13px; }.resource-add-menu > div { position: absolute; z-index: 30; top: calc(100% + 6px); right: 0; min-width: 180px; display: grid; gap: 3px; padding: 5px; background: var(--paper-pure); border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 12px 28px rgba(35,47,40,.14); }.resource-add-menu > div > button { min-height: 38px; display: flex; align-items: center; gap: 8px; padding: 0 10px; border-radius: 6px; text-align: left; }.resource-add-menu > div > button:hover { background: var(--green-soft); }.resource-add-menu > div svg { width: 15px; }
/* On narrow screens the page action row has a horizontal scroller. Let the Shelf menu escape that row so its options remain visible and clickable. */.shelf-page .page-title > .page-actions { overflow: visible;}
/* The app sidebar reduces the Whiteboards command bar before the outer viewport reaches the old 1100px breakpoint. Compress secondary actions from the actual available desktop width so the Save action never leaves view. */@media (min-width: 761px) and (max-width: 1400px) { .whiteboard-layout .board-commandbar { min-width: 0; gap: 8px; padding-inline: 10px; } .whiteboard-layout .board-breadcrumb { min-width: 0; flex: 1 1 auto; } .whiteboard-layout .board-breadcrumb input { width: 100%; max-width: 420px; min-width: 0; } .whiteboard-layout .board-actions { min-width: 0; flex: 0 0 auto; gap: 5px; } .whiteboard-layout .board-actions > .secondary-button, .whiteboard-layout .board-insert-menu > summary { width: 36px; min-width: 36px; justify-content: center; gap: 0; padding-inline: 0; font-size: 0; } .whiteboard-layout .board-actions > .primary-button { flex: 0 0 auto; } .whiteboard-layout .board-save-state { max-width: 84px; }}.problem-more-menu { display: block; }.problem-more-menu > div { right: 0; left: auto; min-width: 190px; }.problem-more-menu .danger-action { width: 100%; justify-content: flex-start; color: var(--danger); }.problem-detail.agent-open > .agent-panel.is-unconfigured,.workspace-panes.with-agent > .agent-panel.is-unconfigured { min-height: 0; height: auto; max-height: 280px; align-self: start; }.agent-panel.is-unconfigured .agent-empty { min-height: 0; padding: 24px; }
@media (max-width: 760px) { .problem-detail.agent-open > .agent-panel.is-unconfigured, .workspace-panes.with-agent > .agent-panel.is-unconfigured { inset: auto 8px 8px; width: auto; max-height: min(280px, calc(100dvh - 80px)); border-radius: 12px; }}
@media (max-width: 600px) { .settings-contents { width: 100%; top: 4px; } .provider-summary { grid-template-columns: minmax(0,1fr) auto auto; gap: 8px; } .provider-configure { grid-column: auto; width: auto; } .import-review-counts { grid-template-columns: 1fr; }}
/* Keep the mobile note detail on its own full-width column. A container query above restores the two-pane tablet layout, but must not override this phone layout when the viewport itself is below the mobile breakpoint. */@media (max-width: 760px) { .app-shell .notes-layout { grid-template-columns: minmax(0, 1fr); }}
/* Keep the inspector beside the document, with independent scrolling. */.notes-layout.inspector-open .document-pane { display: grid; grid-template-columns: minmax(0, 1fr) clamp(280px, 32vw, 340px); grid-template-rows: auto auto minmax(0, 1fr);}.notes-layout.inspector-open .document-commandbar { grid-column: 1; grid-row: 1; gap: 8px; }.notes-layout.inspector-open .document-selection-notice { grid-column: 1; grid-row: 2; }.notes-layout.inspector-open .document-scroll { grid-column: 1; grid-row: 3; }.notes-layout.inspector-open .document-inspector { position: static; inset: auto; width: auto; min-width: 0; min-height: 0; grid-column: 2; grid-row: 1 / -1;}.notes-layout.inspector-open .commandbar-actions { gap: 4px; }.notes-layout.inspector-open .commandbar-actions > button span { display: none; }.notes-layout.inspector-open .document-canvas { width: calc(100% - 40px); }
.page-title h1,.learning-page > .page-title h1 { font-size: clamp(28px, 3vw, 40px); line-height: 1.15; }
@media (max-width: 1280px) { .notes-layout.inspector-open { grid-template-columns: minmax(0, 1fr); } .notes-layout.inspector-open .library-pane { display: none; } .notes-layout.inspector-open .document-pane { grid-column: 1; }}
@media (max-width: 760px) { .notes-layout.inspector-open .document-pane { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); } .notes-layout.inspector-open .document-inspector { grid-column: 1; grid-row: 2; border-left: 0; } .notes-layout.inspector-open .document-scroll, .notes-layout.inspector-open .document-selection-notice { display: none; }
.page-title, .learning-page > .page-title { align-items: flex-start; gap: 12px; padding-bottom: 20px; } .page-title-copy { width: 100%; text-align: left; } .page-title h1, .learning-page > .page-title h1, .pane-titlebar h1, .problems-layout:not(.mobile-detail-open) .problem-library .pane-titlebar h1 { margin-top: 0; font-size: 28px; line-height: 1.15; }
.learning-page .learning-rail { padding: 6px; } .learning-page .learning-rail > button { min-height: 56px; margin-block: 0; } .learning-page .course-workspace > header { min-height: 72px; padding: 12px 16px; flex-direction: row; align-items: center; gap: 12px; } .learning-page .course-workspace > header > div { min-width: 0; } .learning-page .course-workspace h2 { font-size: 22px; line-height: 1.2; overflow-wrap: anywhere; } .learning-page .course-workspace > header button { flex-shrink: 0; min-height: 36px; padding-inline: 10px; font-size: 13px; } .learning-page .lesson-outline { padding: 6px; } .learning-page .lesson-outline > button { min-height: 48px; margin-block: 0; padding-block: 8px; } .learning-page .lesson-editor > header { min-height: 44px; padding: 12px 16px; } .learning-page .lesson-scroll { padding: 16px 16px 24px; } .learning-page .lesson-editor > footer { position: static; bottom: auto; z-index: auto; min-height: 64px; padding: 12px 16px; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 12px; box-shadow: none; }}