/* Lesson notes: the same look on screen (inside the app) and on paper (A4 print page). */
.notes-doc{--ink:#203e35;--gray:#6b7772;--rule:#d8dfd9;--soft:#f3f6f2;--extra:#fff1cc;--extra-ink:#7a5200;
 color:var(--ink);background:#fff;font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:10.2pt;line-height:1.45;text-align:left;
 -webkit-print-color-adjust:exact;print-color-adjust:exact}
.notes-doc *{box-sizing:border-box}
.notes-doc p{margin:0 0 6px;line-height:1.45}
.notes-doc ul,.notes-doc ol{margin:2px 0 8px;padding-left:18px}
.notes-doc li{margin:0 0 3px}
.notes-doc .katex{font-size:1.06em;white-space:nowrap}
.notes-doc .nd-long .katex{white-space:normal}
.notes-doc .nd-brand{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1.5px solid var(--ink);padding-bottom:5px;font-size:inherit;letter-spacing:0;font-weight:400;color:inherit}
.notes-doc .nd-brand b{font-size:11pt;letter-spacing:.04em}
.notes-doc .nd-brand span{font-size:8.5pt;color:var(--gray);letter-spacing:.06em}
.notes-doc .nd-title{font-size:19pt;line-height:1.2;letter-spacing:0;margin:10px 0 3px}
.notes-doc .nd-meta{color:var(--gray);font-size:9pt;margin-bottom:6px}
.notes-doc .nd-who{display:flex;gap:24px;font-size:9pt;color:var(--gray);margin:6px 0 10px}
.notes-doc .nd-who span{flex:1;border-bottom:1px solid var(--rule);padding-bottom:2px}
.notes-doc .nd-how{font-size:9.3pt;background:var(--soft);border-radius:6px;padding:6px 10px;margin-bottom:10px}
.notes-doc h2{font-size:12.5pt;line-height:1.3;letter-spacing:0;margin:14px 0 6px;display:flex;align-items:center;gap:8px;break-after:avoid}
.notes-doc .nd-n{display:inline-flex;width:20px;height:20px;border-radius:50%;background:var(--ink);color:#fff;font-size:9.5pt;align-items:center;justify-content:center;flex:none}
.notes-doc .nd-src{font-weight:400;font-size:8.5pt;color:var(--gray);margin-left:4px}
.notes-doc h3{font-size:10.4pt;line-height:1.3;margin:9px 0 4px;break-after:avoid}
.notes-doc .nd-tag{display:inline-block;font-size:7.6pt;font-weight:600;letter-spacing:.03em;color:var(--extra-ink);background:var(--extra);border-radius:9px;padding:1px 7px;vertical-align:1px;white-space:nowrap;line-height:1.5}
.notes-doc .nd-key{border:1px solid var(--rule);background:var(--soft);border-radius:8px;padding:6px 12px 6px;margin:4px 0 8px;break-inside:avoid}
.notes-doc .nd-key-title{font-size:8.5pt;font-weight:600;color:var(--gray);letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px}
.notes-doc .nd-scroll{overflow-x:auto}
.notes-doc table{width:100%;border-collapse:collapse}
.notes-doc td,.notes-doc th{padding:3px 6px;vertical-align:middle;border-bottom:1px solid var(--rule);text-align:left}
.notes-doc tr:last-child td,.notes-doc tr:last-child th{border-bottom:0}
.notes-doc th{font-weight:600;width:22%;padding-left:0}
.notes-doc .nd-note{font-size:8.6pt;color:var(--gray);margin-top:4px}
.notes-doc .nd-under{margin:-2px 0 8px}
.notes-doc .nd-terms{font-size:8.6pt;color:var(--gray);margin:0 0 6px}
.notes-doc .nd-sec{display:flow-root}
.notes-doc .nd-fig{float:right;margin:0 0 8px 14px;text-align:center;font-size:8pt;color:var(--gray)}
.notes-doc .nd-fig svg{display:block;margin:0 auto 2px}
.notes-doc .nd-extra{border-left:3px solid #e8c766;padding:2px 0 2px 10px;margin:6px 0 8px;display:flow-root}
.notes-doc .nd-example{border:1px solid var(--rule);border-radius:8px;padding:7px 11px 5px;margin:0 0 8px;break-inside:avoid}
.notes-doc .nd-q{font-weight:600;margin-bottom:4px}
.notes-doc .nd-ans{margin-top:2px}
.notes-doc .nd-ans b{background:var(--soft);padding:0 4px;border-radius:3px}
.notes-doc .nd-cols{columns:2;column-gap:22px}
.notes-doc .nd-cols li{break-inside:avoid}
.notes-doc .nd-keep{break-inside:avoid}
.notes-doc .nd-answers{margin-top:10px;border-top:1px dashed var(--rule);padding-top:6px;font-size:9pt;line-height:1.7;break-inside:avoid}
.notes-doc .nd-nw{white-space:nowrap;margin-right:8px}
.notes-doc .nd-tex{font-family:Consolas,monospace;font-size:.95em}
/* Drawings: beside the text they explain, like a tutor's notebook. */
.notes-doc .nd-dr{float:right;margin:2px 0 6px 14px;text-align:center;break-inside:avoid}
.notes-doc .nd-dr svg{display:block;max-width:100%;height:auto;margin:0 auto}
.notes-doc .nd-dr figcaption{font-size:8pt;line-height:1.3;color:var(--gray);max-width:220px;margin:1px auto 0}
.notes-doc .nd-with,.notes-doc li,.notes-doc .nd-example{display:flow-root}
.notes-doc .nd-key-figs{display:flex;flex-wrap:wrap;justify-content:space-around;gap:6px 14px;border-top:1px solid var(--rule);margin-top:6px;padding-top:6px}
.notes-doc .nd-key-figs .nd-dr{float:none;margin:0}
.notes-doc .nd-dr-sc{margin-left:10px}
/* Screen: a sheet of paper inside the app. */
.notes-sheet{background:#fff;border:1px solid #e2e6dd;border-radius:14px;padding:28px 30px;margin:14px 0 18px;box-shadow:0 6px 24px #173e3514;overflow:hidden}
@media(max-width:560px){
 .notes-sheet{padding:18px 14px;border-radius:12px}
 .notes-doc .nd-fig{float:none;margin:4px auto 10px}
 .notes-doc .nd-dr-block,.notes-doc .nd-dr-ex{float:none;margin:4px auto 8px}
 .notes-doc .nd-dr-item svg,.notes-doc .nd-dr-sc svg{max-width:170px}
 .notes-doc .nd-cols{columns:1}
 .notes-doc .nd-who{gap:12px}
 .notes-doc .nd-title{font-size:17pt}
 .notes-doc .katex{white-space:normal}
 .notes-doc .nd-key table,.notes-doc .nd-key tbody,.notes-doc .nd-key tr,.notes-doc .nd-key th{display:block;width:auto}
 .notes-doc .nd-key tr{border-bottom:1px solid var(--rule);padding:4px 0}.notes-doc .nd-key tr:last-child{border-bottom:0}
 .notes-doc .nd-key th,.notes-doc .nd-key td{border:0;padding:1px 12px 1px 0}
 .notes-doc .nd-key td{display:inline-block}
}
/* Print page (a separate window that contains only the notes). */
body.nd-print{margin:0;background:#fff}
.nd-break{break-before:page}
@media print{.notes-doc .nd-scroll{overflow:visible}}