.explainer{border-top:1px solid var(--line,#cad9dc);grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:start;gap:clamp(1.5rem,4vw,4rem);scroll-margin-top:7rem;display:grid}.explainer-copy h2{max-width:15ch;margin-top:0}.explainer-copy>p{max-width:38ch}.explainer-content{min-width:0}.explainer-screen{aspect-ratio:16/9;background:#123e4b;border-radius:1rem;position:relative;overflow:hidden}.explainer-screen video{aspect-ratio:16/9;object-fit:contain;width:100%;height:100%;display:block}.explainer-play{color:#fff;cursor:pointer;width:100%;font:inherit;text-align:center;background:linear-gradient(#0000,#071f2aba);border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;font-weight:650;display:flex;position:absolute;inset:0}.explainer-play[hidden],.explainer-error[hidden]{display:none}.explainer-play-icon{background:#123e4be6;border:1px solid #fff;border-radius:50%;place-items:center;width:3.8rem;height:3.8rem;display:grid}.explainer-play small{font-weight:400;display:block}.explainer-play:focus-visible{outline-offset:-5px;outline:4px solid #5ad1d6}.explainer-play:hover .explainer-play-icon{background:#17647a}.explainer-transcript{border-bottom:1px solid #cad9dc;margin-top:1rem}.explainer-transcript summary{cursor:pointer;color:#286576;padding:.6rem 0 1rem}.explainer-transcript>div{padding-bottom:1rem}.explainer-transcript p{max-width:66ch}.explainer-error{font-size:.95rem}@media (width<=760px){.explainer{grid-template-columns:1fr}.explainer-copy h2{max-width:24ch}.explainer-play{gap:.4rem;font-size:.95rem}.explainer-play-icon{width:3rem;height:3rem}}