.explainer{width:100%;max-width:64rem;padding-inline:var(--public-gutter,1rem);gap:1.1rem;margin:3rem auto;display:grid}.explainer__heading{gap:.35rem;display:grid}.explainer__heading h2{margin:0}.explainer__heading h2 em{color:var(--field-700,#16734a);font-style:normal;font-weight:400}.explainer__frame{border:1px solid var(--line,#d5e2d8);background:linear-gradient(152deg, var(--porcelain,#fff) 0 55%, #fdf7ec);border-radius:20px 24px 18px 22px;padding:.6rem;box-shadow:0 3px #e6dcc8,0 18px 34px #0d2c221c}.explainer__screen{aspect-ratio:16/9;border:1px solid var(--line,#d5e2d8);background:var(--porcelain,#fff);border-radius:12px 14px 11px 13px;position:relative;overflow:hidden}.explainer__poster,.explainer__video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.explainer__video{object-fit:contain;background:var(--porcelain,#fff)}.explainer__play{background:var(--primary,#1c5d3f);cursor:pointer;border:0;border-radius:50%;place-items:center;width:5.25rem;height:5.25rem;padding:0 0 0 .3rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px #0f3a26,0 16px 30px #0d2c2247}.explainer__play:hover{transform:translate(-50%,calc(-50% - 1px))}.explainer__play:focus-visible{outline:3px solid var(--field-700,#16734a);outline-offset:4px}@media (prefers-reduced-motion:reduce){.explainer__play:hover{transform:translate(-50%,-50%)}}.explainer__transcript{max-width:44rem}.explainer__transcript summary{min-height:44px;color:var(--field-700,#16734a);cursor:pointer;align-items:center;font-weight:600;display:inline-flex}.explainer__transcript ol{margin:.25rem 0 .5rem;padding-left:1.4rem;line-height:1.6}.explainer__transcript p{color:var(--ink-700,#355247);margin:0}@media (max-width:700px){.explainer{margin-block:2rem}.explainer__frame{padding:.4rem}.explainer__play{width:4.25rem;height:4.25rem}}