:root{font:16px/1.5 system-ui,sans-serif;color:#24312e;background:#f4f4ee}*{box-sizing:border-box}body{margin:0}main{max-width:840px;margin:40px auto;padding:0 22px}header{margin-bottom:28px}h1{font-size:clamp(32px,6vw,48px);line-height:1.1;letter-spacing:-1.8px;margin:10px 0 14px}header p{color:#5c6963}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:700}nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}button{font:inherit;font-weight:600;border:1px solid transparent;border-radius:8px;padding:11px 18px;background:#21684f;color:white;cursor:pointer}button:hover{filter:brightness(.92)}button:focus-visible,a:focus-visible{outline:3px solid #bc6b26;outline-offset:3px}button:disabled{opacity:.45;cursor:default}nav button{padding:8px 13px;background:#e3e8df;color:#33473d}nav button[aria-current]{background:#21684f;color:white}.card{background:white;border:1px solid #d9dfd4;border-radius:16px;padding:24px;box-shadow:0 6px 25px #263f2b08}.heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}h2{font-size:20px;margin:0}.heading span,footer{font-size:13px;color:#637069}.video{aspect-ratio:16/9;min-height:200px;background:#111;border-radius:8px;overflow:hidden}.video iframe{width:100%;height:100%;border:0}#status{font-size:14px;min-height:22px}progress{width:100%;height:7px;accent-color:#21684f}.controls{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.secondary{background:#edf0e9;color:#243e31}.text{background:transparent;color:#21684f;padding:8px 0}.answer{border-top:1px solid #e5e9e1;margin-top:24px;padding-top:12px;min-height:58px}#answer{margin:4px 0 18px}a{color:#21684f;font-size:14px}footer{margin:22px 0 36px}@media(max-width:540px){main{margin-top:24px;padding:0 12px}.card{padding:16px}.heading{align-items:start;flex-direction:column;gap:4px}.controls button{flex:1;white-space:nowrap;padding:10px 12px}}