/* G6 Unit 3 L4 - 4Teen interactive reading, scoped to Communication only. */
.unit3-communication .u3teen-host{margin:18px 14px 12px;min-width:0}
.unit3-communication .u3teen-head{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.unit3-communication .u3teen-head h3{margin:0 0 9px;font-size:22px;color:#144438}
.unit3-communication .u3teen-instruction{margin:0;font-size:15px;color:#244f43;line-height:1.65}
.unit3-communication .u3teen-instruction span{display:block;color:#46685b}
.unit3-communication .u3teen-total{white-space:nowrap;background:#edf8f0;border:1px solid #b8d8c5;color:#185b3f;border-radius:10px;padding:8px 11px;font-size:13px}
.unit3-communication .u3teen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.unit3-communication .u3teen-card{min-width:0;display:flex;flex-direction:column;gap:12px;padding:16px;background:#fff;border:1px solid #c6ded0;border-radius:15px}
.unit3-communication .u3teen-card[data-u3teen-solved="1"]{border-color:#3aaf77}
.unit3-communication .u3teen-person{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.unit3-communication .u3teen-person>b{color:#143d35;font-size:18px}
.unit3-communication .u3teen-person>small{color:#587267;font-size:12px}
.unit3-communication .u3teen-en{color:#1d3e39;line-height:1.7;font-size:16px;margin:0}
.unit3-communication .u3teen-vi{font-size:14px;line-height:1.65;color:#34554b;background:#f3f8f5;border-radius:9px;padding:10px;margin:0}
.unit3-communication .u3teen-question{display:grid;gap:4px;margin:0;font-size:15px;color:#225144}
.unit3-communication .u3teen-question>span{font-size:14px;color:#506f5f}
.unit3-communication .u3teen-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.unit3-communication button[data-u3teen-option]{min-height:52px;min-width:0;text-align:left;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:2px;border:1.5px solid #b6d4c4;background:#fff;color:#1a4b3a;border-radius:10px;padding:8px 10px;cursor:pointer}
.unit3-communication button[data-u3teen-option] b{font-size:15px;overflow-wrap:anywhere}
.unit3-communication button[data-u3teen-option] small{font-size:12px;color:#567165}
.unit3-communication button[data-u3teen-option][aria-pressed="true"]{background:#e5f6ed;border-color:#23845c;box-shadow:inset 0 0 0 1px #23845c}
.unit3-communication button[data-u3teen-option].is-correct{background:#dbf3e4;border-color:#2a9766}
.unit3-communication button[data-u3teen-option]:disabled{opacity:1;cursor:default}
.unit3-communication .u3teen-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto}
.unit3-communication .u3teen-actions button{min-height:44px;border:1px solid #9ac1ae;border-radius:9px;padding:9px 12px;font-size:14px;font-weight:700;cursor:pointer}
.unit3-communication .u3teen-check{background:#196c4b;color:#fff}
.unit3-communication .u3teen-reset{background:#f4faf6;color:#22593f}
.unit3-communication .u3teen-actions>small{font-size:13px;color:#526e60}
.unit3-communication .u3teen-feedback{margin:0;min-height:45px;font-size:14px;line-height:1.6;border-radius:9px;padding:9px 11px;color:#426451;background:#f1f8f3}
.unit3-communication .u3teen-feedback[data-tone="warning"]{background:#fff3e6;color:#875012}
.unit3-communication .u3teen-feedback[data-tone="success"]{background:#e2f5e9;color:#145638;font-weight:650}
.unit3-communication .u3teen-foot{margin:11px 0 0;font-size:13px;line-height:1.5;color:#61786e}
.unit3-communication .u3teen-awaiting{font-size:13px;color:#4d6e5e}
.unit3-communication button[data-u3teen-option]:focus-visible,.unit3-communication .u3teen-actions button:focus-visible{outline:3px solid #28865d;outline-offset:2px}
@media(max-width:900px){.unit3-communication .u3teen-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){
 .unit3-communication .u3teen-host{margin:14px 2px 9px}
 .unit3-communication .u3teen-card{padding:12px;gap:10px}
 .unit3-communication .u3teen-head h3{font-size:20px}
 .unit3-communication button[data-u3teen-option]{min-height:48px}
 .unit3-communication .u3teen-actions button{flex:1 1 auto}
}