@font-face{font-family:Notebook Hand;src:url(/fonts/NotebookHand-Regular.woff2)format("woff2");font-weight:300 700;font-display:swap}:root{--margin:clamp(40px, 8vw, 96px)}html{scroll-behavior:smooth}body{color:#1f2430;background-color:#fffdf6;background-image:linear-gradient(#0000 31px,#cfddee 31px);background-position:0 12px;background-size:100% 32px;margin:0;font-family:Notebook Hand,cursive}a{color:#1f2430;text-underline-offset:4px;text-decoration-color:#b04a3a}a:hover{color:#b04a3a}a:focus-visible{outline-offset:6px;outline:2px solid #b04a3a}.notebook{min-height:100vh;position:relative}.notebook:before,.notebook:after{content:"";top:0;bottom:0;left:var(--margin);pointer-events:none;background:#e8a39a;width:2px;position:absolute}.notebook:after{left:calc(var(--margin) + 6px);opacity:.6;width:1px}main{max-width:900px;padding:44px 32px 160px calc(var(--margin) + 36px);margin:0 auto}.intro{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:40px;margin-top:64px;display:grid}.intro-copy{flex-direction:column;gap:32px;display:flex}h1{margin:0;font-size:clamp(40px,6vw,64px);font-weight:700;line-height:64px}p{color:#2c3345;text-wrap:pretty;margin:0;font-size:22px;line-height:32px}.chapter{margin-top:128px;position:relative}.number{color:#b04a3a;font-size:26px;position:absolute;top:0;left:-56px;rotate:-8deg}h2{margin:0 0 32px;font-size:36px;font-weight:700;line-height:32px}.entries{flex-direction:column;display:flex}.entry{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:baseline;gap:0 40px;display:grid}.entry-heading{flex-wrap:wrap;align-items:baseline;gap:0 14px;line-height:32px;display:flex}h3{margin:0;font-size:24px;font-weight:700;line-height:32px}.subtitle{color:#5b6070;font-size:17px}.note{color:#3c4252;font-size:19px;line-height:32px}.contact{margin-top:128px}.skip{z-index:10;background:#fffdf6;padding:8px;position:fixed;top:-100px;left:16px}.skip:focus{top:8px}@keyframes write{0%{clip-path:inset(0 100% 0 0);opacity:.2}to{clip-path:inset(0);opacity:1}}@keyframes ink{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@supports (animation-timeline:view()){.write{animation:linear both write;animation-timeline:view();animation-range:entry entry 50%}h1.write,h2.write{animation-range:entry entry 40%}.entry.write{animation-range:entry entry 45%}.ink{animation:linear both ink;animation-timeline:view();animation-range:entry entry 40%}}@media (max-width:680px){main{padding:32px 24px 96px calc(var(--margin) + 26px)}.intro{grid-template-columns:1fr;margin-top:32px}.entry{grid-template-columns:1fr;gap:0}.entries{gap:32px}.chapter,.contact{margin-top:96px}.number{left:-44px}h2{font-size:32px;line-height:40px}.entry-heading{gap:0 10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.write,.ink{animation:none}}@media print{.write,.ink{animation:none}.skip{display:none}main{padding:32px}}.learning-links{flex-wrap:wrap;gap:16px 40px;font-size:24px;line-height:32px;display:flex}.back-link{font-size:20px;line-height:32px;display:inline-block}.learning-heading{margin-top:64px}.learning-heading p{margin-top:32px}.book-category{margin-top:96px}.book-category h2{line-height:40px}.book-count{color:#5b6070;white-space:nowrap;font-size:22px;font-weight:400}.book-list{margin:0;padding:0;list-style:none}.book-entry{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:baseline;gap:0 40px;padding-bottom:32px;display:grid}.book-author{color:#5b6070;font-size:20px}@media (max-width:680px){.learning-heading{margin-top:32px}.book-category{margin-top:64px}.book-entry{grid-template-columns:1fr}.learning-links{gap:16px 24px}}