:root{color-scheme:light;--ink:#18364c;--paper:#f5f0e6;--line:#d5d0c5;--accent:#816534}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.top,.controls{display:flex;align-items:center;gap:1.4rem;padding:1rem 4vw;background:#fff;border-bottom:1px solid var(--line)}.top span{margin:auto}.top a,.controls a{color:var(--ink)}button,.button{border:1px solid var(--ink);padding:.65rem 1rem;background:#fff;color:var(--ink);font:inherit;cursor:pointer;border-radius:5px;text-decoration:none}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #d89b21;outline-offset:4px}main{min-height:calc(100vh - 145px)}.slide{max-width:1300px;margin:auto;padding:5vh 5vw}.tag{color:var(--accent);font-size:1rem;letter-spacing:.08em;text-transform:uppercase}h1,h2{font-size:clamp(2rem,3.5vw,3.8rem);line-height:1.14;letter-spacing:-.03em;margin:.75rem 0 1.5rem}h3{font-size:1.5rem;margin:0 0 1rem}p,li{font-size:clamp(1.2rem,1.8vw,1.9rem);line-height:1.5}li{padding:.3rem 0}p{margin:1.2rem 0}.small{font-size:1.1rem;line-height:1.5}.prompt,.deadline{padding:1.2rem 1.5rem;border-left:5px solid var(--accent);background:#fff;font-size:1.5rem;line-height:1.5;margin:1.4rem 0}.deadline{display:grid;gap:.5rem}.steps{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 2rem;list-style-position:inside;padding:0}.steps li{font-size:1.3rem;padding:1rem;border-bottom:1px solid var(--line)}.steps span{display:block;font-size:1.05rem;margin-top:.3rem}.example{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.example img{width:100%;max-height:65vh;object-fit:contain}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.products article{padding:1.5rem;background:#fff;border:1px solid var(--line)}.products p{font-size:1.3rem}.controls{justify-content:center;position:sticky;bottom:0;border-top:1px solid var(--line);border-bottom:0}.controls a{font-size:.9rem;margin-left:1rem}[hidden]{display:none!important}body:fullscreen{overflow:auto}.plan{max-width:950px;margin:auto;padding:2rem}.plan table{border-collapse:collapse;width:100%;background:#fff}.plan th,.plan td{text-align:left;border:1px solid var(--line);padding:.8rem;vertical-align:top}.plan p,.plan li{font-size:1.1rem}.plan h1{font-size:2.4rem}@media(max-width:700px){.top{padding:.8rem;flex-wrap:wrap}.top span{font-size:.85rem}.top button{font-size:.85rem}main{min-height:auto}.slide{padding:2rem 1.1rem 3rem}.steps,.products,.example{grid-template-columns:1fr;gap:1rem}.example img{max-height:60vh}.controls{gap:.6rem;padding:.8rem}.controls button{font-size:.9rem;padding:.65rem}.controls a{margin-left:0;font-size:.8rem}.prompt{font-size:1.2rem}.plan{padding:1rem}}@media print{.top,.controls{display:none}.slide{display:block!important;break-after:page;padding:1.2cm}.slide[hidden]{display:block!important}.plan{max-width:none;padding:0}h1,h2{font-size:24pt}p,li{font-size:13pt}.plan th,.plan td{font-size:10pt}}
:root .lesson-video{display:block;width:100%;max-height:55vh;aspect-ratio:16/9;object-fit:contain;background:#18364c;border-radius:5px}.video-caption{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:.8rem 0;font-size:1rem;line-height:1.5}.video-caption a{color:var(--ink);white-space:nowrap}.written-steps{margin-top:1rem}.written-steps summary{cursor:pointer;font-size:1rem;padding:.5rem 0}.written-steps summary:focus-visible,video:focus-visible{outline:3px solid #d89b21;outline-offset:4px}@media(max-width:700px){.video-caption{align-items:flex-start;flex-direction:column;gap:.4rem}.lesson-video{max-height:55vh}}@media print{.lesson-video,.video-caption{display:none}}