:root{font-family:Arial,sans-serif;color:#263d37;background:#f7faf7}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}header{padding:21px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9e5df;background:#fffdf5}header a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#263d37;font-weight:800;font-size:17px}header img{width:29px;height:39px}header a span{color:#b67912;font-size:12px}.edition,.kicker{font-size:11px;font-weight:700;letter-spacing:2px}.edition{color:#61726b}main{max-width:1450px;margin:auto;padding:34px 4% 20px}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.kicker{color:#287d70;margin:0 0 12px}h1{font:500 38px/1.12 Georgia,serif;margin:0;color:#403d31}.intro{font-size:14px;line-height:1.6;margin:0;color:#68766d}.cinema{position:relative;background:#17362f;aspect-ratio:16/9;overflow:hidden;box-shadow:0 14px 35px #12352b18}hyperframes-player{display:block;width:100%;height:100%}button{cursor:pointer;font:inherit}.start{position:absolute;inset:0;margin:auto;width:200px;height:62px;border:1px solid #ffffff80;background:#fffdf5f2;color:#225f55;display:flex;align-items:center;justify-content:center;gap:14px;border-radius:4px;font-weight:bold;box-shadow:0 5px 24px #0003}.start[hidden]{display:none}.transport{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #d9e5df}.transport button{background:transparent;border:0;color:#286d60;display:grid;place-items:center;width:36px;height:36px;border-radius:4px}.transport button:hover,.transport button[aria-pressed=true]{background:#d5e9df}.transport svg{width:19px}.transport input{flex:1;min-width:30px;accent-color:#287e6e;cursor:pointer}.transport time{font-size:12px;font-variant-numeric:tabular-nums;color:#5c6f66}#chapters{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin-top:21px}#chapters button{padding:0;text-align:left;border:0;background:transparent;color:#5e6e64;min-width:0}#chapters img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;border-radius:3px;border:3px solid transparent;opacity:.65;transition:opacity .2s,border-color .2s}#chapters button[aria-current=true] img{border-color:#297f70;opacity:1}#chapters button:hover img{opacity:1}#chapters small{font-size:10px;display:block;margin:8px 0 4px;color:#9b7b2f}#chapters strong{font-size:12px;font-weight:500;line-height:1.3;display:block}footer{display:flex;justify-content:space-between;gap:20px;margin-top:27px;font-size:10px;letter-spacing:1px;color:#778379}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d59418;outline-offset:4px}@media(max-width:700px){header{padding:13px 5%}.edition{display:none}main{padding:26px 4%}.heading{display:block}h1{font-size:29px}.intro{margin-top:10px;font-size:13px}.cinema{margin:0 -4.35%}.transport{gap:5px}#chapters{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:10px}#chapters button{flex:0 0 120px;scroll-snap-align:start}footer{flex-direction:column;gap:9px}.start{width:166px;height:48px;font-size:13px}.start svg{width:19px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
#audio-status{font-size:12px;color:#52695f;line-height:1.5;margin:12px 0 0;min-height:18px}#story-audio[controls]{display:block;width:100%;margin-top:12px}#chapters{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}#chapters button{flex:0 0 132px;scroll-snap-align:start}#chapters img{aspect-ratio:16/9}#chapters strong{min-height:32px}.edition,.kicker,footer{letter-spacing:0}