@font-face{font-family:ChapterScript;src:url('/courses-notebook-v1/assets/handwriting.ttf');font-display:swap}
@font-face{font-family:ChapterNote;src:url('/courses-notebook-v1/assets/caveat.ttf');font-display:swap}
html[data-chapter-journal]{--chapter-art:url('/chapter-journal/vector.svg')}
html[data-chapter-journal='circle']{--chapter-art:url('/chapter-journal/circle.svg')}
html[data-chapter-journal='force']{--chapter-art:url('/chapter-journal/force.svg')}
html[data-chapter-journal='rotation']{--chapter-art:url('/chapter-journal/rotation.svg')}
html[data-chapter-journal='momentum']{--chapter-art:url('/chapter-journal/momentum.svg')}
html[data-chapter-journal='energy']{--chapter-art:url('/chapter-journal/energy.svg')}
html[data-chapter-journal='orbit']{--chapter-art:url('/chapter-journal/orbit.svg')}
html[data-chapter-journal='wave']{--chapter-art:url('/chapter-journal/wave.svg')}
html[data-chapter-journal='pendulum']{--chapter-art:url('/chapter-journal/pendulum.svg')}
html[data-chapter-journal='field']{--chapter-art:url('/chapter-journal/field.svg')}
html[data-chapter-journal='flux']{--chapter-art:url('/chapter-journal/flux.svg')}
html[data-chapter-journal='potential']{--chapter-art:url('/chapter-journal/potential.svg')}
html[data-chapter-journal='deflection']{--chapter-art:url('/chapter-journal/deflection.svg')}
html[data-chapter-journal='circuit']{--chapter-art:url('/chapter-journal/circuit.svg')}
html[data-chapter-journal] :is(.lecture-page,.electromagnetism-reading){--lecture-paper:#faf6eb;--lecture-ink:#244665;--lecture-muted:#526577;--lecture-copper:#315c85;--lecture-rule:#b5c6cf;background-color:#faf6eb!important;color:#244665!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23988055' opacity='.07' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")!important}
html[data-chapter-journal] .lecture-page .lecture-reading-shell{max-width:1320px!important;padding:40px 48px 70px!important}
html[data-chapter-journal] :is(.lecture-reading-shell>header,.electromagnetism-reading>div>header){position:relative;background:transparent!important;color:#244665!important;box-shadow:none!important;border:0!important;border-bottom:1px solid #a5b9c3!important;border-radius:0!important;padding:12px 0 30px!important;overflow:visible!important}
html[data-chapter-journal] .mechanics-chapter-header{display:grid!important;grid-template-columns:1fr 1fr!important;gap:28px!important;align-items:center!important}
html[data-chapter-journal] .mechanics-chapter-header::after{content:'';grid-row:1;grid-column:2;width:100%;aspect-ratio:600/370;background:var(--chapter-art) center/contain no-repeat;transform:rotate(1.6deg);filter:drop-shadow(2px 4px 3px #315c8515)}
html[data-chapter-journal] :is(.lecture-reading-shell>header,.electromagnetism-reading>div>header)::before{content:'';position:absolute;top:9px;right:18%;width:95px;height:25px;background:#e7ca83aa;transform:rotate(7deg);z-index:1}
html[data-chapter-journal] .lecture-page h1,html[data-chapter-journal] .electromagnetism-reading h1{font-family:ChapterScript,cursive!important;font-size:clamp(52px,5.5vw,78px)!important;color:#17466d!important;font-weight:400!important;line-height:1.07!important;letter-spacing:-.025em!important;text-transform:none!important;overflow-wrap:normal!important}
html[data-chapter-journal] h1 em{color:#17466d!important;font-style:normal!important}
html[data-chapter-journal] :is(.mechanics-deck,.lecture-reading-shell>header p,.electromagnetism-reading>div>header p){color:#526577!important;font-size:16px!important;line-height:1.8!important}
html[data-chapter-journal] .mechanics-eyebrow{color:#315c85!important;font-size:10px!important;letter-spacing:.12em!important}
html[data-chapter-journal] .mechanics-goals{grid-column:1/-1;display:flex!important;gap:24px!important;background:#e2ebef88!important;border:0!important;border-left:2px solid #8eaebd!important;padding:16px 20px!important}
html[data-chapter-journal] .mechanics-goals h2{font:400 25px/1.3 ChapterNote,cursive!important;color:#315c85!important;white-space:nowrap;margin:0!important}
html[data-chapter-journal] .mechanics-goals ol{display:flex;gap:26px;padding-left:16px!important}
html[data-chapter-journal] .mechanics-goals li{flex:1;font-size:12px!important;line-height:1.65!important;color:#526577!important;margin:0!important}
html[data-chapter-journal] .mechanics-reading-layout{grid-template-columns:190px minmax(0,1fr)!important;gap:40px!important}
html[data-chapter-journal] .mechanics-contents{border-top:0!important;border-right:1px solid #b9c8cd!important;padding-right:16px!important}
html[data-chapter-journal] .mechanics-contents :is(p,a,button){color:#315c85!important}
html[data-chapter-journal] .mechanics-contents button span{font:400 25px/1 ChapterNote,cursive!important;color:#315c85!important}
html[data-chapter-journal] .mechanics-contents button:hover{background:#dce8ec!important}
html[data-chapter-journal] .mechanics-contents::after{content:'Observe. Sketch. Understand.';display:block;padding:30px 4px;font:400 27px/1.3 ChapterNote,cursive;color:#315c85;transform:rotate(-4deg)}
html[data-chapter-journal] .lecture-section__heading>span{color:#244665!important;border-color:#a4b9c4!important;font-size:32px!important}
html[data-chapter-journal] .lecture-section__heading>span::first-letter{font:400 44px/1 ChapterNote,cursive;color:#315c85}
html[data-chapter-journal] .lecture-subsection__heading{color:#315c85!important;border-color:#d4b55e88!important}
html[data-chapter-journal] .lecture-box{background:#e3edf099!important;border:0!important;border-left:2px solid #92afbe!important;border-radius:0!important;box-shadow:none!important}
html[data-chapter-journal] .lecture-box__label{color:#315c85!important}
html[data-chapter-journal] .lecture-box--warning{background:#f4e0d5aa!important;border-left-color:#ba765c!important}
html[data-chapter-journal] :is(.lecture-box--theory,.lecture-box--note){background:#f3dda088!important;border-left-color:#c6a64b!important}
html[data-chapter-journal] .lecture-box--derivation{background:#f2eee2!important}
html[data-chapter-journal] .mechanics-diagram{background:#e3edf0!important;border:1px solid #b2c8d0!important;border-radius:0!important;padding:16px!important;background-image:linear-gradient(#7d9fac1a 1px,transparent 1px),linear-gradient(90deg,#7d9fac1a 1px,transparent 1px)!important;background-size:22px 22px!important}
html[data-chapter-journal] .mechanics-diagram-tools{color:#315c85!important}
html[data-chapter-journal] .lecture-return-link{background:#315c85!important}
/* Electromagnetism lessons keep their existing live hero diagrams. */
html[data-chapter-journal] .lecture-page--electromagnetism .lecture-reading-shell>header>div:first-child{color:#315c85!important;font-size:11px!important}
html[data-chapter-journal] .lecture-page--electromagnetism .lecture-reading-shell>header>div{max-width:none!important}
html[data-chapter-journal] .lecture-page--electromagnetism .lecture-reading-shell>header .grid>div:has(svg){background:#e0ebef!important;border:1px solid #b4c6d0!important;border-radius:0!important;transform:rotate(1deg)}
html[data-chapter-journal] .lecture-page--electromagnetism .lecture-reading-shell>header:has(.grid>div:only-child)::after{content:'';display:block;position:absolute;right:0;top:30px;width:43%;height:85%;background:var(--chapter-art) center/contain no-repeat}
html[data-chapter-journal] .lecture-page--electromagnetism .lecture-reading-shell>header:has(.grid>div:only-child){padding-right:48%!important;min-height:360px}
html[data-chapter-journal] .lecture-page--electromagnetism .lecture-reading-shell>header:has(.grid>div:only-child) .grid{display:block!important}
html[data-chapter-journal] .lecture-page--electromagnetism section{border-radius:0!important;box-shadow:none!important;border-color:#b7c8ce!important}
html[data-chapter-journal] .lecture-page--electromagnetism section h2{color:#244665!important}
html[data-chapter-journal] .electromagnetism-reading>div{max-width:1100px!important}
html[data-chapter-journal] .electromagnetism-reading>div>header{padding-right:48%!important;min-height:370px}
html[data-chapter-journal] .electromagnetism-reading>div>header::after{content:'';position:absolute;right:0;top:35px;width:45%;height:85%;background:var(--chapter-art) center/contain no-repeat;transform:rotate(1.5deg)}
html[data-chapter-journal] .electromagnetism-reading :is(h2,h3){color:#244665!important}
@media(max-width:1000px){html[data-chapter-journal] .lecture-page .lecture-reading-shell{padding-inline:28px!important}html[data-chapter-journal] .mechanics-reading-layout{grid-template-columns:160px minmax(0,1fr)!important;gap:24px!important}}
@media(max-width:850px){html[data-chapter-journal] .mechanics-chapter-header{grid-template-columns:1fr!important}html[data-chapter-journal] .mechanics-chapter-header::after{grid-column:1;grid-row:2;max-width:580px;justify-self:center}html[data-chapter-journal] .mechanics-reading-layout{display:block!important}html[data-chapter-journal] .mechanics-contents{border:0!important;margin-bottom:30px}html[data-chapter-journal] .mechanics-contents::after{display:none}html[data-chapter-journal] .mechanics-goals{display:block!important}html[data-chapter-journal] .mechanics-goals ol{display:block}html[data-chapter-journal] .mechanics-goals h2{margin-bottom:12px!important}html[data-chapter-journal] .mechanics-goals li{margin-top:8px!important}html[data-chapter-journal] :is(.lecture-reading-shell>header,.electromagnetism-reading>div>header)::before{display:none}html[data-chapter-journal] .electromagnetism-reading>div>header,html[data-chapter-journal] .lecture-page--electromagnetism .lecture-reading-shell>header:has(.grid>div:only-child){padding-right:0!important}html[data-chapter-journal] .electromagnetism-reading>div>header::after,html[data-chapter-journal] .lecture-page--electromagnetism .lecture-reading-shell>header:has(.grid>div:only-child)::after{position:static;display:block;width:100%;height:auto;aspect-ratio:600/370;margin-top:25px}}
@media(max-width:560px){html[data-chapter-journal] .lecture-page .lecture-reading-shell{padding:28px 20px 60px!important}html[data-chapter-journal] :is(.lecture-page,.electromagnetism-reading) h1{font-size:clamp(43px,11vw,60px)!important}html[data-chapter-journal] .lecture-section__heading>span{font-size:27px!important}html[data-chapter-journal] .mechanics-diagram{padding:8px!important}}
@media print{html[data-chapter-journal] :is(.lecture-page,.electromagnetism-reading){background:white!important}html[data-chapter-journal] .mechanics-chapter-header::before{display:none}}
html[data-chapter-journal] .lecture-page .katex-display{display:block!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;box-sizing:border-box!important}
html[data-chapter-journal] .lecture-page .katex-display>.katex{min-width:max-content;display:block}
html[data-chapter-journal] .electromagnetism-reading .katex-display{display:block!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important}
html[data-chapter-journal] .electromagnetism-reading .katex-display>.katex{display:block;min-width:max-content}
html[data-chapter-journal] .electromagnetism-reading svg{max-width:100%;overflow:hidden}
html[data-chapter-journal] .electromagnetism-reading .fixed{left:24px!important}
html[data-chapter-journal] .electromagnetism-reading .katex:not(.katex-display>.katex){display:inline-block;vertical-align:middle;max-width:100%;overflow-x:auto;overflow-y:hidden}
html[data-chapter-journal] .lecture-page--electromagnetism div[class~='bg-[#0F1F38]']{background:#f1d990!important;color:#244665!important;border-radius:0!important}
html[data-chapter-journal] .lecture-page--electromagnetism div[class~='bg-[#0F1F38]'] *{color:#244665!important}
html[data-chapter-journal] .lecture-page--electromagnetism .lecture-reading-shell>.grid>div{border-radius:0!important;box-shadow:none!important;background:#faf7ef!important;border-color:#c1cdd0!important}
html[data-chapter-journal] .lecture-page--electromagnetism .lecture-reading-shell>header svg text:last-child{font-size:9px!important}
@media(max-width:560px){html[data-chapter-journal] .mechanics-page div.flex:has(>button.border-b-2){flex-wrap:wrap!important;gap:10px!important}html[data-chapter-journal] .mechanics-page div.flex:has(>button.border-b-2)>button{padding-left:0!important;font-size:11px!important}}