/* VƯỜN NGOẠI NGỮ v6.15.342 — Learning flow cleanup */ :root{--v342-ink:#173f35;--v342-muted:#667b73;--v342-line:#d8e5e0;--v342-green:#2f7d55;--v342-blue:#536fb5;} /* Deep Listening: suppress all overlapping FREE trial surfaces. Keep one PLUS lock authority. */ body #skill-listening .v333-deep-listening-trial, body #skill-listening .v334-deep-listening{display:none!important;} body.v334-free-flow #skill-listening .listening-plus-lock-card.v334-commercial-hidden{display:block!important;} body.v334-free-flow #skill-listening .v287-gate, body.v334-free-flow #skill-listening .v271-garden-gate, body.v334-free-flow #skill-listening .v272-garden-gate, body.v334-free-flow #skill-listening [data-v272-garden]{display:none!important;} /* Remove the old Reading no-audio trial even during older runtime repaint windows. */ body #skill-reading #v334SilentReading{display:none!important;} /* Reading comprehension readability + Vietnamese question support. */ #skill-reading #readingContent{font-size:17px!important;line-height:1.72!important;} #skill-reading #readingContent>p{font-size:17.5px!important;line-height:1.8!important;color:#29483f!important;} #skill-reading #readingContent .reading-q{padding:16px 0!important;border-bottom:1px solid #e4ece9!important;} #skill-reading #readingContent .reading-q>strong{display:block!important;font-size:19px!important;line-height:1.48!important;color:#173f35!important;font-weight:850!important;} #skill-reading #readingContent .v342-reading-question-vi{margin:7px 0 11px!important;padding:8px 10px!important;border-left:4px solid #73a996!important;border-radius:8px!important;background:#f4faf7!important;color:#48665d!important;font-size:15.5px!important;line-height:1.5!important;font-weight:700!important;} #skill-reading #readingContent .reading-q .mcq{display:grid!important;gap:9px!important;} #skill-reading #readingContent .reading-q .mcq button{min-height:46px!important;padding:10px 13px!important;font-size:15.5px!important;line-height:1.4!important;text-align:left!important;white-space:normal!important;} /* Shadowing no-audio fallback. Only activated when source audio is genuinely unavailable. */ #skill-shadowing.v342-shadow-fallback-active #shadowFullDialogue, #skill-shadowing.v342-shadow-fallback-active .shadow-toolbar-v2, #skill-shadowing.v342-shadow-fallback-active #shadowingCore{display:none!important;} #v342ShadowNoAudio{display:grid!important;gap:14px!important;margin:14px 0 18px!important;padding:16px!important;border:1px solid #d5e1ee!important;border-left:5px solid var(--v342-blue)!important;border-radius:18px!important;background:linear-gradient(135deg,#f6f8ff,#fff)!important;box-shadow:0 7px 18px rgba(47,67,124,.05)!important;} #v342ShadowNoAudio header span,#v342ShadowNoAudio header strong,#v342ShadowNoAudio header small{display:block!important;} #v342ShadowNoAudio header span{color:#50669e!important;font-size:11px!important;font-weight:900!important;letter-spacing:.06em!important;} #v342ShadowNoAudio header strong{margin-top:4px!important;color:var(--v342-ink)!important;font-size:19px!important;line-height:1.4!important;} #v342ShadowNoAudio header small{margin-top:4px!important;color:var(--v342-muted)!important;font-size:13px!important;line-height:1.5!important;} #v342ShadowNoAudio .v342-shadow-layout{display:grid!important;grid-template-columns:minmax(220px,.75fr) minmax(0,1.6fr)!important;gap:12px!important;} #v342ShadowNoAudio [data-lines]{display:grid!important;gap:7px!important;max-height:520px!important;overflow:auto!important;padding-right:3px!important;} #v342ShadowNoAudio [data-line]{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:8px!important;align-items:start!important;width:100%!important;padding:9px 10px!important;border:1px solid #dde5ed!important;border-radius:10px!important;background:#fff!important;color:#425a53!important;text-align:left!important;} #v342ShadowNoAudio [data-line] b{display:grid!important;place-items:center!important;width:26px!important;height:26px!important;border-radius:999px!important;background:#eef2fb!important;color:#536fb5!important;font-size:12px!important;} #v342ShadowNoAudio [data-line] span{font-size:13px!important;line-height:1.45!important;} #v342ShadowNoAudio [data-line].active{border-color:#8195cd!important;background:#f2f5ff!important;box-shadow:inset 4px 0 0 #536fb5!important;} #v342ShadowNoAudio .v342-shadow-layout>article{min-width:0!important;padding:15px!important;border:1px solid #e0e7f0!important;border-radius:14px!important;background:#fff!important;} #v342ShadowNoAudio .v342-shadow-meta{display:flex!important;justify-content:space-between!important;gap:8px!important;color:#6b7b91!important;font-size:12px!important;} #v342ShadowNoAudio .v342-shadow-main{margin-top:12px!important;color:#173f35!important;font-size:25px!important;line-height:1.55!important;font-weight:850!important;} #v342ShadowNoAudio .v342-shadow-support{margin-top:8px!important;color:#536f8b!important;font-size:16px!important;line-height:1.5!important;font-weight:700!important;} #v342ShadowNoAudio .v342-shadow-vi{margin-top:8px!important;padding:9px 11px!important;border-left:4px solid #8db4a5!important;border-radius:8px!important;background:#f5faf8!important;color:#49655d!important;font-size:15px!important;line-height:1.5!important;} #v342ShadowNoAudio .v342-shadow-timeline{height:7px!important;margin:14px 0!important;overflow:hidden!important;border-radius:999px!important;background:#e9edf6!important;} #v342ShadowNoAudio .v342-shadow-timeline i{display:block!important;width:0%;height:100%!important;border-radius:inherit!important;background:currentColor!important;color:#5b73b5!important;} #v342ShadowNoAudio .v342-shadow-nav,#v342ShadowNoAudio .v342-shadow-actions{display:grid!important;gap:8px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:9px!important;} #v342ShadowNoAudio button{min-width:0!important;min-height:44px!important;padding:9px 10px!important;white-space:normal!important;line-height:1.3!important;font-weight:800!important;} #v342ShadowNoAudio audio{width:100%!important;margin-top:10px!important;} #v342ShadowNoAudio .v342-shadow-result{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:12px!important;margin-top:12px!important;padding:12px!important;border:1px solid #dce5e1!important;border-radius:12px!important;background:#fbfdfc!important;} #v342ShadowNoAudio .v342-shadow-result[hidden]{display:none!important;} #v342ShadowNoAudio .v342-shadow-score{display:grid!important;place-items:center!important;min-width:76px!important;min-height:76px!important;padding:8px!important;border-radius:13px!important;background:#eef3ff!important;color:#4c64a9!important;} #v342ShadowNoAudio .v342-shadow-score strong{font-size:27px!important;line-height:1!important;} #v342ShadowNoAudio .v342-shadow-score small{font-size:11px!important;} #v342ShadowNoAudio .v342-shadow-result p{margin:5px 0!important;font-size:14px!important;line-height:1.45!important;color:#465f57!important;} #v342ShadowNoAudio .v342-shadow-result small,#v342ShadowNoAudio .v342-shadow-result em{display:block!important;margin-top:4px!important;color:#697b75!important;font-size:12.5px!important;line-height:1.45!important;font-style:normal!important;} @media(max-width:900px){ #v342ShadowNoAudio .v342-shadow-layout{grid-template-columns:1fr!important;} #v342ShadowNoAudio [data-lines]{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:260px!important;} } @media(max-width:700px){ #skill-reading #readingContent>p{font-size:17px!important;} #skill-reading #readingContent .reading-q>strong{font-size:18px!important;} #skill-reading #readingContent .v342-reading-question-vi{font-size:15px!important;} #v342ShadowNoAudio{padding:12px!important;margin:10px 0 14px!important;} #v342ShadowNoAudio header strong{font-size:18px!important;} #v342ShadowNoAudio [data-lines]{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;max-height:none!important;padding:0 0 5px!important;scroll-snap-type:x proximity!important;} #v342ShadowNoAudio [data-line]{flex:0 0 min(78vw,290px)!important;scroll-snap-align:start!important;} #v342ShadowNoAudio .v342-shadow-main{font-size:22px!important;} #v342ShadowNoAudio .v342-shadow-nav,#v342ShadowNoAudio .v342-shadow-actions{grid-template-columns:1fr!important;} #v342ShadowNoAudio .v342-shadow-result{grid-template-columns:1fr!important;} } @supports(-webkit-touch-callout:none){ #v342ShadowNoAudio,#skill-reading #readingContent{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-wrap:anywhere!important;contain:none!important;} #v342ShadowNoAudio button,#v342ShadowNoAudio audio,#v342ShadowNoAudio textarea,#v342ShadowNoAudio input{max-width:100%!important;box-sizing:border-box!important;} } /* v6.15.342 — continuous vertical Shadowing. */ #v342ShadowNoAudio .v342-shadow-toolbar{ display:grid!important;gap:10px!important;padding:12px!important;border:1px solid #d9e4ee!important; border-radius:15px!important;background:#fff!important;position:sticky!important;top:8px!important;z-index:5!important; box-shadow:0 8px 24px rgba(31,55,91,.08)!important; } #v342ShadowNoAudio .v342-shadow-meta{display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:center!important} #v342ShadowNoAudio .v342-shadow-meta strong{font-size:15px!important;color:#173f35!important} #v342ShadowNoAudio .v342-shadow-meta span{font-size:13px!important;color:#667b73!important} #v342ShadowNoAudio .v342-shadow-actions{ display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important; } #v342ShadowNoAudio .v342-shadow-actions button{min-height:46px!important;font-size:14px!important;font-weight:850!important;white-space:normal!important} #v342ShadowNoAudio .v342-shadow-overall{height:7px!important;border-radius:999px!important;background:#e9eef5!important;overflow:hidden!important} #v342ShadowNoAudio .v342-shadow-overall>i{display:block!important;width:0;height:100%!important;background:currentColor!important;color:#5e78bd!important;transition:width .24s ease!important} #v342ShadowNoAudio [data-record-range]{display:block!important;color:#536a61!important;font-size:13px!important;line-height:1.45!important;font-weight:700!important} #v342ShadowNoAudio.is-recording [data-record-range]{color:#a53a35!important} #v342ShadowNoAudio .v342-shadow-stream{ display:grid!important;grid-template-columns:1fr!important;gap:10px!important;max-height:none!important;overflow:visible!important;padding:2px!important; } #v342ShadowNoAudio .v342-shadow-row{ position:relative!important;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:11px!important; width:100%!important;padding:14px!important;border:1px solid #dce6e2!important;border-radius:15px!important;background:#fff!important; color:#27483e!important;text-align:left!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important; } #v342ShadowNoAudio .v342-shadow-row>b{ display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:50%!important;background:#edf4f1!important; color:#45645a!important;font-size:14px!important; } #v342ShadowNoAudio .v342-shadow-row>div{min-width:0!important} #v342ShadowNoAudio .v342-shadow-row strong{display:block!important;font-size:20px!important;line-height:1.48!important;color:#173f35!important;font-weight:850!important} #v342ShadowNoAudio .v342-shadow-row small{display:block!important;margin-top:5px!important;line-height:1.45!important} #v342ShadowNoAudio .v342-shadow-row small.support{font-size:13.5px!important;color:#566f91!important;font-weight:700!important} #v342ShadowNoAudio .v342-shadow-row small.vi{font-size:15px!important;color:#5c746b!important} #v342ShadowNoAudio .v342-shadow-row.active{ border-color:#6c84c5!important;background:#f5f7ff!important;box-shadow:0 10px 26px rgba(68,86,145,.13)!important;transform:translateY(-1px)!important; } #v342ShadowNoAudio .v342-shadow-row.active>b{background:#536fb5!important;color:#fff!important} #v342ShadowNoAudio .v342-shadow-row.passed:not(.active){background:#f8fbfa!important} #v342ShadowNoAudio .v342-line-track{display:block!important;height:5px!important;margin-top:10px!important;border-radius:999px!important;background:#e8edf4!important;overflow:hidden!important} #v342ShadowNoAudio .v342-line-track>i{display:block!important;height:100%!important;width:0;background:currentColor!important;color:#5d77bc!important} #v342ShadowNoAudio .v342-shadow-row.passed .v342-line-track>i{width:100%} #v342ShadowNoAudio audio{width:100%!important;margin-top:2px!important} #v342ShadowNoAudio .v342-shadow-result{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:12px!important;align-items:start!important;padding:14px!important;border-radius:14px!important;background:#f6faf8!important;border:1px solid #d9e6e0!important} #v342ShadowNoAudio .v342-shadow-result em{display:block!important;margin-top:5px!important;color:#60756d!important;font-style:normal!important;font-size:12.5px!important} @media(max-width:760px){ #v342ShadowNoAudio{padding:12px!important} #v342ShadowNoAudio .v342-shadow-toolbar{top:4px!important;padding:10px!important} #v342ShadowNoAudio .v342-shadow-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important} #v342ShadowNoAudio .v342-shadow-actions button{min-height:48px!important;font-size:14px!important} #v342ShadowNoAudio .v342-shadow-row{grid-template-columns:34px minmax(0,1fr)!important;padding:12px 11px!important} #v342ShadowNoAudio .v342-shadow-row>b{width:30px!important;height:30px!important} #v342ShadowNoAudio .v342-shadow-row strong{font-size:18px!important;line-height:1.5!important} #v342ShadowNoAudio .v342-shadow-row small.vi{font-size:14.5px!important} #v342ShadowNoAudio .v342-shadow-result{grid-template-columns:1fr!important} } /* Reading with audio: make AI purpose explicit. */ #skill-reading .v333-read-ai-row .v333-read-ai-copy strong{font-size:18px!important;line-height:1.4!important;color:#173f35!important} #skill-reading .v333-read-ai-row .v333-read-ai-copy small{font-size:14px!important;line-height:1.55!important} #skill-reading .v333-read-ai-actions button{min-height:46px!important;font-weight:850!important} /* v6.15.342 — single Reading audio + AI authority */ #skill-reading .v342-read-ai-row{ display:grid!important;gap:12px!important;margin-top:14px!important;padding:15px!important; border:1px solid #d7e4df!important;border-radius:16px!important;background:#f8fbfa!important; } #skill-reading .v342-read-ai-copy strong{display:block!important;font-size:18px!important;line-height:1.42!important;color:#173f35!important} #skill-reading .v342-read-ai-copy small{display:block!important;margin-top:5px!important;font-size:14px!important;line-height:1.55!important;color:#60766d!important} #skill-reading .v342-read-ai-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important} #skill-reading .v342-read-ai-actions button{min-height:48px!important;font-size:14px!important;font-weight:850!important} #skill-reading .v342-read-ai-row audio{width:100%!important} #skill-reading .v342-read-ai-result{ display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:12px!important;padding:13px!important; border-radius:14px!important;border:1px solid #d9e7e1!important;background:#fff!important; } #skill-reading .v342-read-ai-result[hidden]{display:none!important} #skill-reading .v342-read-score{display:flex!important;align-items:baseline!important;gap:3px!important} #skill-reading .v342-read-score strong{font-size:34px!important;line-height:1!important;color:#173f35!important} #skill-reading .v342-read-score span{font-size:14px!important;color:#60766d!important} #skill-reading .v342-read-player{display:grid!important;gap:12px!important} #skill-reading .v342-read-player>audio{width:100%!important} #skill-reading .v342-read-lines{display:grid!important;gap:8px!important} #skill-reading .v342-read-line{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:9px!important;padding:11px!important;border:1px solid #dde8e4!important;border-radius:12px!important;background:#fff!important} #skill-reading .v342-read-line>b{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:50%!important;background:#eef5f2!important} #skill-reading .v342-read-line strong{display:block!important;font-size:18px!important;line-height:1.5!important;color:#173f35!important} #skill-reading .v342-read-line small{display:block!important;margin-top:4px!important;font-size:14px!important;line-height:1.45!important;color:#62786f!important} #skill-reading .v342-read-no-audio{display:grid!important;gap:8px!important;padding:14px!important;border:1px solid #dbe6e2!important;border-radius:14px!important;background:#fbfdfc!important} #skill-reading .v342-read-no-audio strong{font-size:17px!important;color:#173f35!important} #skill-reading .v342-read-no-audio span{font-size:14px!important;line-height:1.5!important;color:#60766d!important} @media(max-width:760px){ #skill-reading .v342-read-ai-actions{grid-template-columns:1fr 1fr!important} #skill-reading .v342-read-ai-result{grid-template-columns:1fr!important} } /* Hard-hide legacy duplicate learning surfaces under the single authority. */ html[data-vnn-build="6.15.342"] #v287-listening, html[data-vnn-build="6.15.342"] #v287-reading, html[data-vnn-build="6.15.342"] .v333-deep-listening-trial, html[data-vnn-build="6.15.342"] .v334-deep-listening, html[data-vnn-build="6.15.342"] #v334SilentReading, html[data-vnn-build="6.15.342"] #skill-reading .v333-read-ai-row{display:none!important} #skill-shadowing.v342-shadow-fallback-active > .v331-ai-access-strip, #skill-shadowing.v342-shadow-fallback-active > #shadowingCreditRule, #skill-shadowing.v342-shadow-fallback-active > .ai-policy-card{display:none!important}