/* SGK Grade 6 Unit 3 Communication Track19 Karaoke – isolated preview. */
.unit3-communication .u3comm-official-source{display:grid;gap:9px;margin:10px 14px 14px;padding:12px 14px;border:1px solid #bdd8cb;border-radius:14px;background:#f1faf5;min-width:0}
.unit3-communication .u3comm-official-source>strong{font-size:16px;color:#155c43}
.unit3-communication .u3comm-official-source>small{line-height:1.45;color:#3b6355}
.unit3-communication .u3comm-official-source audio{display:block;width:100%;max-width:100%;height:40px}
.unit3-communication .u3comm-source-rates{display:flex;gap:7px;flex-wrap:wrap}
.unit3-communication .u3comm-source-rates button{border:1px solid #a8cab9;background:#fff;color:#225846;border-radius:9px;padding:9px 12px;font-size:14px;font-weight:650;min-height:40px;cursor:pointer}
.unit3-communication .u3comm-source-rates button.active{background:#17694b;color:white}
.unit3-communication .u3comm-source-status{font-size:13px;color:#315f4d;overflow-wrap:anywhere;font-weight:600}
.unit3-communication .u3comm-timing{display:block;font-size:12px;color:#566d62}
.unit3-communication .unit3-comm-line{transition:background-color .18s ease,border-color .18s ease}
.unit3-communication .unit3-comm-line.karaoke-active{border-color:#3db187!important;background:#dcf5e9!important;box-shadow:inset 4px 0 #1a8460}
.unit3-communication .unit3-comm-line.karaoke-done{opacity:.86}
.unit3-communication .u3comm-karaoke-text{display:inline!important;line-height:1.8}
.unit3-communication .u3comm-karaoke-word{display:inline;border-radius:4px;padding:1px 2px;transition:background-color .11s,color .11s}
.unit3-communication .u3comm-karaoke-word.karaoke-word-active{background:#ffc36e;color:#622900;font-weight:850}
.unit3-communication .u3comm-karaoke-word.karaoke-word-done{color:#18734f;font-weight:750}
.unit3-communication .u3comm-calibrate{border:1px dashed #b4c8bf;border-radius:10px;background:#fff;padding:8px 12px}
.unit3-communication .u3comm-calibrate summary{font-size:13px;cursor:pointer;font-weight:700;color:#3f6254}
.unit3-communication .u3comm-calibrate p{margin:9px 0;color:#365c4d;font-size:13px;line-height:1.5}
.unit3-communication .u3comm-calibrate-actions{display:flex;flex-wrap:wrap;gap:8px}
.unit3-communication .u3comm-calibrate-actions button{border:1px solid #b1cbbb;border-radius:8px;padding:8px 12px;font-weight:700;background:#f3fbf5;color:#215943;min-height:40px}
.unit3-communication .u3comm-calibrate button:focus-visible,.unit3-communication .u3comm-source-rates button:focus-visible{outline:2px solid #237b58;outline-offset:2px}
@media(max-width:600px){
 .unit3-communication .u3comm-official-source{margin:9px 2px;padding:11px}
 .unit3-communication .u3comm-source-rates button{flex:1 1 auto;min-height:44px}
 .unit3-communication .u3comm-calibrate-actions button{flex:1 1 auto;min-height:44px}
 .unit3-communication .u3comm-karaoke-text{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.unit3-communication .u3comm-karaoke-word,.unit3-communication .unit3-comm-line{transition:none}}

/* Track19 intro skip scoped to Communication L4, without audio-file edits. */
.unit3-communication .u3comm-intro-tool{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;border:1px solid #c8d9cd;border-radius:10px;background:#fff;padding:8px 10px}
.unit3-communication .u3comm-intro-tool small{flex:1 1 180px;line-height:1.5;color:#365c4d}
.unit3-communication .u3comm-intro-tool button{border:1px solid #90b9a1;border-radius:9px;background:#eaf7ee;color:#185c40;padding:9px 12px;font-size:13px;font-weight:750;min-height:42px;cursor:pointer}
.unit3-communication .u3comm-intro-tool button:focus-visible{outline:2px solid #237b58;outline-offset:2px}
@media(max-width:600px){.unit3-communication .u3comm-intro-tool button{width:100%}}

/* Communication L4 V4 safe fallback: visible without secondary adapter. */
.unit3-communication .u3comm-original-fallback{display:grid;gap:8px;margin:10px 14px 14px;padding:12px;border:1px solid #93bea6;border-radius:12px;background:#f3fbf5}
.unit3-communication .u3comm-original-fallback>b{color:#175e42;font-size:15px}
.unit3-communication .u3comm-original-fallback>audio{display:block;width:100%;max-width:100%}
.unit3-communication .u3comm-original-fallback>small{font-size:12px;color:#345f4a;line-height:1.5}
@media(max-width:600px){.unit3-communication .u3comm-original-fallback{margin:8px 2px;padding:11px}}