@font-face{font-family:JournalScript;src:url('/courses-notebook-v1/assets/handwriting.ttf') format('truetype');font-display:swap}
body:has(.kinematics-page) .kinematics-diagram{background:#e5edf0!important;border:1px solid #b5c7ce!important;border-radius:0!important;box-shadow:2px 4px 0 #315c8508!important}
body:has(.kinematics-page) .kinematics-diagram-heading h3,body:has(.kinematics-page) .kinematics-diagram-heading span{color:#315c85!important}
body:has(.kinematics-page) .kinematics-diagram-heading p,body:has(.kinematics-page) .kinematics-diagram figcaption{color:#526577!important}
body:has(.kinematics-page) .kinematics-diagram svg{background-image:linear-gradient(#7d9fac22 1px,transparent 1px),linear-gradient(90deg,#7d9fac22 1px,transparent 1px);background-size:22px 22px}
body:has(.kinematics-page) .kinematics-diagram [fill='#f5eddd']{fill:#e4edf0!important}
body:has(.kinematics-page) .kinematics-diagram [fill='#51382a']{fill:#244665!important}
body:has(.kinematics-page) .kinematics-diagram [stroke='#51382a']{stroke:#244665!important}
body:has(.kinematics-page) .kinematics-diagram [fill='#b25c25']{fill:#b3654c!important}
body:has(.kinematics-page) .kinematics-diagram [stroke='#b25c25']{stroke:#b3654c!important}
@font-face{font-family:JournalNote;src:url('/courses-notebook-v1/assets/caveat.ttf') format('truetype');font-weight:500;font-display:swap}
body:has(.kinematics-page) .kinematics-page{--lecture-paper:#faf6eb !important;--lecture-ink:#244665 !important;--lecture-muted:#526577 !important;--lecture-copper:#315c85 !important;--lecture-rule:#bcc8cc !important;background-color:var(--lecture-paper) !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;color:var(--lecture-ink) !important}
body:has(.kinematics-page) .kinematics-page .kinematics-shell.lecture-reading-shell{max-width:1320px !important;padding:40px 48px 70px!important}
body:has(.kinematics-page) .kinematics-page .kinematics-chapter-header{position:relative !important;grid-template-columns:1fr 1fr !important;gap:30px 36px !important;padding-bottom:32px !important;margin-bottom:36px!important;border-bottom:1px solid #9bafba !important}
body:has(.kinematics-page) .kinematics-chapter-header::after{content:'' !important;display:block !important;grid-column:2 !important;grid-row:1 !important;aspect-ratio:600/410 !important;background:url('/kinematics-journal/motion-study.svg') center/contain no-repeat !important;transform:rotate(2deg) !important;filter:drop-shadow(2px 5px 3px #39516418) !important}
body:has(.kinematics-page) .kinematics-chapter-header::before{content:'' !important;position:absolute !important;top:-2px !important;left:70% !important;width:110px !important;height:27px !important;background:#e8c88085 !important;transform:rotate(7deg) !important;z-index:1 !important}
body:has(.kinematics-page) .kinematics-page .kinematics-hero-title{font-family:JournalScript,cursive!important;font-size:clamp(54px,5.7vw,80px)!important;line-height:1.03!important;color:#17466d !important;font-weight:400!important;letter-spacing:-.025em!important;text-wrap:initial !important}
body:has(.kinematics-page) .kinematics-hero-title em{font-style:normal !important;color:#17466d !important}
body:has(.kinematics-page) .kinematics-page .kinematics-kicker{color:#315c85 !important;font-size:10px !important;letter-spacing:.15em !important}
body:has(.kinematics-page) .kinematics-page .kinematics-deck{color:#244665 !important;font-size:17px !important;line-height:1.7 !important;max-width:480px !important}
body:has(.kinematics-page) .kinematics-chapter-meta{color:#637787 !important}body:has(.kinematics-page) .kinematics-chapter-meta span+span::before{color:#bd7154 !important}
body:has(.kinematics-page) .kinematics-page .kinematics-learning-goals{grid-column:1/-1 !important;padding:15px 20px !important;background:#e8eef080 !important;border:0 !important;border-left:2px solid #86a5b7 !important;display:flex !important;align-items:start !important;gap:26px !important}
body:has(.kinematics-page) .kinematics-learning-goals h2{font:500 25px/1.25 JournalNote,cursive !important;color:#315c85 !important;white-space:nowrap !important;margin:0 !important}body:has(.kinematics-page) .kinematics-learning-goals ol{display:flex !important;gap:28px !important;padding-left:15px !important}body:has(.kinematics-page) .kinematics-learning-goals li{font-size:11px !important;line-height:1.65 !important;color:#526577 !important;margin:0 !important;flex:1 !important}body:has(.kinematics-page) .kinematics-learning-goals li::marker{color:#315c85 !important}
body:has(.kinematics-page) .kinematics-reading-layout{grid-template-columns:190px minmax(0,1fr) !important;gap:48px !important}body:has(.kinematics-page) .kinematics-page .kinematics-content{max-width:850px !important}
body:has(.kinematics-page) .kinematics-contents{border-top:0 !important;border-right:1px solid #b8c5c7 !important;padding-right:20px !important;top:110px !important}body:has(.kinematics-page) .kinematics-contents>p,body:has(.kinematics-page) .kinematics-contents>a{color:#315c85 !important}body:has(.kinematics-page) .kinematics-contents li{border-color:#bcc8cc66 !important}body:has(.kinematics-page) .kinematics-contents button{color:#31536e !important}body:has(.kinematics-page) .kinematics-contents button span{font:500 25px/1 JournalNote,cursive !important;color:#315c85 !important}body:has(.kinematics-page) .kinematics-contents button:hover,body:has(.kinematics-page) .kinematics-contents button:focus-visible{background:#d6e5e9 !important;color:#153c60 !important}
body:has(.kinematics-page) .kinematics-contents::after{content:'Observe. Sketch. Understand.' !important;display:block !important;font:500 29px/1.2 JournalNote,cursive !important;color:#315c85 !important;transform:rotate(-4deg) !important;padding:35px 6px 10px !important}
body:has(.kinematics-page) .kinematics-page .kinematics-content>div:first-child{font-size:16px !important;line-height:1.75!important;color:#526577!important;border-left:2px solid #dcb85e !important;margin-bottom:30px!important}
body:has(.kinematics-page) .kinematics-page .lecture-section__heading{justify-content:flex-start!important;margin-bottom:24px!important}body:has(.kinematics-page) .kinematics-page .lecture-section__heading>span{color:#244665!important;border:0!important;border-bottom:1px solid #a4b8c2!important;background:transparent!important;padding:0 0 13px!important;font-size:32px!important;width:100% !important;text-align:left !important;line-height:1.2!important}body:has(.kinematics-page) .kinematics-page .lecture-section__heading>span::first-letter{font-family:JournalNote,cursive !important;font-size:46px !important;color:#315c85 !important}
body:has(.kinematics-page) .kinematics-page .lecture-section__body{font-size:18px!important;line-height:1.8!important;color:#293f52!important}body:has(.kinematics-page) .kinematics-page .lecture-subsection__heading{color:#315c85!important;border-color:#dfc16c77!important}
body:has(.kinematics-page) .kinematics-page .lecture-box{border-radius:0!important;box-shadow:none!important;border:0!important;border-left:2px solid #88aaba!important;background:#e0ebef99 !important;padding:24px!important}body:has(.kinematics-page) .kinematics-page .lecture-box__label{color:#315c85!important;border-color:#a9bfc966!important}body:has(.kinematics-page) .kinematics-page .lecture-box__body{color:#293f52!important}body:has(.kinematics-page) .kinematics-page .lecture-box--warning{background:#f3e1d6aa!important;border-left-color:#c17b62!important}body:has(.kinematics-page) .kinematics-page .lecture-box--warning .lecture-box__label{color:#a45b43!important}body:has(.kinematics-page) .kinematics-page .lecture-box--theory,body:has(.kinematics-page) .kinematics-page .lecture-box--note{background:#f3dc9199!important;border-left-color:#d4af4d!important}body:has(.kinematics-page) .kinematics-page .lecture-box--derivation{background:#f5f0e4!important;border-block:1px solid #c6c9bc!important}
body:has(.kinematics-page) .kinematics-page [data-lecture-section='1. The Particle Model'] .lecture-section__body::before{content:'' !important;display:block !important;width:100% !important;aspect-ratio:760/210 !important;background:url('/kinematics-journal/particle-study.svg') center/contain no-repeat !important;margin-bottom:26px !important;transform:rotate(-.7deg) !important}
body:has(.kinematics-page) .kinematics-page .kinematics-figure{background-color:#e4edf0!important;background-image:linear-gradient(#779aac15 1px,transparent 1px),linear-gradient(90deg,#779aac15 1px,transparent 1px) !important;background-size:22px 22px !important;border:1px solid #b4c7cf!important;box-shadow:2px 4px 0 #315c8508!important;border-radius:0!important}body:has(.kinematics-page) .kinematics-page .kinematics-figure__eyebrow,body:has(.kinematics-page) .kinematics-page .kinematics-figure__title{color:#315c85!important}body:has(.kinematics-page) .kinematics-page .kinematics-science-panel{background:#e8eef0!important;border-color:#9eb8c5!important;border-radius:0!important}body:has(.kinematics-page) .kinematics-page .kinematics-next h2{color:#315c85 !important}body:has(.kinematics-page) .kinematics-next .lecture-return-link{background:#315c85!important}
body:has(.kinematics-page) body:has(.kinematics-page)>#root header:not(.kinematics-chapter-header):not(.kinematics-figure__header):not(.kinematics-science-panel__header){border-radius:0 !important;box-shadow:none !important}
@media(max-width:1000px){body:has(.kinematics-page) .kinematics-page .kinematics-shell.lecture-reading-shell{padding-inline:28px!important}body:has(.kinematics-page) .kinematics-reading-layout{gap:28px !important;grid-template-columns:160px minmax(0,1fr) !important}body:has(.kinematics-page) .kinematics-page .kinematics-hero-title{font-size:60px!important}body:has(.kinematics-page) .kinematics-learning-goals ol{gap:20px !important}}
@media(max-width:850px){body:has(.kinematics-page) .kinematics-page .kinematics-chapter-header{grid-template-columns:1fr !important}body:has(.kinematics-page) .kinematics-chapter-header::after{grid-column:1 !important;grid-row:2 !important;max-width:580px !important;width:100% !important;justify-self:center !important}body:has(.kinematics-page) .kinematics-chapter-header::before{display:none !important}body:has(.kinematics-page) .kinematics-page .kinematics-learning-goals{grid-column:1 !important;display:block !important}body:has(.kinematics-page) .kinematics-learning-goals h2{margin-bottom:12px !important}body:has(.kinematics-page) .kinematics-learning-goals ol{display:block !important}body:has(.kinematics-page) .kinematics-learning-goals li{margin-top:6px !important;font-size:12px !important}body:has(.kinematics-page) .kinematics-reading-layout{display:block !important}body:has(.kinematics-page) .kinematics-contents{border-right:0 !important;padding:0 !important;margin-bottom:30px !important}body:has(.kinematics-page) .kinematics-contents::after{display:none !important}body:has(.kinematics-page) .kinematics-contents ol{overflow-x:auto !important}body:has(.kinematics-page) .kinematics-page .kinematics-content{max-width:720px !important}body:has(.kinematics-page) .kinematics-page .kinematics-hero-title{font-size:76px!important}}
@media(max-width:560px){body:has(.kinematics-page) .kinematics-page .kinematics-shell.lecture-reading-shell{padding:28px 20px 50px!important}body:has(.kinematics-page) .kinematics-page .kinematics-hero-title{font-size:clamp(47px,11.8vw,66px)!important}body:has(.kinematics-page) .kinematics-page .kinematics-deck{font-size:16px !important}body:has(.kinematics-page) .kinematics-page .lecture-section__heading>span{font-size:27px!important}body:has(.kinematics-page) .kinematics-page .lecture-section__body{font-size:16px!important}body:has(.kinematics-page) .kinematics-page .lecture-box{padding:18px!important}body:has(.kinematics-page) .kinematics-page .kinematics-content>div:first-child{font-size:15px !important}body:has(.kinematics-page) .kinematics-chapter-header::after{transform:rotate(1deg) !important}body:has(.kinematics-page) .kinematics-page [data-lecture-section='1. The Particle Model'] .lecture-section__body::before{aspect-ratio:760/250 !important}body:has(.kinematics-page) .kinematics-contents button{font-size:12px !important}}
@media print{body:has(.kinematics-page) .kinematics-page{background:white !important}body:has(.kinematics-page) .kinematics-chapter-header::before{display:none !important}body:has(.kinematics-page) .kinematics-page .kinematics-hero-title{font-size:48px!important}}
