.notes-page{max-width:1200px;margin:0 auto;padding:36px 24px 72px}.notes-page-header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:30px}.notes-eyebrow,.notes-card-meta{font-size:11px;letter-spacing:.09em;color:var(--muted);font-weight:600}.notes-page h1{font-size:clamp(30px,4vw,44px);letter-spacing:-.04em;margin:10px 0}.notes-page-header p{color:var(--muted);margin:0;font-size:16px}.notes-import-summary{font-size:15px;color:var(--muted);text-align:right;white-space:nowrap}.notes-import-summary strong{font-size:32px;color:var(--ink);margin-right:6px}.notes-import-summary span{display:block;font-size:12px;margin-top:3px}.notes-filters{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px;padding:20px;background:var(--ground-2);border:1px solid var(--line);border-radius:16px}.notes-filters label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:600}.notes-filters input,.notes-filters select{min-width:0;width:100%;box-sizing:border-box;font:inherit;font-weight:400;border:1px solid var(--line);border-radius:10px;background:var(--ground-2,var(--ground-2));color:var(--ink);padding:12px}.notes-results-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.notes-results-heading p,.notes-scope-note{font-size:13px;color:var(--muted)}.notes-scope-note{max-width:800px;line-height:1.6}.notes-chapter-group{margin-top:30px}.notes-chapter-group h2{font-size:22px;letter-spacing:-.025em;margin-bottom:16px}.notes-chapter-group h2 span{margin-left:12px;color:var(--muted);font-size:16px;font-weight:400}.notes-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.notes-card{display:flex;flex-direction:column;text-align:left;background:var(--ground-2);padding:22px;border:1px solid var(--line);border-radius:14px;min-height:200px;transition:transform .16s,border-color .16s;white-space:normal;color:var(--ink)}.notes-card:hover{transform:translateY(-2px);border-color:var(--cyan)}.notes-card strong{font-size:17px;line-height:1.4;letter-spacing:-.02em;margin-top:12px}.notes-card p{font-size:13px;line-height:1.6;color:var(--muted);font-weight:400;margin-bottom:18px}.notes-card-open{margin-top:auto;display:flex;justify-content:space-between;width:100%;font-size:12px;color:var(--cyan)}.notes-empty{padding:40px;background:var(--ground-2);border:1px solid var(--line);border-radius:14px}.notes-sheet{position:fixed;inset:12px 12px 12px auto;margin:0;width:min(560px,calc(100vw - 24px));max-width:none;max-height:none;height:calc(100dvh - 24px);padding:0;border:1px solid var(--line);border-radius:20px;background:var(--ground-2,var(--ground-2));color:var(--ink);box-shadow:0 24px 90px #0005;box-sizing:border-box;overflow:hidden}.notes-sheet[open]{display:flex;flex-direction:column;animation:notes-enter .18s ease-out}.notes-sheet::backdrop{background:#10131a55;backdrop-filter:blur(3px)}.notes-sheet-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;border-bottom:1px solid var(--line);flex:none}.notes-sheet-header h2{font-size:22px;line-height:1.35;margin:6px 0 0;letter-spacing:-.03em}.notes-close{width:36px;height:36px;flex:none;padding:0;font-size:17px;border-radius:50%;background:var(--ground-2);border:1px solid var(--line)}.notes-sheet-body{padding:24px;overflow:auto;overscroll-behavior:contain}.note-provenance{font-size:12px;color:var(--muted);overflow-wrap:anywhere;line-height:1.6}.note-source-status{font-size:12px;color:var(--cyan);padding-bottom:16px;border-bottom:1px solid var(--line)}.note-line{margin:8px 0 8px calc(var(--note-depth)*9px);line-height:1.65;font-size:15px;overflow-wrap:anywhere}.note-line h3{font-size:20px;line-height:1.4;margin:24px 0 12px}.note-line mark{background:color-mix(in srgb,var(--cyan) 13%,transparent);color:var(--ink);border-radius:3px;padding:0 2px}.note-figure{border:1px solid var(--line);border-radius:10px;margin:12px 0;overflow:hidden}.note-figure summary{padding:12px 14px;font-size:13px;cursor:pointer;font-weight:600}.note-figure-paper{background:#fff;color:#242730;padding:12px;min-height:60px}.note-figure img{width:auto;max-width:100%;height:auto;display:block;margin:auto}.note-figure small{display:block;font-size:11px;color:var(--muted);padding:10px 12px}.quick-learn-context{margin:0 0 20px;font-size:17px;font-weight:600;line-height:1.5}.quick-learn-context span{font-size:13px;font-weight:400;color:var(--muted)}.quick-learn-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--ground-2);padding:5px;border:1px solid var(--line);border-radius:12px}.quick-learn-tabs button{font-size:13px;padding:10px 4px;border:1px solid transparent;background:transparent;border-radius:8px}.quick-learn-tabs button[aria-pressed=true]{background:color-mix(in srgb,var(--cyan) 12%,var(--ground-2));border-color:var(--cyan);color:var(--cyan)}.quick-learn-assistance{font-size:12px;color:var(--muted);line-height:1.6;padding:10px 0 16px;border-bottom:1px solid var(--line)}#quick-learn-content h3{font-size:20px;margin:22px 0 12px}.learn-hint{line-height:1.75;font-size:16px}.learn-process{padding-left:28px}.learn-process li{padding-left:5px;margin:20px 0;line-height:1.75;font-size:15px}.learn-return{font-size:14px;color:var(--cyan);padding:16px;border:1px solid var(--line);border-radius:10px}.learn-source{padding:12px 0;border-bottom:1px solid var(--line)}.learn-source summary{font-size:15px;cursor:pointer;font-weight:600;line-height:1.5}.learn-source summary small{display:block;color:var(--muted);font-weight:400;font-size:12px;margin-top:6px}.quick-learn-button{margin-left:8px}.notes-page button:focus-visible,.notes-sheet button:focus-visible,.note-figure summary:focus-visible,.learn-source summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}@keyframes notes-enter{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}@media(max-width:900px){.notes-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notes-filters{grid-template-columns:1fr 1fr}.notes-search{grid-column:1/-1}}@media(max-width:600px){.notes-card-grid,.notes-filters{grid-template-columns:1fr}.notes-page-header{align-items:flex-start}.notes-import-summary{display:none}.notes-page{padding:24px 16px}.notes-chapter-group h2 span{display:block;margin:5px 0 0}.notes-sheet-header,.notes-sheet-body{padding:20px}}@media(prefers-reduced-motion:reduce){.notes-sheet[open]{animation:none}.notes-card{transition:none}}
.note-line[data-depth]:not([data-depth="0"])>.note-line-text{padding-left:12px;position:relative}.note-line[data-depth]:not([data-depth="0"])>.note-line-text:before{content:"•";position:absolute;left:0;color:var(--muted)}

.notes-view-picker{display:flex;gap:4px;margin-top:22px;width:fit-content;background:var(--ground-2);padding:4px;border:1px solid var(--line);border-radius:12px}.notes-view-picker button{font-size:13px;border:0;background:transparent;padding:8px 14px}.notes-view-picker button[aria-pressed=true]{background:color-mix(in srgb,var(--cyan) 14%,var(--ground-2));color:var(--cyan);border-radius:8px}.notes-definitions{margin-top:20px}.notes-definitions .notes-card p{font-size:15px;line-height:1.7}

.course-strip{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px;margin:24px 0;border:1px solid var(--line);border-radius:16px;background:var(--ground-2)}.course-strip h2{font-size:22px;margin:8px 0}.course-strip h2 span{font-size:14px;font-weight:400;color:var(--muted);margin-left:12px}.course-strip p{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.course-strip-actions{max-width:370px}.course-strip-actions details{font-size:12px;color:var(--muted);margin-top:12px}.course-strip-actions summary{cursor:pointer}.course-strip-actions details p{margin-top:12px}@media(max-width:650px){.course-strip{display:block}.course-strip-actions{margin-top:18px}}

.note-annotation{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.note-annotation h3{font-size:20px;margin:0 0 8px}.note-annotation label{font-size:12px;color:var(--muted)}.note-annotation textarea{margin-top:8px;display:block;width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--ground);color:var(--ink);font-size:15px;line-height:1.6;resize:vertical}.note-annotation-actions{display:flex;gap:14px;align-items:center;margin-top:12px}.note-annotation-actions span{font-size:12px;color:var(--muted)}
.learn-guide{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--ground);margin-top:20px}.learn-guide p,.learn-worked-example p{font-size:14px;line-height:1.7}.learn-guide h3{margin-top:10px!important}.learn-formula{font-size:16px;line-height:1.6;font-weight:650;color:var(--cyan);padding:16px 0}.learn-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px}.learn-rules>div{padding:10px;border-radius:8px;border:1px solid var(--line);background:var(--ground-2)}.learn-rules dt{font-size:11px;color:var(--muted);line-height:1.5}.learn-rules dd{font-size:13px;font-weight:600;line-height:1.6;margin:5px 0 0}.learn-mistakes summary,.learn-worked-example summary{font-size:14px;font-weight:600;cursor:pointer;line-height:1.5}.learn-mistakes li{font-size:13px;line-height:1.6;margin:10px 0}.learn-guide-source{font-size:11px!important;color:var(--muted);padding-top:12px;border-top:1px solid var(--line)}.learn-guide-source a{color:var(--cyan)}.learn-worked-example{padding:18px;border:1px solid var(--line);border-radius:12px;margin-top:20px}.learn-calculation{font-size:22px!important;font-weight:650;color:var(--cyan)}.learn-checkpoint{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.learn-checkpoint h3{font-size:17px!important;line-height:1.5;margin-top:10px!important}.learn-checkpoint-choice{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin:8px 0;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:14px;line-height:1.5;background:var(--ground)}.learn-checkpoint-choice:has(input:checked){border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 8%,var(--ground))}.learn-checkpoint-choice input{margin:4px 0 0;accent-color:var(--cyan);flex:none}.learn-checkpoint form button{margin-top:10px}.learn-checkpoint-result:not(:empty),#learn-checkpoint-result:not(:empty){padding:16px;margin-top:16px;border-left:3px solid var(--cyan);background:var(--ground);border-radius:0 10px 10px 0;font-size:14px;line-height:1.7}.learn-checkpoint-result p,#learn-checkpoint-result p{margin:6px 0 0}.learn-mistakes summary:focus-visible,.learn-worked-example summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}@media(max-width:420px){.learn-rules{grid-template-columns:1fr}.learn-guide{padding:16px}}

#feedback-quick-learn,#feedback-transfer{margin-right:10px;margin-bottom:8px;white-space:normal;text-align:center}#feedback-transfer+p{max-width:660px;line-height:1.6}
.course-source-panel{padding:16px 20px;margin:-12px 0 24px;border:1px solid var(--hairline);border-radius:12px;background:var(--ground-2);font-size:13px;color:var(--ink-2)}.course-source-panel>summary{cursor:pointer;font-weight:600;color:var(--ink)}.course-source-body{padding:18px 0 2px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:14px 28px;line-height:1.65}.course-source-body>strong{grid-column:1/-1}.course-source-body>p{margin:0}.course-source-body dl{grid-column:2;grid-row:2/4}.course-source-body>strong{font-size:14px;color:var(--ink)}.course-source-body dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin:0}.course-source-body dt{font-size:11px;color:var(--muted)}.course-source-body dd{font-size:12px;font-weight:600;color:var(--ink-2);margin:2px 0 0}.course-source-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 24px}.course-source-links a,.canvas-outcome-source a{color:var(--cyan);text-underline-offset:3px}.canvas-outcome-source{display:grid;gap:3px;font-size:12px;line-height:1.6}.canvas-outcome-source>span{font-size:11px;color:var(--muted)}.outcome-progress-body>.canvas-outcome-source{padding:12px 14px;border:1px solid var(--hairline);border-radius:10px;background:var(--ground-2)}.course-source-unavailable{margin-top:12px!important}

.notes-coverage{margin:20px 0 8px;padding:16px 20px;background:var(--ground-2);border:1px solid var(--line);border-radius:14px;font-size:13px;line-height:1.65;color:var(--muted)}.notes-coverage summary{cursor:pointer;font-weight:650;color:var(--ink)}.notes-coverage summary span{font-weight:400;margin-left:12px;color:var(--muted)}.notes-coverage p{margin:12px 0 0}.notes-outcome{border:1px solid var(--line);background:var(--ground-2);border-radius:14px;margin:10px 0;overflow:hidden}.notes-outcome>summary{display:flex;align-items:center;gap:18px;padding:20px;cursor:pointer;list-style:none}.notes-outcome>summary:before{content:'›';font-size:22px;color:var(--muted);transition:transform .15s}.notes-outcome[open]>summary:before{transform:rotate(90deg)}.notes-outcome-number{font-size:13px;font-variant-numeric:tabular-nums;color:var(--cyan)}.notes-outcome-title{flex:1;font-size:16px;font-weight:600;line-height:1.5}.notes-outcome-count{font-size:12px;color:var(--muted);white-space:nowrap}.notes-outcome-body{padding:0 24px 22px 60px}.notes-outcome-status{font-size:12px;color:var(--muted);margin:0 0 14px;line-height:1.6}.notes-outcome-sources{display:grid;gap:8px}.notes-outcome-sources>button{text-align:left;display:grid;gap:5px;padding:14px 16px;white-space:normal;background:var(--ground);border:1px solid var(--line);border-radius:10px}.notes-outcome-sources>button span{font-size:14px;font-weight:550;line-height:1.5}.notes-outcome-sources>button small{font-size:11px;color:var(--muted)}.notes-outcome-practice{margin-top:16px;color:var(--cyan)}.notes-outcome summary:focus-visible,.notes-unassigned summary:focus-visible,.notes-coverage summary:focus-visible{outline:2px solid var(--cyan);outline-offset:-3px}.notes-unassigned{padding:20px;border:1px solid var(--line);border-radius:14px;margin:28px 0;background:var(--ground-2)}.notes-unassigned>summary{cursor:pointer;font-size:15px;font-weight:600}.notes-unassigned>p{font-size:13px;color:var(--muted);line-height:1.6}
.notes-outcome-body>.notes-outcome-practice{padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:var(--ground);font-size:13px;font-weight:600;min-height:40px}
