.brand-group{display:flex;align-items:center;gap:14px;min-width:0}.sidebar-toggle{width:44px;height:44px;border:1px solid #e5d9ef;background:#f5effb;color:#79588f;border-radius:9px;font-size:21px;flex:none}.top-view-switch{margin:0;gap:3px}.top-view-switch button{min-height:44px;font-size:12px;padding:9px 14px;white-space:nowrap}.top-view-switch button.active{background:#e9dcf5;color:#6d4c83}.sidebar-collapsed .layout{grid-template-columns:minmax(0,1fr)}.sidebar-collapsed .sidebar{display:none}.sidebar-backdrop{display:none}.readonly-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.readonly-toolbar h3{font-size:20px;color:#6c4e80;margin:0}.readonly-toolbar select{min-height:44px;padding:8px 12px;font-size:14px;border:1px solid #e3d5ed;border-radius:8px;background:white;max-width:45%}.readonly-record{border:1px solid #e5daed;border-radius:12px;background:white;padding:24px;margin:0 0 17px;overflow-wrap:anywhere}.readonly-record header{display:flex;align-items:center;justify-content:space-between;gap:13px}.readonly-record h4{margin:0;color:#6e4d82;font-size:17px}.readonly-record header span{font-size:12px;color:#94849f}.readonly-record h5{font-size:13px;line-height:1.9;color:#8b749d;margin:15px 0 8px}.readonly-record p{white-space:pre-wrap;font-size:14px;line-height:1.9;color:#655a71}.readonly-record dl{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:1px solid #ede4f3;padding-top:16px}.readonly-record dt{font-size:11px;color:#9a88a6;margin-bottom:5px}.readonly-record dd{font-size:13px;line-height:1.8;white-space:pre-wrap;margin:0;color:#6d6178}.readonly-record .button{font-size:12px}.topbar .private-pill{font-size:10px}.topbar{gap:15px}
@media(max-width:1050px){.topbar .private-pill{display:none}.brand-caption{font-size:11px}.topbar{padding:0 20px}.brand-group{gap:9px}.top-view-switch button{padding:8px 10px;font-size:11px}}
@media(max-width:760px){.topbar{height:122px;display:flex;flex-wrap:wrap;align-content:center;row-gap:7px;padding:8px 14px}.brand-group{width:100%;justify-content:flex-start}.brand-caption{display:block;font-size:11px}.brand-wordmark{font-size:27px}.brand-watermark{width:48px;height:41px}.top-right{width:100%;display:block}.top-view-switch{display:flex;width:100%;margin:0}.top-view-switch button{flex:1;font-size:12px;padding:7px 8px}.sidebar{position:fixed;left:0;top:122px;bottom:0;height:calc(100dvh - 122px);width:280px;max-width:85vw;z-index:8;overflow:auto;border-right:1px solid #e2d2ed;box-shadow:10px 0 35px #59406924;padding:23px 16px}.sidebar .side-intro,.sidebar .side-bottom{display:block}.sidebar #unit-nav{display:block;overflow:visible}.sidebar .semester-group{display:block}.sidebar .semester-label{display:flex}.sidebar .unit-group{width:100%;max-width:none;margin:5px 0}.sidebar .unit-header .unit-button{font-size:12px}.sidebar .unit-header .unit-number{width:26px;height:26px}.sidebar .unit-expand{width:42px}.sidebar .unit-subsections{padding-left:30px}.sidebar .unit-subsections button{font-size:12px}.sidebar .teaching-nav{width:100%}.sidebar-backdrop{position:fixed;inset:122px 0 0;background:#30203b55;z-index:7;display:block;width:100%;height:calc(100dvh - 122px)}.sidebar-collapsed .sidebar-backdrop{display:none}.readonly-record{padding:20px}.readonly-record dl{grid-template-columns:1fr}.readonly-toolbar{align-items:flex-start}.readonly-toolbar select{font-size:16px}}
@media(max-width:380px){.brand-caption{font-size:9px}.brand-group{gap:7px}.brand-wordmark{font-size:25px}.brand{gap:8px}.brand-watermark{width:44px;height:37px}.sidebar-toggle{width:40px;height:40px}.topbar{padding:8px 11px}.top-view-switch button{font-size:11px}}
@media print{.sidebar-backdrop{display:none!important}}
/* Navigation tools stay with the sidebar, leaving the wordmark untouched. */
.sidebar-tools{display:flex;align-items:center;gap:8px;margin-bottom:22px}.sidebar-tools .sidebar-toggle{width:40px;height:40px}.sidebar-rail{display:none}.sidebar-collapsed .layout{grid-template-columns:58px minmax(0,1fr)}.sidebar-collapsed .sidebar-rail{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 5px;background:#f4eefb;border-right:1px solid #e5d9ef;position:sticky;top:84px;height:calc(100dvh - 84px)}.journal-tabs{display:flex;gap:8px;background:#f8f4fc;padding:12px;border:1px solid #e5d8ef;border-radius:12px;margin-bottom:20px;position:sticky;top:84px;z-index:3}.journal-tabs button{padding:12px 16px;min-height:46px;border-radius:8px;background:white;color:#8b739c;font-size:13px}.journal-tabs button.active{background:#e9dcf5;color:#65447e;font-weight:700}.record-selectors{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px;margin-bottom:20px}.record-selectors label{font-size:12px;color:#8e769e}.record-selectors select{display:block;width:100%;min-width:0;min-height:46px;margin-top:6px;background:white;border:1px solid #dfcee9;border-radius:9px;padding:10px;color:#655073;font-size:14px}.home-exam{border:1px solid #e0d0ed;border-radius:14px;background:#f7f1fc;padding:22px 25px;margin:0 0 24px}.home-exam-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-exam-head label{font-size:12px;color:#816493}.home-exam select{min-height:44px;max-width:200px;padding:8px;border:1px solid #dfcee9;border-radius:8px;background:white;color:#6e507f}.home-exam h3{font-size:22px;color:#68437e;margin:12px 0 4px}.home-exam p{font-size:13px;line-height:1.9;color:#826c92;margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere}.home-exam b{color:#76568b;font-size:12px}.home-exam small{color:#9a86a7;font-size:11px}#home-exam-content{display:grid;grid-template-columns:1fr 1fr;gap:25px}.planning .home-exam{display:none}#journal-timeline{margin-top:0}#planner-panel,.readonly-record{scroll-margin-top:155px}
@media(max-width:760px){.sidebar-collapsed .layout{grid-template-columns:minmax(0,1fr)}.sidebar-collapsed .sidebar-rail{position:fixed;top:132px;left:7px;height:auto;border:1px solid #e1d1ed;border-radius:10px;padding:5px;z-index:6;box-shadow:0 4px 16px #64487822}.sidebar-collapsed main{padding-left:60px}.sidebar-tools{display:flex}.journal-tabs{top:122px;flex-wrap:wrap;padding:8px}.journal-tabs button{flex:1 1 130px;font-size:12px;padding:10px}.record-selectors{grid-template-columns:1fr}.record-selectors select{font-size:16px}.home-exam{padding:17px}.home-exam-head{align-items:flex-start;flex-direction:column}.home-exam select{font-size:16px;max-width:100%}#home-exam-content{grid-template-columns:1fr;gap:8px}.home-exam h3{font-size:20px}.top-view-switch button{font-size:11px;padding:7px 5px}}
@media print{.sidebar-rail,.journal-tabs,.home-exam{display:none!important}}
@media(min-width:761px) and (max-width:1120px){.topbar .private-pill{display:none}.topbar{padding-left:24px;padding-right:24px}.top-view-switch button{padding-left:10px;padding-right:10px}.brand-caption{font-size:11px}}
.notes-reference{padding:23px;border:1px solid #dfd2eb;border-radius:13px;background:#fcf9ff;overflow-wrap:anywhere;color:#655173}.notes-reference h3{font-size:20px;color:#614278;margin:8px 0 18px}.notes-reference h4{font-size:13px;color:#806095;margin:21px 0 9px}.notes-reference label{font-size:11px;color:#9278a4}.notes-reference select{width:100%;min-width:0;min-height:44px;display:block;margin-top:6px;border:1px solid #dfcee9;border-radius:8px;background:white;padding:9px;color:#735389;font-size:13px}.notes-reference p{font-size:13px;line-height:1.95;margin:8px 0;white-space:pre-wrap}.study-decisions{overflow-x:auto;margin-top:16px}.study-decisions table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;line-height:1.8}.study-decisions th,.study-decisions td{padding:10px 8px;text-align:left;vertical-align:top;border:1px solid #e6dcef;overflow-wrap:anywhere}.study-decisions th{background:#efe5f8;color:#806094}.study-decisions th:first-child{width:38%}.study-example{list-style:none;counter-reset:study-step;padding:0;margin:0}.study-example li{counter-increment:study-step;display:flex;gap:10px;margin:10px 0;font-size:13px;line-height:1.9}.study-example li:before{content:counter(study-step);flex:none;background:#eee3f8;border-radius:50%;color:#86679b;width:22px;height:22px;text-align:center;font-size:11px;line-height:22px;margin-top:2px}.study-example .math{white-space:normal;font-size:13px;line-height:1.9;min-width:0}.study-trap{background:#f3edf8;border-left:3px solid #b598cb;padding:12px 13px;margin-top:19px;border-radius:0 8px 8px 0}.study-trap h4{margin:0 0 6px}.study-check{margin-top:19px;border-top:1px solid #e8ddef;padding-top:15px;font-size:13px;line-height:1.9}.study-check summary{cursor:pointer;color:#806092;min-height:44px}.study-check p{background:white;border-radius:8px;padding:12px}.notes-view .workspace-grid{grid-template-columns:minmax(0,1fr) minmax(285px,340px)}.notes-view .reference-column{display:block}.notes-view .notes-card h3:after{content:none}.notes-view .workspace-head{margin-top:4px}.notes-view .notes-entry{line-height:1.85}
@media(max-width:1050px){.notes-view .workspace-grid{grid-template-columns:minmax(0,1fr)}.notes-reference{margin-top:0}.study-decisions table{font-size:13px}.notes-reference select{font-size:16px}}
@media(max-width:760px){.notes-reference{padding:19px}.notes-reference h3{font-size:18px}.study-decisions th,.study-decisions td{padding:10px 7px}}
/* Compact record filters and an optional tablet writing surface. */
.record-selectors{grid-template-columns:minmax(130px,190px) minmax(150px,205px);gap:12px;justify-content:start}.record-selectors select{max-width:100%}.preview-plan-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.preview-plan-heading h3{margin:0}.preview-plan-heading .button{min-height:44px;white-space:nowrap}#preview-plan{scroll-margin-top:160px}.ink-open{border:1px solid #d7c2e6;background:#f3eafc;color:#77528f}.answer-actions{flex-wrap:wrap}.handwriting-panel{margin:16px 0 26px;border:1px solid #dfd0eb;border-radius:12px;background:#fcf9ff;scroll-margin-top:145px;overflow:hidden}.handwriting-panel summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;cursor:pointer;color:#72518c;font-size:15px;min-height:54px}.handwriting-panel summary:after{content:'＋';order:3;font-size:20px}.handwriting-panel details[open] summary:after{content:'−'}.handwriting-panel summary small{font-size:11px;color:#a086b2;flex:1;text-align:right}.ink-body{padding:0 18px 18px}.ink-note,.ink-mode-note{font-size:12px;line-height:1.9;color:#8b729c;margin:0 0 12px}.ink-mode-note{font-size:11px;margin:11px 0}.ink-toolbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.ink-toolbar>div,.ink-bottom,.ink-bottom>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ink-toolbar button,.ink-bottom button{min-height:44px;padding:9px 12px;border:1px solid #e0d1eb;border-radius:8px;background:white;color:#896a9c;font-size:12px}.ink-toolbar button.active{background:#e9dbf7;border-color:#cbb1e0;color:#67447f;font-weight:700}.ink-toolbar label{font-size:11px;color:#957ba7;display:flex;gap:4px;align-items:center}.ink-toolbar select{min-height:44px;border:1px solid #e0d1eb;border-radius:7px;background:white;color:#7f5c96;padding:6px;font-size:13px}.ink-paper{overflow:hidden;border:1px solid #dfd2e8;border-radius:9px;background-color:#fff;background-image:linear-gradient(#a98cbe17 1px,transparent 1px),linear-gradient(90deg,#a98cbe17 1px,transparent 1px);background-size:24px 24px}.ink-paper canvas{display:block;width:100%;height:auto;aspect-ratio:5/3;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:crosshair}.ink-bottom{justify-content:space-between;margin-top:12px}.ink-status{font-size:11px;color:#a38ab5;line-height:1.8;margin:10px 0}.ink-body>.text-button{min-height:44px}.handwriting-panel details[open]{padding-bottom:0}
@media(max-width:600px){.record-selectors{grid-template-columns:minmax(110px,170px) minmax(135px,185px);gap:10px}.record-selectors label{min-width:0}.ink-body{padding:0 12px 14px}.handwriting-panel summary{padding:15px 13px}.handwriting-panel summary small{display:none}.ink-toolbar button,.ink-bottom button{font-size:12px;padding:9px 10px}.ink-toolbar select{font-size:16px}.ink-bottom{gap:10px}.ink-bottom>button{width:100%}.ink-note{font-size:12px}.ink-paper canvas{aspect-ratio:5/3}}
@media(max-width:380px){.record-selectors{grid-template-columns:minmax(0,185px)}.ink-bottom>div{gap:5px}}
@media print{.handwriting-panel,.ink-open{display:none!important}}