.st-m4a-example{padding-block:12px 24px;scroll-margin-top:88px}.st-m4a-example-intro{display:flex;justify-content:space-between;align-items:end;gap:24px 48px;margin-bottom:32px}.st-m4a-example-intro h2{max-width:16ch;color:var(--st-accent-hover);font:400 clamp(38px,4.1vw,58px) / 1.05 "Libre Caslon Display",Georgia,serif;letter-spacing:-.022em;text-wrap:balance}.st-m4a-example-intro h2 span{white-space:nowrap}.st-m4a-example-intro>p{max-width:43ch;color:var(--st-muted);font-size:16px;line-height:1.7}.st-m4a-comparison{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);border-block:1px solid var(--st-line)}.st-m4a-source,.st-m4a-result{min-width:0;padding:32px}.st-m4a-source{background:var(--st-accent-soft);border-right:1px solid var(--st-line)}.st-m4a-result{background:var(--st-paper)}.st-m4a-comparison h3{font-size:16px;line-height:1.5;font-weight:600}.st-m4a-source .st-m4a-file-detail{margin-top:6px;color:var(--st-accent-hover);font-size:13px;font-variant-numeric:tabular-nums}.st-m4a-waveform{display:block;width:100%;height:100px;margin-block:28px 16px;fill:var(--st-accent)}.st-m4a-source audio{display:block;width:100%;margin-bottom:18px}.st-m4a-example a:not(.st-button),.st-m4a-correction button{color:var(--st-accent-hover);text-decoration:underline;text-underline-offset:4px}.st-m4a-example a:not(.st-button):hover,.st-m4a-correction button:hover{text-decoration-thickness:2px}.st-m4a-source>a,.st-m4a-correction button,.st-m4a-downloads a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px}.st-m4a-source .st-m4a-source-note{max-width:48ch;margin-top:14px;color:var(--st-accent-hover);font-size:13px;line-height:1.65}.st-m4a-audio-error{display:block;font-size:14px;line-height:1.5}.st-m4a-result-heading{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px 20px}.st-m4a-result-heading span{color:var(--st-muted);font-size:12px}.st-m4a-result .st-m4a-transcript{margin-block:24px 28px;font-size:clamp(19px,1.6vw,23px);line-height:1.7;max-width:50ch}.st-m4a-transcript mark{background:var(--st-warm-soft);color:var(--st-warm);padding:1px 3px;border-radius:3px}.st-m4a-correction{border-top:1px solid var(--st-line);padding-top:18px}.st-m4a-correction p{color:var(--st-muted);font-size:14px;line-height:1.7}.st-m4a-correction strong{color:var(--st-ink);font-weight:500}.st-m4a-correction button{margin-top:4px}.st-m4a-downloads{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;margin-top:18px}.st-m4a-example .st-m4a-attribution{margin-top:18px;color:var(--st-muted);max-width:105ch;font-size:12px;line-height:1.7}.st-m4a-steps{list-style:decimal;padding-left:1.4em;margin-bottom:20px}.st-m4a-steps li+li{margin-top:12px}.st-m4a-sample-link{display:inline-flex;padding-block:12px 4px;color:var(--st-accent-hover);font-size:14px;text-decoration:underline;text-underline-offset:4px}@media(max-width:900px){.st-m4a-example-intro{display:block}.st-m4a-example-intro>p{margin-top:16px}.st-m4a-comparison{grid-template-columns:1fr}.st-m4a-source{border-right:0;border-bottom:1px solid var(--st-line)}.st-m4a-waveform{max-width:440px}}@media(max-width:540px){.st-m4a-source,.st-m4a-result{padding:24px 20px}.st-m4a-example-intro{margin-bottom:24px}}