/* V7.3.17 — Practical, in-depth topic lessons */
.article-practical-strip{margin:14px 0 0;display:flex;gap:8px;flex-wrap:wrap}.article-practical-strip span{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:#fff;border:1px solid color-mix(in srgb,var(--topic-accent) 18%,#e2eaf4);font-size:10px;font-weight:850;color:#405d7b;box-shadow:0 7px 18px rgba(28,65,116,.055)}.article-practical-strip b{color:var(--topic-accent)}
.article-outcomes{margin-top:14px;padding:22px 24px;border-radius:23px;background:linear-gradient(145deg,#fff,var(--topic-soft));border:1px solid color-mix(in srgb,var(--topic-accent) 17%,#dfe8f4);box-shadow:0 11px 27px rgba(26,65,119,.055)}.article-outcomes>span,.article-practical-head>span,.article-checklist>span,.article-mission>span,.article-quiz-card>span{display:block;color:var(--topic-accent);font-size:9px;font-weight:950;letter-spacing:.1em}.article-outcomes h2,.article-practical-head h2,.article-checklist h2,.article-mission h2,.article-quiz-card h2{margin:5px 0 14px;font-size:23px}.article-outcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.article-outcome-grid div{min-width:0;padding:13px 13px 13px 44px;position:relative;border-radius:16px;background:rgba(255,255,255,.82);color:#526a85;font-size:12px;line-height:1.55}.article-outcome-grid i{position:absolute;left:12px;top:12px;width:24px;height:24px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--topic-accent),var(--topic-accent-2));color:#fff;font-size:10px;font-style:normal;font-weight:900}
.article-practical-block{margin-top:14px;padding:24px;border:1px solid #e0e9f4;border-radius:24px;background:#fff;box-shadow:0 11px 27px rgba(26,65,119,.05)}.article-practical-head{display:flex;align-items:end;justify-content:space-between;gap:15px}.article-practical-head p{max-width:470px;margin:0 0 15px;color:#718299;font-size:11px;line-height:1.55;text-align:right}.article-scenario-card{position:relative;overflow:hidden;margin-top:4px;padding:19px;display:grid;grid-template-columns:1.1fr .9fr;gap:13px;border-radius:20px;background:linear-gradient(135deg,#102e58,#17568e);color:#fff}.article-scenario-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-80px;top:-90px;background:radial-gradient(circle,color-mix(in srgb,var(--topic-accent-2) 60%,#fff),transparent 68%);opacity:.4}.article-scenario-copy,.article-scenario-facts{position:relative;z-index:1}.article-scenario-copy small{font-size:9px;font-weight:900;letter-spacing:.09em;color:#b9d7f3}.article-scenario-copy h3{margin:7px 0 7px;font-size:19px}.article-scenario-copy p{margin:0;color:#d6e5f4;font-size:12px;line-height:1.65}.article-scenario-facts{display:grid;gap:8px}.article-scenario-facts div{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.13)}.article-scenario-facts span{display:block;color:#bcd7ee;font-size:8px;font-weight:900;letter-spacing:.08em}.article-scenario-facts b{display:block;margin-top:4px;font-size:11px;line-height:1.45}
.article-dialogue-tools{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 5px}.article-dialogue-tools button{height:38px;padding:0 13px;border:1px solid color-mix(in srgb,var(--topic-accent) 24%,#dce7f2);border-radius:13px;background:var(--topic-soft);color:var(--topic-accent);font-size:10px;font-weight:850;cursor:pointer}.article-dialogue-tools button:hover{transform:translateY(-1px)}.article-dialogue{display:grid;gap:9px}.dialogue-line{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:start;padding:13px;border-radius:18px;background:#f7faff;border:1px solid #e4ecf6}.dialogue-line.is-b{background:linear-gradient(145deg,#fff,var(--topic-soft))}.dialogue-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--topic-accent),var(--topic-accent-2));color:#fff;font-size:12px;font-weight:950}.dialogue-copy{min-width:0}.dialogue-copy small{display:block;color:#708198;font-size:9px;font-weight:850}.dialogue-copy b{display:block;margin-top:3px;font-family:"Noto Serif SC","Microsoft YaHei",serif;font-size:18px;line-height:1.45;color:#102d55}.dialogue-copy em{display:block;margin-top:4px;color:#2767a9;font-size:11px;font-style:normal;line-height:1.5}.dialogue-copy p{margin:4px 0 0;color:#62758d;font-size:11px;line-height:1.5}.article-dialogue.is-translation-hidden .dialogue-copy em,.article-dialogue.is-translation-hidden .dialogue-copy p{display:none}.dialogue-speak{width:38px;height:38px;border:0;border-radius:13px;background:#fff;color:var(--topic-accent);cursor:pointer;box-shadow:0 7px 17px rgba(25,63,113,.07)}
.article-pattern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:4px}.article-pattern-card{min-width:0;padding:16px;border-radius:18px;background:linear-gradient(145deg,#fff,var(--topic-soft));border:1px solid color-mix(in srgb,var(--topic-accent) 15%,#e0e9f4)}.article-pattern-card small{display:block;color:var(--topic-accent);font-size:8px;font-weight:950;letter-spacing:.08em}.article-pattern-card b{display:block;margin-top:8px;font-family:"Noto Serif SC","Microsoft YaHei",serif;font-size:17px;line-height:1.45;overflow-wrap:anywhere}.article-pattern-card em{display:block;margin-top:5px;color:#2865a6;font-size:10px;font-style:normal;line-height:1.5}.article-pattern-card p{margin:7px 0 0;color:#65778d;font-size:10px;line-height:1.55}.article-pattern-card button{margin-top:10px;border:0;background:transparent;padding:0;color:var(--topic-accent);font-size:10px;font-weight:850;cursor:pointer}
.article-mistake-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.article-mistake{padding:16px;border-radius:18px;border:1px solid #f0dfe5;background:linear-gradient(145deg,#fff,#fff5f7)}.article-mistake>span{display:inline-flex;padding:5px 8px;border-radius:999px;background:#fee8ee;color:#cf315f;font-size:8px;font-weight:950}.article-mistake h3{margin:9px 0 7px;font-size:14px}.article-mistake p{margin:0;color:#69798e;font-size:11px;line-height:1.58}.article-mistake strong{display:block;margin-top:10px;color:#15825c;font-size:11px;line-height:1.55}.article-mistake strong:before{content:"Nên dùng: ";color:#52667f;font-weight:700}
.article-checklist{margin-top:14px;padding:22px 24px;border-radius:23px;background:#fff;border:1px solid #e1e9f4;box-shadow:0 11px 27px rgba(26,65,119,.05)}.article-checklist-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.article-checklist-grid label{position:relative;padding:12px 12px 12px 42px;border-radius:15px;background:#f7faff;color:#506982;font-size:11px;line-height:1.5;cursor:pointer}.article-checklist-grid input{position:absolute;left:13px;top:13px;width:18px;height:18px;accent-color:var(--topic-accent)}
.article-mission{margin-top:14px;padding:24px;border-radius:24px;background:linear-gradient(135deg,var(--topic-accent),var(--topic-accent-2));color:#fff;box-shadow:0 18px 37px color-mix(in srgb,var(--topic-accent) 22%,transparent)}.article-mission>span{color:#eaf7ff}.article-mission h2{color:#fff}.article-mission p{margin:0;color:#eff7ff;font-size:12px;line-height:1.65}.article-mission-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.article-mission button{min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.28);border-radius:13px;background:#fff;color:var(--topic-accent);font-size:10px;font-weight:900;cursor:pointer}.article-sample-answer{display:none;margin-top:13px;padding:15px;border-radius:16px;background:rgba(7,32,63,.23);border:1px solid rgba(255,255,255,.16)}.article-sample-answer.is-visible{display:block}.article-sample-answer b,.article-sample-answer em,.article-sample-answer p{display:block}.article-sample-answer b{font-family:"Noto Serif SC","Microsoft YaHei",serif;font-size:17px}.article-sample-answer em{margin-top:5px;color:#d9ecff;font-size:11px;font-style:normal}.article-sample-answer p{margin-top:5px;color:#f5f9ff;font-size:11px}
.article-quiz-card{margin-top:14px;padding:22px 24px;border-radius:23px;background:linear-gradient(145deg,#fff,var(--topic-soft));border:1px solid color-mix(in srgb,var(--topic-accent) 18%,#dfe8f4)}.article-quiz-progress{height:6px;margin:5px 0 17px;border-radius:999px;background:#dfe8f3;overflow:hidden}.article-quiz-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--topic-accent),var(--topic-accent-2));transition:.25s}.article-quiz-question{font-size:15px;font-weight:900;line-height:1.5}.article-quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.article-quiz-options button{min-height:45px;padding:10px;border:1px solid #dfe8f3;border-radius:14px;background:#fff;color:#334e6d;text-align:left;font-size:11px;font-weight:800;cursor:pointer}.article-quiz-options button.is-correct{border-color:#28b67a;background:#e9fbf3;color:#14734f}.article-quiz-options button.is-wrong{border-color:#ed6687;background:#fff0f4;color:#bb2e56}.article-quiz-feedback{min-height:19px;margin-top:10px;color:#5b7089;font-size:10px;font-weight:750}.article-quiz-next{display:none;margin-top:9px;height:39px;padding:0 14px;border:0;border-radius:12px;background:var(--topic-accent);color:#fff;font-size:10px;font-weight:900;cursor:pointer}.article-quiz-next.is-visible{display:inline-flex;align-items:center}.article-quiz-result{display:none;padding:14px;border-radius:15px;background:#fff;text-align:center}.article-quiz-result.is-visible{display:block}.article-quiz-result b{display:block;color:var(--topic-accent);font-size:27px}.article-quiz-result p{margin:5px 0 0;color:#61748c;font-size:11px}
.article-vocab-box.is-deep h2:after{content:" · thực chiến";color:var(--topic-accent);font-size:10px}.article-vocab-list.is-deep{max-height:520px;overflow:auto;padding-right:3px}.article-vocab-list.is-deep a{grid-template-columns:minmax(68px,auto) 1fr}.article-vocab-list.is-deep b{font-size:20px}.article-vocab-list.is-deep::-webkit-scrollbar{width:5px}.article-vocab-list.is-deep::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--topic-accent) 28%,#d8e3ef);border-radius:999px}
@media(max-width:1000px){.article-pattern-grid{grid-template-columns:1fr 1fr}.article-pattern-card:last-child{grid-column:1/-1}.article-vocab-list.is-deep{max-height:none}}
@media(max-width:720px){.article-outcomes,.article-practical-block,.article-checklist,.article-mission,.article-quiz-card{padding:17px 14px;border-radius:20px}.article-outcome-grid{grid-template-columns:1fr}.article-practical-head{display:block}.article-practical-head p{text-align:left;margin-top:-6px}.article-scenario-card{grid-template-columns:1fr;padding:15px}.dialogue-line{grid-template-columns:36px minmax(0,1fr) 36px;padding:11px 9px;gap:8px}.dialogue-avatar{width:36px;height:36px}.dialogue-copy b{font-size:16px}.dialogue-speak{width:36px;height:36px}.article-pattern-grid,.article-mistake-grid,.article-checklist-grid,.article-quiz-options{grid-template-columns:1fr}.article-pattern-card:last-child{grid-column:auto}.article-outcomes h2,.article-practical-head h2,.article-checklist h2,.article-mission h2,.article-quiz-card h2{font-size:20px}.article-practical-strip span{font-size:9px}.article-dialogue-tools button{flex:1}.article-vocab-list.is-deep{display:grid;grid-template-columns:1fr 1fr;gap:7px}.article-vocab-list.is-deep a{grid-template-columns:1fr;padding:10px}.article-vocab-list.is-deep b{grid-row:auto;font-size:19px}.article-vocab-list.is-deep strong{display:none}}
@media(max-width:370px){.article-vocab-list.is-deep{grid-template-columns:1fr}.article-practical-strip{gap:5px}.article-practical-strip span{padding:7px 8px}.article-mission-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.article-quiz-progress i{transition:none}}

.article-scope-note{margin-top:10px;padding:13px 15px;border-radius:15px;background:#fff9e8;border:1px solid #f2d88e;color:#765a17;font-size:10px;line-height:1.55}