.walkthrough{min-width:0;background:#102f36;color:#e3eddb;border-radius:6px;overflow:hidden;margin-top:24px;align-self:start}.walkthrough header{display:flex;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid #42605b;font-size:10px;letter-spacing:.7px}.walkthrough header span{color:#a4bfae}.walkthrough video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#102f36}.walkthrough .video-caption{padding:0 18px 16px;font-size:12px;line-height:1.7}.walkthrough .video-caption p{color:#c9d9c3}.walkthrough button{min-height:44px;padding:9px 15px;border:1px solid #a4bfae;border-radius:3px;background:transparent;color:#e3eddb;cursor:pointer}.walkthrough button:focus-visible{outline:3px solid #c1ef8b;outline-offset:3px}.walkthrough details{border-top:1px solid #42605b;margin-top:15px;padding-top:10px;color:#c9d9c3}.walkthrough summary{cursor:pointer;color:#c1ef8b}.walkthrough ol{padding-left:20px}.walkthrough li{margin:8px 0}.example.feature .walkthrough{grid-column:1/-1}.example.feature .walkthrough,.matching-walkthrough-layout .walkthrough{margin-top:0}.matching-walkthrough-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:start}.matching-walkthrough-layout .match-graphic{min-width:0}.walkthrough-intro{font-size:12px;color:var(--muted);line-height:1.8}@media(min-width:1050px){.examples-gallery{grid-template-columns:1fr}.example:not(.feature){display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.example:not(.feature) .example-copy{grid-column:1/-1}.example:not(.feature) .walkthrough{grid-column:2;grid-row:2; margin-top:25px}.example:not(.feature) .example-visual{grid-column:1;grid-row:2}.example:not(.feature)>.decision,.example:not(.feature)>details,.example:not(.feature)>p{grid-column:1/-1}.example.feature .walkthrough{display:grid;grid-template-columns:1.2fr .8fr}.example.feature .walkthrough header{grid-column:1/-1}.example.feature .video-caption{padding-top:12px}}@media(max-width:800px){.matching-walkthrough-layout{grid-template-columns:1fr}.matching-walkthrough-layout .walkthrough{margin-top:0}.walkthrough header{font-size:9px}.walkthrough .video-caption{font-size:12px}}

.video-actions{display:flex;gap:10px;flex-wrap:wrap}.walkthrough .video-sound{background:#c1ef8b;border-color:#c1ef8b;color:#102f36}.walkthrough .voice-note{font-size:10px;color:#a4bfae;margin-bottom:0}.walkthrough .voice-transcript{line-height:1.8}