.course-story{--ink:#173f43;--teal:#116864;--coral:#fde0d2;color:var(--ink);background:#fffaf0;border:2px solid #c9d9c7;border-radius:26px;padding:clamp(16px,3vw,38px);margin-block:24px 36px;font-size:16px;line-height:1.7;box-shadow:0 9px 0 #e2d8bd;overflow-wrap:anywhere;text-align:start}.course-story *{box-sizing:border-box}.course-story h3{font-size:clamp(18.76px,2.01vw,28.14px);line-height:1.3;margin:10px 0 24px}.course-story h4{font-size:18.76px;line-height:1.4;margin:0 0 18px}.story-kicker{font-weight:700;margin:0;color:#6c471e}.story-rail{display:flex;gap:10px;flex-wrap:wrap;margin-block:18px 28px}.course-story button{font:inherit;font-weight:600;min-height:52px;max-width:100%;padding:12px 20px;border:2px solid #116864;border-radius:14px;background:#116864;color:#fff;cursor:pointer;white-space:normal;box-shadow:0 4px 0 #093e3c}.course-story button:active{transform:translateY(2px);box-shadow:0 2px 0 #093e3c}.course-story button:disabled{opacity:.48;cursor:default}.course-story :focus-visible{outline:3px solid #823b12;outline-offset:5px}.story-rail button,.course-story .story-quiet{background:#fff;color:var(--teal);box-shadow:none}.story-rail [aria-current]{background:#f7d359;color:#26383a;border-color:#7b6329}.story-stage{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,3vw,38px);align-items:center}.story-visual{position:relative;min-width:0;border-radius:24px;background:#f7df94;overflow:hidden;align-self:start}.story-picture{position:relative;aspect-ratio:3/2;overflow:hidden}.story-picture img{position:absolute;display:block;width:200%;height:200%;max-width:none;left:0;top:0}.story-picture[data-frame="1"] img{left:-100%}.story-picture[data-frame="2"] img{top:-100%}.story-picture[data-frame="3"] img{left:-100%;top:-100%}.story-speech{position:relative;background:white;border:2px solid #116864;border-radius:18px;margin:0 14px 16px;padding:12px 18px;font-weight:700;text-align:center;box-shadow:0 5px 0 #ddbd77}.story-body{min-width:0}.story-situation{font-size:clamp(16px,1.474vw,20.1px);line-height:1.65}.story-pair{display:grid;gap:18px}.story-pair>div{border-radius:18px;padding:20px}.story-pair strong{font-size:16px}.story-pair p{margin-bottom:0}.story-before{background:var(--coral);border-right:6px solid #a54427}.story-after{background:#d9f2df;border-right:6px solid #116864;animation:clay-intro .6s ease-out}.story-choices{display:grid;gap:20px}.story-choices button{background:white;color:#173f43;text-align:start}.story-choices [aria-pressed=true]{background:#fbe59a;border:3px solid #795314}.story-feedback:not(:empty){background:#e6f4ee;border-radius:14px;padding:18px}.story-action{font-size:17.42px;font-weight:700;background:#ffe391;padding:24px;border-radius:20px;border-right:7px solid #b37b10}.story-controls{display:flex;flex-wrap:wrap;gap:16px;margin-block:16px}.story-live{font-weight:700}.story-note{font-size:16px;color:#485657}.course-story [hidden]{display:none!important}@keyframes clay-intro{from{transform:translateY(12px) scale(.98);opacity:.5}to{transform:none;opacity:1}}@media(max-width:850px){.story-stage{grid-template-columns:1fr}.story-visual{max-width:420px;margin-inline:auto;width:100%}.course-story{font-size:16px}.story-rail button{flex:1 1 40%;padding:10px}.story-controls button{flex:1 1 40%}}@media(prefers-reduced-motion:reduce){.course-story *{animation:none!important;transition:none!important}}
.course-readable{font-size:100%}.course-readable .read{max-width:1680px}.course-readable .course-module-body{font-size:1rem;line-height:1.8}.course-readable .course-module-body h3{font-size:1.131rem}.course-readable .course-story{font-size:16px}.course-readable .course-story h3{font-size:clamp(18.76px,2.01vw,28.14px)}