/* Shared language-sample composition; uses the existing sample-player controls. */
body.aai2026 #main_page_wrapper > .aai-languages { padding-block:clamp(60px,6vw,90px);background:#eaf3f8; }
.aai-languages__grid { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:clamp(32px,6vw,88px);align-items:start; }
body.aai2026 .aai-languages .aai-languages__eyebrow { display:flex;align-items:center;gap:10px;margin:0 0 24px;padding:0;font-size:11px;font-weight:600;letter-spacing:.1em;line-height:1.5;text-transform:uppercase;color:#13899a; }
.aai-languages__eyebrow svg { flex:none; }
body.aai2026 .aai-languages h2 { margin:0 0 26px;padding:0;font-size:clamp(30px,3vw,42px);line-height:1.22;letter-spacing:-.02em; }
body.aai2026 .aai-languages__copy > p:not(.aai-languages__eyebrow) { margin:0 0 20px;line-height:1.8;max-width:58ch; }
.aai-languages__sequence { display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;border-block:1px solid #dbe6ec;padding:21px 0;margin:28px 0;font-size:14px;color:#164c69; }
.aai-languages__sequence > span:not(.aai-languages__arrow) { display:flex;align-items:center;gap:9px; }
.aai-languages__sequence b { font-size:11px;letter-spacing:.06em;color:#168c99; }
.aai-languages__arrow { color:#86a8bc; }
.aai-languages__result { flex-basis:100%;font-size:12px;color:#687e8d; }
.aai-languages__copy > .cto { margin-top:0; }
.aai-languages__figure { margin:0;min-width:0;border:1px solid #dae4eb;border-radius:16px;background:#f6f9fb;overflow:hidden;box-shadow:0 15px 45px #1b456409; }
.aai-languages__figure-head { padding:28px 30px 24px; }
.aai-languages__figure-head > span { display:block;margin-bottom:10px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#168c99; }
body.aai2026 .aai-languages__figure h3 { padding:0;margin:0;font-size:22px;line-height:1.35;letter-spacing:-.01em; }
.aai-languages__samples { display:grid;gap:12px;padding:0 20px 24px; }
body.aai2026 .aai-languages .contentbox_hero_audioplayer { display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:auto;min-width:0;margin:0;padding:16px!important;text-align:left; }
.aai-languages .contentbox_hero_audioplayer > i { grid-row:1 / 3; }
body.aai2026 .aai-languages .contentbox_hero_audioplayer p.inhalt { margin:0; }
body.aai2026 .aai-languages .contentbox_hero_audioplayer .inhalt-zusatz { display:block;font-size:12px;font-weight:400;line-height:1.5;color:#678196;padding:0;margin:4px 0 0; }
.aai-languages__duration { font-size:12px;color:#678196;font-variant-numeric:tabular-nums;align-self:center; }
.aai-languages__track { position:relative;display:block;grid-column:2 / 4;height:3px;background:#e8edf1;border-radius:3px;overflow:hidden;pointer-events:none; }
.aai-languages__track > .audio-progress { display:block;height:100%;background:#168c99;transform:scaleX(0);transform-origin:left; }
.aai-languages__figure figcaption { padding:22px 30px;border-top:1px solid #dae4eb;background:white;color:#678196;font-size:12px;line-height:1.7; }
.aai-languages__controls { padding:0 20px 23px;display:flex;flex-wrap:wrap;gap:10px; }
body.aai2026 .aai-languages__shuffle { display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border:1px solid #cddfe9;border-radius:7px;background:#fff;color:#164c69;font-family:inherit;font-size:12px;font-weight:500;line-height:1.4;text-transform:none;letter-spacing:0;cursor:pointer;transition:background .15s,border-color .15s; }
.aai-languages__shuffle svg { width:15px;height:15px;flex:none; }
body.aai2026 .aai-languages__shuffle:hover { background:#edf6fa;border-color:#9dc3d5; }
.aai-languages__shuffle:focus-visible { outline:2px solid #168c99;outline-offset:3px; }
.aai-languages__shuffle:disabled { opacity:.6;cursor:wait; }
body.aai2026 .aai-languages__status { flex:1 1 150px;font-size:11px;line-height:1.6;color:#678196;margin:0 0 0 auto;padding:0;align-self:center;text-align:right; }
.aai-languages .bmg-audio-status { grid-column:2 / 4;font-size:11px;line-height:1.5; }
.aai-languages__all { margin-top:40px;border-top:1px solid #dae4eb; }
.aai-languages__all summary { display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0;color:#164c69;font-size:15px;font-weight:500;cursor:pointer;list-style:none; }
.aai-languages__all summary::-webkit-details-marker { display:none; }
.aai-languages__all summary > span { font-size:23px;font-weight:300;color:#168c99; }
.aai-languages__all[open] summary > span { transform:rotate(45deg); }
.aai-languages__all summary:focus-visible { outline:2px solid #168c99;outline-offset:4px; }
.aai-languages__all ul { display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0 0 24px; }
.aai-languages__all li { padding:7px 12px;border:1px solid #dae4eb;border-radius:6px;font-size:13px;line-height:1.4;margin:0; }
body.aai2026 .aai-languages__all > p { font-size:14px;line-height:1.7;margin:0; }
@media(max-width:900px) {
  .aai-languages__grid { display:flex;flex-direction:column;gap:24px; }
  .aai-languages__copy { display:contents; }
  body.aai2026 .aai-languages .aai-languages__eyebrow { order:0;margin-bottom:0; }
  body.aai2026 .aai-languages h2 { order:1;margin-bottom:0; }
  .aai-languages__copy > p:nth-of-type(2) { order:2; }
  .aai-languages__figure { order:3;width:100%; }
  .aai-languages__copy > p:nth-of-type(3) { order:4; }
  body.aai2026 .aai-languages__copy > p:not(.aai-languages__eyebrow) { margin-bottom:0; }
  .aai-languages__sequence { order:5;margin:0;width:100%; }
  .aai-languages__copy > .cto { order:6;align-self:flex-start; }
  .aai-languages__copy > .cto { font-size:14px;padding-inline:20px; }
}
@media(max-width:480px) {
  .aai-languages__figure-head { padding:24px 20px; }
  .aai-languages__samples { padding:0 12px 18px;gap:10px; }
  body.aai2026 .aai-languages .contentbox_hero_audioplayer { gap:10px;padding:13px!important; }
  .aai-languages__figure figcaption { padding:18px 20px; }
  .aai-languages__controls { padding:0 12px 18px;gap:8px; }
  body.aai2026 .aai-languages__shuffle { width:100%;justify-content:flex-start;font-size:12px;padding:11px 12px; }
}

/* Audio and generator are separate, keyboard-accessible actions. */
.aai-languages__sample-row { position:relative; min-width:0; }
body.aai2026 .aai-languages__sample-row .contentbox_hero_audioplayer { padding-bottom:44px!important; }
body.aai2026 .aai-languages__test { position:absolute; bottom:10px; right:16px; display:inline-flex; align-items:center; min-height:28px; gap:6px; font-size:12px; line-height:1.4; font-weight:500; color:#185378; text-decoration:none; border-radius:3px; }
.aai-languages__test::after { content:'\2192'; }
body.aai2026 .aai-languages__test:hover { color:#0788ae; text-decoration:underline; text-underline-offset:3px; }
.aai-languages__test:focus-visible { outline:2px solid #168c99; outline-offset:3px; }
@media(max-width:480px) { body.aai2026 .aai-languages__status { text-align:left; flex-basis:100%; margin:4px 0 0; } body.aai2026 .aai-languages__test { right:13px; } }
