.section .kicker { margin-bottom:14px; color:#7a7a7a; }
.section h2 { max-width:920px; margin-bottom:22px; font-size:clamp(36px,4.8vw,64px); line-height:1.08; }
.section .lead { max-width:860px; margin-bottom:42px; color:#4a4a4a; font-size:18px; }
.section .lead strong { color:#222; font-weight:600; }
#same-speaker .lead { max-width:1080px; }
.io-heading { display:flex; align-items:baseline; gap:14px; margin:0 0 14px; }
.io-heading.output { margin-top:28px; }
.io-heading span { color:#8b8b8b; font:500 13px Manrope; text-transform:uppercase; letter-spacing:.1em; }
.io-heading strong { color:#2d2d2d; font:500 clamp(19px,2.1vw,28px) Manrope; }
.io-group { border:1px solid var(--line); border-radius:22px; padding:24px; }
.io-group + .io-group { margin-top:22px; }
.io-group .io-heading { margin-bottom:18px; }
.io-group .io-heading.output { margin-top:0; }
.input-group { background:#fafafa; }
.output-group { background:#fff; }
.input-group .prompt-panel { margin-bottom:18px; }
.input-group .accent-prompt-grid { margin-top:0; }
.same-speaker-input-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; align-items:stretch; }
.same-speaker-input-row + .io-group { margin-top:22px; }
.same-speaker-input-row .input-group .accent-prompt-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.f0-figure { margin:0; padding:14px 16px 16px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.f0-figure figcaption { display:flex; align-items:baseline; gap:12px; margin-bottom:10px; }
.f0-figure figcaption span { color:#8b8b8b; font:500 13px Manrope; text-transform:uppercase; letter-spacing:.1em; }
.f0-figure figcaption strong { color:#2d2d2d; font:500 clamp(19px,2.1vw,28px) Manrope; }
.f0-image-link { display:block; overflow:hidden; border-radius:10px; background:#fff; }
.f0-image-link img { display:block; width:100%; height:auto; }
#same-accent .tabs + .io-heading,#comparisons .case-toolbar + .io-heading { margin-top:28px; }
@media(max-width:560px){.io-heading{align-items:flex-start;flex-direction:column;gap:4px}.f0-figure{padding:12px}.f0-figure figcaption{display:block}.f0-figure figcaption span{display:none}}
.accent-case .case-audio + .case-audio { margin-top:14px; padding-top:14px; border-top:1px solid var(--line); }
.accent-case .case-audio label { display:block; margin-bottom:7px; color:#777; font:500 10px Manrope; letter-spacing:.08em; text-transform:uppercase; }
.accent-case .output-audio label { color:#363636; font-weight:600; }
.accent-prompt-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:12px; margin-top:12px; }
.same-speaker-input-row .accent-prompt-card { display:grid; grid-template-columns:76px minmax(0,1fr); align-items:center; gap:8px; padding:9px 10px; border-radius:12px; background:#f5f5f5; }
.same-speaker-input-row .accent-prompt-card .number,
.same-speaker-input-row .accent-prompt-card .case-audio label { display:none; }
.same-speaker-input-row .accent-prompt-card h3 { margin:0; font-size:13px; }
.same-speaker-input-row .accent-prompt-card audio { height:30px; }
.same-speaker-input-row .prompt-copy p { font-size:17px; line-height:1.45; }
.accent-prompt-card { background:#f5f5f5; }
.accent-prompt-card .case-audio label { display:block; margin-bottom:7px; color:#555; font:600 10px Manrope; letter-spacing:.08em; text-transform:uppercase; }
@media(max-width:900px){.accent-prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.same-speaker-input-row{grid-template-columns:1fr}}
@media(max-width:560px){.accent-prompt-grid,.same-speaker-input-row .input-group .accent-prompt-grid{grid-template-columns:1fr}}
.cross-text { min-height:48px; margin:0 0 18px; color:#4a4a4a; font-size:15px; line-height:1.55; }