/* The far-right edge is always the notes dock, even while collapsed. */
.canvas-shell .learning-panes:not(.notes-open){grid-template-columns:minmax(0,1fr) 42px}
.notes-edge{height:100%;min-width:0;background:#192018;border-left:1px solid #35412d}
.notes-edge-toggle{display:flex;flex-direction:column;align-items:center;gap:19px;width:100%;height:100%;padding:19px 6px;border:0;background:transparent;color:#a5b691;cursor:pointer}
.notes-edge-toggle:hover{background:#263020;color:#d3e2bb}
.notes-edge-toggle>span{font-size:19px;line-height:1}
.notes-edge-toggle>strong{font-size:11px;font-weight:500;letter-spacing:.22em;writing-mode:vertical-rl;line-height:1.6}
.notes-edge-toggle>i{font-style:normal;font-size:15px;color:#6f875a}
.canvas-shell .canvas-tools{right:62px}
.canvas-shell .notes-open .canvas-tools{right:calc(var(--note-width) + 26px)}
.canvas-shell .notes-open .workspace-notes{padding:0;background:#1b211c;border-left:1px solid #283328;overflow:hidden;min-height:0}
.workspace-notes-heading{padding:15px 17px;border-bottom:1px solid #384033;flex-shrink:0}
.workspace-notes-heading>div:first-child{display:flex;gap:10px;align-items:center}
.notes-dock-icon{font-size:17px;color:#8ca076}
.workspace-notes-heading h3{font-size:14px;letter-spacing:.01em;color:#d7dfcd}
.workspace-notes-heading button{color:#a9b99b;font-size:18px;min-width:28px;min-height:28px;padding:2px 6px}
.notes-route-context{display:flex;align-items:center;gap:9px;padding:14px 18px 0;font-size:10px;color:#849777;flex-shrink:0}
.notes-route-context>span{font:9px monospace;color:#697f5d}
.notes-route-context strong{font-weight:500;font-size:11px;color:#a8b99a}
.notes-route-context small{font-size:9px;margin-left:auto;color:#657e55}
.notes-editor{display:flex;flex-direction:column;min-height:180px;flex:1;padding:0 18px}
.notes-editor #workspace-note-title{margin-top:8px;border-bottom:1px solid #364530;padding:13px 0;color:#d0ddc0;font-size:13px;flex-shrink:0}
.notes-editor #workspace-note-title::placeholder{color:#6e8463}
.notes-editor #workspace-note-body{flex:1;min-height:100px;resize:none;padding:15px 0;font-size:12px;line-height:2;color:#bacdad;overflow:auto;scrollbar-width:thin}
.notes-editor #workspace-note-body::placeholder{color:#6c8062}
.notes-editor #workspace-note-status{font-size:9px;color:#7e976b;margin:6px 0 13px;min-height:15px;line-height:1.7}
.notes-editor #workspace-note-status.save-failed{color:#e5b699}
.notes-recent{border-top:1px solid #354330;flex:0 1 auto;min-height:60px;max-height:205px;display:flex;flex-direction:column;padding:13px 14px 0}
.notes-recent>header{font-size:9px;letter-spacing:.06em;color:#7a906a;padding:0 4px 9px;flex-shrink:0}
.notes-recent .workspace-saved-notes{overflow:auto;scrollbar-width:thin;display:grid;gap:5px;margin:0;padding:0 0 11px}
.notes-recent .workspace-saved-notes button{border:1px solid transparent;background:transparent;padding:9px 10px;color:#98ae85;text-align:left}
.notes-recent .workspace-saved-notes button:hover{background:#263020}
.notes-recent .workspace-saved-notes button.selected{border-color:#485d38;background:#293720}
.notes-recent .workspace-saved-notes strong{font-size:11px;color:#b3c79f}
.notes-recent .workspace-saved-notes small{color:#738a63;font-size:9px}
.notes-list-empty{font-size:10px;line-height:1.8;color:#637d55;padding:0 5px}
.notes-dock-footer{padding:12px 17px 14px;border-top:1px solid #354330;flex-shrink:0}
.notes-dock-footer>button{display:block;width:100%;background:#242d20;color:#9fb68a;border-color:#3c4c31;padding:8px 10px;font-size:10px;text-align:center}
.workspace-note-divider:focus-visible{outline:2px solid #b8d394;outline-offset:-2px}
@media(max-width:760px){
  .canvas-shell .learning-panes:not(.notes-open){grid-template-columns:minmax(0,1fr) 34px}
  .canvas-shell .learning-panes.notes-open{grid-template-columns:minmax(0,1fr)}
  .canvas-shell .canvas-tools{right:47px;bottom:13px}
  .canvas-shell .notes-open .canvas-tools{right:13px}
  .notes-edge-toggle{padding:18px 4px;gap:15px}
  .notes-edge-toggle>strong{font-size:10px}
  .notes-edge-toggle>span{font-size:17px}
  .canvas-shell .notes-open .workspace-notes{padding:0;background:#1b231a}
  .workspace-notes-heading{padding:15px 19px}
  .workspace-notes-heading h3{font-size:16px}
  .workspace-notes-heading button{min-height:34px;min-width:34px}
  .notes-route-context{padding:15px 21px 0}
  .notes-editor{padding:0 21px;min-height:130px}
  .notes-editor #workspace-note-body{font-size:14px;min-height:80px}
  .notes-editor #workspace-note-title{font-size:15px}
  .notes-recent{max-height:165px}
  .notes-dock-footer{padding:12px 20px 15px}
}
/* A short viewport needs one scrollable dock, rather than clipped flex items. */
@media(max-height:540px){
  .canvas-shell .notes-open .workspace-notes{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding-block:8px}
  .workspace-notes-heading{padding:8px 15px}
  .notes-route-context{padding:8px 16px 0}
  .notes-editor{flex:0 0 auto;min-height:0;padding:0 16px}
  .notes-editor #workspace-note-title{margin-top:4px;padding:9px 0}
  .notes-editor #workspace-note-body{flex:none;height:100px;min-height:100px;padding:10px 0;line-height:1.8}
  .notes-editor #workspace-note-status{margin:4px 0 8px}
  .notes-recent{flex:0 0 auto;min-height:0;max-height:none;padding:9px 12px 0}
  .notes-recent>header{padding-bottom:6px}
  .notes-recent .workspace-saved-notes{flex:none;max-height:104px;padding-bottom:8px;overscroll-behavior:contain}
  .notes-dock-footer{padding:9px 15px 11px}
}