/* Product-specific surfaces; typography and layout use the shared site design. */
.stage-metronome,.hero-stage.stage-metronome{background:#f0f1ed}
.metronome-hero .hero-stage{height:auto;padding:24px}
.metronome-hero .hero-stage img{width:270px;height:auto;border-radius:6px}
.metronome-legal{padding-bottom:64px}
.metronome-legal h2{margin:40px 0 16px;padding-top:24px;border-top:1px solid var(--line)}
.metronome-legal h3{font-size:18px;margin-top:28px}
.metronome-legal section{border:0;padding:0}
.legal-languages{margin:0 0 32px;padding:20px;border:1px solid var(--line)}
.legal-languages p{margin:0 0 12px;font-weight:600}
.legal-languages ul{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;padding:0;margin:0}
.legal-languages a{display:inline-block;padding:6px 2px;text-underline-offset:4px}
.legal-languages a[aria-current="page"]{font-weight:700;text-decoration-thickness:3px}
.metronome-legal{overflow-wrap:anywhere;line-height:1.9}
.metronome-legal:lang(th){word-break:normal;line-height:2}
@media(max-width:600px){.metronome-hero .hero-stage img{width:250px}.metronome-legal{padding-bottom:40px}}