/* Chapter walkthrough: one short self-hosted clip per chapter page (Decide, Build, Run).
   Same look as the homepage walkthrough player (#film): poster, one gold play control, a small kicker.
   Plays inline in a native <video>; nothing autoplays. Each page sets --cw-accent (bars) and --cw-ink (kicker text). */
.cw{padding:0 0 64px;background:transparent}
.cw--paper{background:#F7F7F5;padding:88px 0 0}
.cw-wrap{max-width:1160px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.cw-kicker{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 18px;color:#5b6072;font-family:'Inter',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;text-align:center}
.cw-kicker::before,.cw-kicker::after{content:"";width:22px;height:2px;background:var(--cw-accent,#D4B980);flex:none}
.cw-kicker b{color:var(--cw-ink,#8A6B23);font-weight:800}
.cw-player{position:relative;max-width:960px;margin:0 auto;border-radius:14px;overflow:hidden;background:#02042D;box-shadow:0 30px 70px rgba(12,25,45,.2),0 0 0 1px rgba(2,4,45,.08);aspect-ratio:16/9}
.cw-video{display:block;width:100%;height:100%;object-fit:cover;background:#02042D}
.cw-play{position:absolute;inset:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:0;padding:0;background:linear-gradient(180deg,rgba(2,4,45,.1),rgba(2,4,45,.46));color:#fff;cursor:pointer;font-family:'Inter',sans-serif;transition:background .3s ease}
.cw-play[hidden]{display:none}
.cw-play:hover{background:linear-gradient(180deg,rgba(2,4,45,.18),rgba(2,4,45,.54))}
.cw-play:focus-visible{outline:3px solid #D4B980;outline-offset:-3px}
.cw-play-ring{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:#D4B980;box-shadow:0 18px 44px rgba(2,4,45,.4),0 0 0 10px rgba(212,185,128,.22);transition:transform .3s ease}
.cw-play:hover .cw-play-ring{transform:scale(1.06)}
.cw-play-ring svg{width:32px;height:32px;fill:#02042D;margin-left:4px}
.cw-play-text{display:grid;gap:3px;text-align:center;padding:9px 18px 10px;border-radius:10px;background:rgba(2,4,45,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 10px 30px rgba(2,4,45,.3)}
.cw-play-text strong{font-size:1rem;font-weight:700}
.cw-play-text em{font-style:normal;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#ddc277;font-weight:800}
@media (max-width:900px){.cw{padding-bottom:48px}.cw--paper{padding:60px 0 0}.cw-play-ring{width:62px;height:62px}.cw-play-ring svg{width:26px;height:26px}}
@media (max-width:640px){.cw-wrap{padding:0 16px}.cw-player{border-radius:10px}.cw-play{gap:10px}.cw-play-ring{width:52px;height:52px;box-shadow:0 12px 30px rgba(2,4,45,.4),0 0 0 7px rgba(212,185,128,.22)}.cw-play-ring svg{width:22px;height:22px}.cw-play-text strong{font-size:.86rem}.cw-play-text em{font-size:.58rem}.cw-play-text{padding:7px 12px 8px}}