@font-face{font-family:"DNA Public Sans";src:url("/media/dna-public-sans.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
.dna-action{max-width:1120px;padding:0 24px;margin:72px auto;color:#193d3d;font-family:"DNA Public Sans",Arial,sans-serif;scroll-margin-top:30px}.dna-action *{box-sizing:border-box}.dna-action ::selection{background:#b6d6c4;color:#193d3d}.dna-action-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:28px}.dna-action h2{font-size:clamp(30px,3.5vw,46px);font-weight:650;letter-spacing:-.035em;line-height:1.12;margin:0}.dna-action-intro>p{max-width:52ch;font-size:17px;line-height:1.65;margin:0 0 2px;color:#53645f}.dna-action-chapters{display:flex;gap:6px;margin-bottom:16px;overflow-x:auto;scrollbar-color:#9fb6aa #edf3ee;scrollbar-width:thin;padding:3px 3px 8px}.dna-action button{font-family:inherit;cursor:pointer;min-height:44px}.dna-action-chapters button{flex:1;white-space:nowrap;font-size:13px;font-weight:650;padding:11px 14px;border:1px solid #c9d7cc;border-radius:9px;background:transparent;color:#205b53}.dna-action-chapters button[aria-current]{background:#205b53;border-color:#205b53;color:#fff}.dna-action-chapters button:hover{background:#e3ede4}.dna-action-chapters button[aria-current]:hover{background:#17483f}.dna-action :is(button,a,input,summary):focus-visible{outline:3px solid #b16a4d;outline-offset:4px}.dna-action-player{border-radius:14px;overflow:hidden;background:#edf3ee}.dna-action-stage{position:relative;aspect-ratio:16/9;background:#f7f5ed;overflow:hidden}.dna-action-poster,.dna-action-canvas,.dna-action-labels{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.dna-action-canvas canvas{display:block;width:100%;height:100%}.dna-action-labels{pointer-events:none}.dna-action-label{position:absolute;transform:translate(-50%,-50%);font-size:13px;font-weight:650;background:#f7f5edeb;border:1px solid #d5e0d8;border-radius:6px;padding:5px 9px;white-space:nowrap;color:#193d3d}.dna-action-model-note{position:absolute;left:18px;bottom:12px;font-size:11px;color:#53645f}.dna-action-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:16px 18px;color:#205b53}.dna-action-play{display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border:0;border-radius:99px;background:#205b53;color:#fff;font-size:14px;font-weight:650}.dna-action-play:hover{background:#17483f}.dna-action-play:disabled{cursor:wait;opacity:.7}.dna-action-replay{border:1px solid #9fb6aa;border-radius:99px;padding:10px 15px;background:transparent;color:#205b53;font-size:13px;font-weight:600}.dna-action-replay:hover{background:#deece3}.dna-action-replay:disabled{cursor:default;opacity:.6}.dna-action-sound{display:inline-flex;align-items:center;gap:7px;font-size:13px;padding:8px;cursor:pointer}.dna-action-sound input{accent-color:#205b53;width:17px;height:17px;cursor:pointer}.dna-action-status{margin-left:auto;font-size:12px;max-width:26ch;line-height:1.45;color:#53645f}.dna-action-explanation{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:30px 0 24px;border-bottom:1px solid #d5e0d8}.dna-action h3{font-size:23px;line-height:1.25;letter-spacing:-.025em;margin:0 0 12px;font-weight:650}.dna-action-summary{font-size:16px;line-height:1.7;color:#53645f;margin:0;max-width:63ch}.dna-action-source{font-size:12px;line-height:1.6;margin:18px 0 0;color:#53645f}.dna-action a{color:#205b53;text-decoration:underline;text-underline-offset:3px}.dna-action-dialogue p{display:flex;gap:14px;margin:0 0 16px;font-size:14px;line-height:1.65;color:#53645f}.dna-action-dialogue p:last-child{margin-bottom:0}.dna-action-dialogue strong{font-size:12px;color:#205b53;flex:0 0 49px;padding-top:2px}.dna-action-dialogue p.is-speaking strong{color:#9f573b}.dna-action-dialogue p.is-speaking span{color:#193d3d}.dna-action-takeaway{margin-top:28px}.dna-action-takeaway ul{padding-left:20px;line-height:1.75;font-size:15px;color:#53645f;margin:0 0 18px}.dna-action-takeaway>a{font-size:14px;font-weight:650}.dna-action-note{font-size:12px;color:#53645f;line-height:1.65;margin:18px 0 8px;max-width:94ch}.dna-action-credits{font-size:12px;line-height:1.65;color:#53645f}.dna-action-credits summary{cursor:pointer;color:#205b53;width:fit-content;text-decoration:underline;text-underline-offset:3px}.dna-action-credits p{max-width:84ch;margin:10px 0 0}.dna-action [hidden]{display:none!important}
.dna-action p,.dna-action li,.dna-action label{font-weight:400}.dna-action-dialogue strong{font-weight:650}.dna-action-credits summary{font-size:12px;font-weight:400;line-height:1.65;margin:0}
@media(max-width:760px){.dna-action{padding:0 20px;margin:44px auto}.dna-action-intro{grid-template-columns:1fr;gap:18px;margin-bottom:22px}.dna-action-intro>p{font-size:15px}.dna-action-chapters{margin-right:-20px;padding-right:20px}.dna-action-chapters button{flex:none;font-size:12px}.dna-action-stage{aspect-ratio:4/3}.dna-action-labels{top:auto;bottom:30px;left:10px;right:10px;width:auto;height:auto;display:flex;justify-content:center;gap:5px;flex-wrap:wrap}.dna-action-label{position:static!important;top:auto!important;left:auto!important;transform:none;font-size:9px;padding:3px 5px}.dna-action-model-note{font-size:9px;bottom:10px;left:12px}.dna-action-controls{padding:13px;gap:7px}.dna-action-play{font-size:12px;padding:10px 13px}.dna-action-replay{font-size:12px;padding:10px 12px}.dna-action-sound{font-size:12px;padding:5px 0}.dna-action-status{margin-left:0;flex:1;max-width:none;text-align:right;font-size:11px}.dna-action-explanation{grid-template-columns:1fr;gap:23px;padding:23px 0}.dna-action h3{font-size:21px}.dna-action-summary{font-size:15px}.dna-action-dialogue p{font-size:13px;gap:10px}.dna-action-note{font-size:11px}.dna-action-chapters button{scroll-margin:20px}}