@font-face{font-family:DMSerif;src:url('../assets/fonts/DMSerifDisplay-Regular.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0;background:#fcfcfb;color:#202121;font:17px/1.65 system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{color:#a64524}header,footer{max-width:1200px;margin:auto;padding:26px 32px;display:flex;gap:24px;justify-content:space-between;align-items:center}header{border-bottom:1px solid #dededb}.brand{font-weight:700;text-decoration:none}.hero{max-width:1200px;margin:auto;padding:65px 32px 55px;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.kicker{font-size:12px;font-weight:700;letter-spacing:1.4px;color:#6e6e67}h1{font:60px/1.07 DMSerif,Georgia,serif;letter-spacing:-1.8px;margin:22px 0}h1 em{color:#a64524}.intro>p{font-size:20px;line-height:1.55}.intro>p.small{font-size:14px;color:#64645f}.tools{display:flex;align-items:center;gap:12px;font-size:15px;margin:23px 0}.tools img{object-fit:contain}.button{display:block;width:fit-content;background:#202222;color:white!important;padding:18px 25px;text-decoration:none;border-radius:7px;box-shadow:0 4px 0 #8b8c86;font-weight:700;margin:25px 0 20px}.button small{display:block;font-size:12px;font-weight:400;color:#deded9;margin-top:3px}.text-link{font-size:14px}figure{margin:0}video{display:block;width:100%;background:#030410;aspect-ratio:1/1;border-radius:16px;box-shadow:0 18px 50px #13141818}figcaption{font-size:12px;color:#666;margin-top:12px}nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:23px 20px;border-block:1px solid #dededb;background:#f2f2ef}nav a{padding:7px 14px;text-decoration:none;border-radius:4px;background:white;font-size:14px}.reading{max-width:800px;padding:10px 32px;margin:auto}section{padding:53px 0;border-bottom:1px solid #dededb}h2{font:38px/1.16 DMSerif,Georgia,serif;margin:14px 0 28px}h3{font-size:14px;margin:28px 0 12px}p{margin:0 0 20px}.small{font-size:14px;color:#64645f}aside{background:#eeeFEB;border-left:3px solid #a64524;padding:23px;margin:25px 0}.prompt{position:relative;background:#202222;color:#f6f6f3;border-radius:8px;padding:60px 23px 23px;margin:22px 0}.copy{position:absolute;top:14px;right:17px;background:#414541;border:1px solid #7c827c;color:white;border-radius:4px;padding:8px 12px;font:12px system-ui;cursor:pointer}.copy:hover{background:#586058}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.75 Consolas,monospace;margin:0}details{margin-top:30px;background:#f0f0ed;padding:20px}summary{cursor:pointer;font-weight:700}details p{margin-top:20px}li{margin-bottom:13px}footer{font-size:13px;margin-top:50px;justify-content:flex-start;flex-wrap:wrap}footer span{margin-right:auto}:focus-visible{outline:3px solid #a64524;outline-offset:4px}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:35px;padding-top:40px}h1{font-size:47px}.hero figure{max-width:540px;width:100%;margin:auto}header{font-size:13px;padding:22px}.reading{padding-inline:22px}h2{font-size:32px}.prompt{padding-inline:17px}pre{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
figure img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid #ddd}.reading figure{margin:26px 0}.reading figure img{max-height:430px;object-fit:contain;background:#f0f0f0}.resource-links{display:flex;flex-wrap:wrap;gap:14px;font-size:14px}.route{display:flex;gap:8px;margin:24px 0}.route span{flex:1;background:#efefec;padding:18px 10px;text-align:center;font-size:14px}.hero{grid-template-columns:1fr 1.15fr}.hero figure{transform:rotate(-2deg)}.hero figure img{box-shadow:0 20px 50px #20202020}.tool-shots{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tool-shots img{width:100%}@media(max-width:800px){.hero{grid-template-columns:1fr}.hero figure{transform:none}.route{flex-direction:column}}.hero .book{max-width:330px;margin-inline:auto;transform:rotate(3deg)}.hero .book img{box-shadow:0 22px 55px #24262225;border-radius:6px}.hero .book figcaption{text-align:center}.reading h3{font-size:19px}.status{display:inline-block;padding:5px 10px;border-radius:5px;background:#edf3ee;color:#365343;font-size:13px}.checklist{padding-left:22px}.prompt pre{max-height:none}.callout{background:#f1eee8;border:1px solid #e5ddd1;padding:24px;border-radius:8px}.callout p:last-child{margin-bottom:0}.button:focus-visible,.copy:focus-visible{outline-offset:5px}.provider-link{display:flex;align-items:center;gap:12px;text-decoration:none}.hero{grid-template-columns:1.2fr .8fr}@media(max-width:800px){.hero{grid-template-columns:1fr}.hero .book{max-width:230px}.hero h1{font-size:45px}.hero{gap:28px}.intro>p{font-size:18px}}@media(max-width:360px){h1,.hero h1{font-size:39px}header{gap:12px}.button{padding-inline:18px}}