/* Shared method demonstration on the homepage and preparation pages. */
.method-demo{background:#fff;color:#15243b}
.method-demo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:clamp(24px,5vw,64px);align-items:center}
.method-demo-copy{max-width:680px;min-width:0}
.method-demo-copy h2{font-size:clamp(28px,3vw,42px);line-height:1.15;margin:12px 0 18px}
.method-demo-copy>p{line-height:1.7;margin-bottom:18px}
.method-demo-copy .button{display:inline-flex;white-space:normal;text-align:center;max-width:100%;line-height:1.4}
.method-demo-player{margin:0;justify-self:center;width:100%;max-width:280px}
.method-demo-player video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#07172a;border-radius:18px;box-shadow:0 16px 38px rgba(7,23,42,.16)}
.method-demo-player figcaption{text-align:center;font-size:13px;line-height:1.5;margin-top:12px;color:#526178}
.method-demo-transcript{margin-top:24px;line-height:1.65;font-size:14px}
.method-demo-transcript summary{cursor:pointer;font-weight:700;text-decoration:underline;text-underline-offset:3px;padding:8px 0}
.method-demo-transcript p{margin:12px 0}
.method-demo summary:focus-visible,.method-demo a:focus-visible{outline:3px solid #b8860b;outline-offset:4px}
@media(max-width:700px){.method-demo-grid{grid-template-columns:1fr;gap:28px}.method-demo-player{max-width:240px}.method-demo-copy .button{width:100%}}