/* Keep the student view visual and quiet; detail is one tap away. */
.notes-section-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.notes-section-tabs button{padding:10px 14px;border:1px solid #e4d7ec;background:#faf7fc;color:#82628e;border-radius:9px;font-size:15px}.notes-section-tabs button.active{background:#80618f;color:#fff;border-color:#80618f}
.visual-notes{padding:clamp(18px,3vw,30px)}.visual-notes>h3{font-size:23px;margin-top:10px}.visual-notes>.study-visual-gallery{grid-template-columns:1fr}.visual-notes .study-visual{max-width:none;padding:22px}.visual-notes .study-visual h5{font-size:18px}.visual-notes .study-visual svg{max-width:430px}.visual-notes .study-visual figcaption{font-size:15px;line-height:1.9}.visual-notes .study-visual figcaption small{font-size:11px}.study-visual svg .filled{fill:#eee5f6}.study-visual svg .accent{stroke:#b48c56}.study-visual svg text{font-size:13px}
.extra-study-visual{border:1px solid #e4d7ec;border-radius:10px;padding:12px}.extra-study-visual>summary{cursor:pointer;font-size:14px;color:#80618f}.extra-study-visual[open] .study-visual{margin-top:14px}
.notes-toolbox{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;margin:14px 0 30px}.notes-toolbox .notes-entry{padding:16px;border:1px solid #e7dfec;border-radius:10px;background:#fdfbfe;min-width:0}.notes-toolbox .notes-entry h4{font-size:16px}.notes-toolbox .notes-entry>.math{font-size:19px;overflow:auto;max-width:100%;padding:10px 0;display:block;white-space:nowrap}.notes-toolbox .notes-entry>button{margin-top:10px;font-size:14px;padding:9px 12px;background:#efe7f4;color:#79598a}.notes-entry details summary{font-size:14px;color:#896998;cursor:pointer}.notes-entry details p{font-size:15px;line-height:1.9}
.notes-worked{border-top:1px solid #e8dfed;padding-top:22px}.notes-worked>h4{font-size:21px;line-height:1.8;margin:14px 0;overflow-wrap:anywhere}.notes-example-steps{display:grid;gap:9px}.notes-example-steps details{border:1px solid #e6dceb;border-radius:10px;padding:13px 16px;background:#faf7fc}.notes-example-steps summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;font-size:16px}.notes-example-steps summary>b{background:#e8dcf0;color:#856096;border-radius:8px;display:grid;place-items:center;width:29px;height:29px;flex:none}.notes-example-steps summary>span:last-child{margin-left:auto}.note-step-expression{font:20px/1.9 ui-monospace,Consolas,monospace;margin-top:14px;overflow-wrap:anywhere}.notes-example-steps p{font-size:15px;line-height:1.9;color:#7f7387;margin-bottom:3px}
.notes-reference .study-concept{font-size:18px;line-height:1.9;background:#f0e8f5;padding:16px;border-radius:10px;margin-bottom:14px}.notes-route-chips{display:grid;gap:8px;margin:14px 0 20px}.notes-route-chips span{display:flex;align-items:center;gap:10px;font-size:15px}.notes-route-chips b{font-size:24px;color:#b595ca;font-weight:400}.notes-reference>details{padding:14px 0;border-top:1px solid #e7deec;background:transparent;margin:0}.notes-reference>details summary{font-size:15px;font-weight:600;cursor:pointer;line-height:1.9;color:#79578c}.notes-reference>details p,.notes-reference .study-example li{font-size:15px;line-height:1.9}.notes-reference .study-deep table{font-size:14px}
.data-tools-dialog{width:min(920px,95vw);max-width:920px;max-height:90dvh;overflow:auto}.data-tools-dialog>div,.data-tools-dialog>section{display:block}.data-tools-dialog .studio-dialog-head{display:flex}.backup-card{background:#f6f0fa;border:1px solid #e1d3e9;border-radius:12px;padding:20px;margin:20px 0}.backup-card p{font-size:15px;line-height:1.9;margin:10px 0}.backup-card small{display:block;color:#9b8aa5;margin-bottom:16px}.trash-row{padding:16px 0;border-bottom:1px solid #e9e1ed;display:flex;align-items:center;justify-content:space-between;gap:14px}.trash-row small{display:block;margin-top:7px;font-size:13px;color:#9889a3}.trash-row>div:last-child{display:flex;gap:12px;align-items:center}.teacher-grading{background:#f5eef9;border:1px solid #dfd0e8;border-radius:12px;padding:18px;margin-top:20px}.teacher-grading summary{font-size:18px;font-weight:600;cursor:pointer}.teacher-grading>p{font-size:14px;margin:14px 0}.teacher-grading label{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:15px;padding:10px 0}.teacher-grading label:last-of-type{display:block}.teacher-grading input{width:90px;max-width:100%;font-size:18px;padding:8px}.teacher-grading textarea{display:block;width:100%;min-height:85px;margin-top:10px;padding:12px;font-size:16px}.teacher-review-note{background:#f4ecf8;border-left:3px solid #a585b7;padding:16px 20px;border-radius:6px;margin:20px 0}.teacher-review-note p{font-size:16px;margin:9px 0}.teacher-review-note small{font-size:13px;color:#8b739a}
@media(max-width:640px){.notes-toolbox{grid-template-columns:1fr}.visual-notes .study-visual{padding:16px 10px}.visual-notes .study-visual h5{font-size:16px}.notes-section-tabs button{font-size:14px}.trash-row{align-items:flex-start;flex-direction:column}.teacher-grading label{align-items:flex-start;flex-direction:column}.logout-loading{margin-top:30px}}
.pdf-options{display:flex!important;align-items:flex-end;justify-content:flex-start!important;gap:15px!important;margin:20px 0;flex-wrap:wrap}.pdf-options label{display:grid;gap:7px;font-size:14px}.pdf-options select{min-width:120px;padding:10px 14px;border:1px solid #dacbe3;border-radius:8px;background:#faf7fc;font-size:16px}.roster-grade-edit{display:flex!important;align-items:center;gap:12px;flex-wrap:wrap}.roster-grade-edit select{width:auto!important}.roster-exam-button{font-size:13px!important;white-space:nowrap}.student-exam-dialog{width:min(760px,94vw);max-width:760px;max-height:90dvh;overflow:auto}.student-exam-dialog>form{display:block}.student-exam-dialog form>label{display:grid;gap:9px;font-size:16px;margin:20px 0}.student-exam-dialog input[type=date],.student-exam-dialog textarea{max-width:100%;padding:12px;border:1px solid #dfd0e7;border-radius:8px;font-size:17px}.student-exam-dialog .exam-semester{border:1px solid #e5d9ec;padding:14px;border-radius:9px;margin:10px 0}.student-exam-dialog summary{font-size:16px;cursor:pointer;color:#816091}.student-exam-dialog details details{margin:15px 0 8px 9px}.student-exam-dialog details label{display:flex;gap:10px;align-items:center;margin:12px 0;font-size:15px}.student-exam-dialog input[type=checkbox]{width:20px;height:20px;accent-color:#8c659d}
.journal-grid{gap:clamp(20px,2.4vw,34px)!important;align-items:start}.journal-card{padding:clamp(20px,2.3vw,32px)!important;min-width:0}.journal-card form,.journal-card fieldset,.lesson-fields>div{min-width:0;box-sizing:border-box}.journal-card form>textarea,.journal-card form>input,.lesson-fields input,.lesson-fields select{width:100%;max-width:100%;box-sizing:border-box}.journal-card fieldset{padding:17px 16px;margin:20px 0}.journal-card form>label{margin-top:22px}.lesson-focus-choice{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;background:#f6f0fa;border-radius:10px;margin:18px 0}.lesson-focus-choice label{display:flex;align-items:center;gap:10px;font-size:15px;margin:0!important}.lesson-focus-choice input{width:19px;height:19px;accent-color:#8c659d}.lesson-focus-choice small{font-size:12px;color:#9f8aaa}.lesson-exam-link{margin:24px 0;font-size:13px;color:#96819f;padding-top:16px;border-top:1px solid #e5dbea}.lesson-exam-link button{margin-left:8px}.journal-card .lesson-fields{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.journal-card [hidden]{display:none!important}@media(max-width:600px){.journal-card .lesson-fields{grid-template-columns:1fr!important}.journal-card{padding:20px!important}.journal-card fieldset{padding:14px 12px}.pdf-options select{min-width:95px}}
.paper-ready-dialog{width:min(680px,94vw);max-width:680px;max-height:90dvh;overflow:auto;padding:clamp(22px,4vw,36px)}.paper-ready-dialog>div{display:block}.paper-ready-dialog h2{font-size:27px;color:#73518d;margin:12px 0 22px}.paper-ready-count{display:flex!important;align-items:center;gap:15px;background:#f4edf9;border-radius:12px;padding:17px 20px}.paper-ready-count>b{font:42px/1.1 Georgia,serif;color:#8b64a2}.paper-ready-count>span{font-size:16px;color:#856c95}.paper-ready-dialog h3{font-size:18px;margin:24px 0 12px}.paper-ready-scopes{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0;margin:0;max-height:250px;overflow:auto}.paper-ready-scopes li{padding:11px 13px;border:1px solid #e5d8ed;border-radius:8px;font-size:15px;color:#82618f;background:#fbf8fd;overflow-wrap:anywhere}.paper-ready-rules{border-left:3px solid #b89ac9;padding:4px 16px;margin:23px 0;color:#7b638b}.paper-ready-rules p{font-size:16px;line-height:1.9;margin:8px 0}.paper-ready-rules small{display:block;font-size:13px;color:#9a87a5;line-height:1.8}.paper-ready-dialog .paper-ready-actions{display:flex;justify-content:space-between;gap:12px}.paper-ready-actions button{min-height:50px;font-size:16px}.paper-ready-actions .primary{flex:1}.paper-exit-notice{position:fixed;z-index:50;bottom:25px;left:50%;transform:translateX(-50%);padding:15px 22px;border:1px solid #d5c1e2;border-radius:12px;background:#f5edf9;color:#79548d;box-shadow:0 10px 35px #74528c26;font-size:16px;max-width:min(92vw,650px);text-align:center}.paper-exit-result{padding:14px 18px;background:#f5eef9;border-left:3px solid #b38cc8;font-size:15px}.paper-exiting .paper-questions,.paper-exiting .paper-bottom{pointer-events:none;opacity:.65}@media(max-width:600px){.paper-ready-scopes{grid-template-columns:1fr}.paper-ready-count{align-items:flex-start!important}.paper-ready-count>span{font-size:14px}.paper-ready-dialog .paper-ready-actions{flex-direction:column-reverse}}

/* Full method coverage with progressive disclosure, scoped to the exam notes. */
.depth-note-intro{font-size:17px;line-height:1.9;max-width:65ch}.depth-coverage{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px}.depth-coverage span{padding:7px 12px;background:#f0e8f7;color:#745282;border-radius:20px;font-size:13px}.depth-topic-group{border:1px solid #dfd0e8;border-radius:14px;margin:17px 0;background:#fff;overflow:hidden}.depth-topic-group>summary{display:flex;gap:13px;align-items:center;padding:18px;cursor:pointer;list-style:none;background:#f6f0fa;font-size:19px}.depth-topic-group>summary>b{width:40px;height:40px;display:grid;place-items:center;color:#9065a8;background:#ece0f3;border-radius:10px;font-size:24px;flex:none}.depth-topic-group>summary small{display:block;margin-top:5px;font-size:12px;color:#927c9f}.depth-topic-list{padding:4px 17px}.depth-topic{border-bottom:1px solid #eee6f2}.depth-topic:last-child{border-bottom:0}.depth-topic>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 1px;font-size:17px;cursor:pointer;line-height:1.7}.depth-topic>summary small{font-size:11px;color:#8c6c9d;white-space:nowrap;background:#f3edf7;padding:3px 8px;border-radius:6px}.depth-topic-content{padding:0 2px 22px;min-width:0}.depth-formula{padding:16px;background:#f9f5fc;border-left:3px solid #b79acb;border-radius:7px;font-size:20px;overflow-x:auto;line-height:1.9}.depth-method{font-size:15px;line-height:1.9;color:#795e88;margin:15px 0 24px}.depth-topic h4{font-size:14px;color:#8c7597}.depth-example{font-size:20px;line-height:1.9;overflow-wrap:anywhere}.depth-steps{padding-left:24px;display:grid;gap:14px}.depth-steps li{padding-left:6px}.depth-steps li::marker{color:#9b78b0;font-weight:700}.depth-steps h5{font-size:15px;margin:7px 0}.depth-steps li>div{font-size:19px;line-height:1.9;overflow-wrap:anywhere}.depth-steps p{font-size:14px;line-height:1.9;color:#8d7c96;margin:5px 0}.depth-answer{padding:14px 17px;border-radius:9px;background:#eff5f1;font-size:20px;line-height:1.9;overflow-wrap:anywhere;margin:20px 0}.depth-foundation>summary{padding:18px 0;cursor:pointer;color:#876393;font-size:15px}.depth-extension-note{font-size:12px;line-height:1.8;color:#96859e}.depth-topic .diagram{max-width:530px;margin:18px auto}.depth-topic .diagram svg{width:100%;height:auto}.depth-notes .math{font-family:"STIX Two Math","Cambria Math","Noto Sans TC",system-ui,sans-serif;font-variant-numeric:lining-nums slashed-zero}
@media(max-width:620px){.depth-topic-group>summary{font-size:17px;padding:14px}.depth-topic-list{padding:3px 12px}.depth-topic>summary{font-size:16px;flex-wrap:wrap;gap:5px}.depth-example{font-size:18px}.depth-formula,.depth-steps li>div{font-size:17px}.depth-coverage span{font-size:12px}.depth-note-intro{font-size:16px}.depth-steps{padding-left:21px}}