@font-face{font-family:Caveat;src:url(/static/walkthrough/Caveat-Bold.ttf)format("truetype");font-weight:700;font-display:block}*{box-sizing:border-box}body{color:#292d33;background:#f5f1e8;margin:0;font-family:system-ui,sans-serif}main{flex-direction:column;align-items:center;gap:10px;padding:18px;display:flex}h1{margin:0;font-size:22px}p{text-align:center;color:#645e54;margin:0;font-size:14px}.note{font-size:12px}nav{gap:10px;display:flex}button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;padding:8px 15px}.walkthrough{max-width:1200px;margin:auto;padding:60px 45px;display:block}.walkthrough-heading{margin-bottom:36px}.wordmark{color:#9f2210;font:700 48px Caveat;text-decoration:none}.walkthrough-heading>span{letter-spacing:2px;color:#9f2210;margin:12px 0 22px;font-size:11px;display:block}.walkthrough-heading h1{letter-spacing:-2px;margin:0 0 22px;font-size:clamp(38px,5vw,68px);line-height:1.05}.walkthrough-heading p{text-align:left;font-size:18px}.walkthrough-layout{grid-template-columns:minmax(260px,440px) minmax(300px,1fr);gap:60px;display:grid}.walkthrough-player{border-radius:24px;align-self:start;overflow:hidden;box-shadow:0 20px 60px #3b2a1620}.chapters h2{margin:0 0 12px;font-size:24px}.chapters p{text-align:left;margin-bottom:20px}.chapters nav{gap:6px;display:grid}.chapters button{text-align:left;color:#272a2f;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:14px;padding:14px 12px;display:flex}.chapters button:hover,.chapters button.selected{background:#fffdfa;border-color:#d5bdac}.chapters button span{color:#9f2210;font-size:12px}.chapters button strong{flex:1;font-size:15px}.chapters button small{color:#80786f}.walkthrough-footer{flex-wrap:wrap;gap:20px;margin-top:40px;display:flex}.walkthrough-footer a{color:#9f2210}.walkthrough-footer p{text-align:left;width:100%;font-size:12px;line-height:1.6}.embedded{max-width:1050px;padding:16px}.embedded .walkthrough-layout{gap:35px}.embedded .walkthrough-player{max-width:370px}.embedded .chapters{padding-top:10px}@media (width<=700px){.walkthrough{padding:28px 20px}.walkthrough-layout{flex-direction:column;gap:30px;display:flex}.walkthrough-player{width:100%;max-width:440px;margin:auto}.chapters{width:100%}.walkthrough-heading h1{font-size:44px}.embedded{padding:8px}.embedded .walkthrough-player{max-width:400px}}