.teaching-slide.slide-vietnam-strategy,body.lesson-presenting .teaching-slide.slide-vietnam-strategy{container-type:size;padding:22px 4% 16px;overflow:hidden;background:#091e18 url('../../assets/experience/allied/map-background.png') center/cover no-repeat;border:1px solid #a6955d;border-radius:6px;color:#e5c67f}
.vs-stage{height:100%;width:100%;max-width:1640px;min-height:0;margin:auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(12px,2.8cqh,28px)}
.teaching-slide .vs-heading>p{margin:0 0 7px;color:#d7b674;font:500 clamp(11px,2.3cqh,21px)/1.4 var(--sans)}
.vs-topline{display:flex;align-items:center;gap:clamp(12px,1.5cqw,27px);min-width:0}
.vs-title{display:flex;align-items:center;justify-content:center;gap:12px;flex:1;min-width:0}
.vs-title>img{display:block;flex:0 1 9%;min-width:0;width:9%;height:auto;max-width:120px}
.teaching-slide .vs-title h2{margin:0;white-space:nowrap;color:#e8bf53;font:800 clamp(24px,5.2cqh,53px)/1.25 var(--sans);text-transform:uppercase;text-shadow:0 2px #795922,0 4px 7px #000b;min-width:0}
.vs-era{flex-shrink:0;font:750 clamp(20px,4cqh,38px)/1.2 var(--sans);color:#e5bc66;white-space:nowrap}

.vs-enemy-card,.vs-policy-card{position:relative;display:block;padding:0;border:0;border-radius:5px;background:transparent;box-shadow:none;cursor:pointer;color:inherit;line-height:0}





.teaching-slide .vs-heading .vs-subtitle{margin:12px 0 0;font:400 clamp(15px,2.9cqh,27px)/1.4 var(--sans);color:#d5b572;border-top:2px solid #c5a05a80;padding-top:8px}
.vs-board{position:relative;min-width:0;min-height:0;container-type:size}
.vs-layout{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100cqw,calc((100cqh - 28px)*2.68));display:grid;gap:clamp(12px,2.5cqh,28px)}
.vs-enemy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5%;min-width:0}
.vs-enemy-slot{min-width:0}
.vs-pointer{display:block;width:7%;height:auto;margin:0 auto 8px;filter:drop-shadow(0 0 9px #f28b64a0)}
.vs-enemy-card{width:100%;aspect-ratio:507/256;filter:drop-shadow(0 0 7px #ee624955)}
.vs-enemy-card>img{display:block;width:100%;height:auto;pointer-events:none}
.vs-policy{position:relative;width:100%;aspect-ratio:1569/300;filter:drop-shadow(0 0 7px #72ea9555)}
.vs-policy-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.vs-policy-mobile-title{display:none}
.vs-policy-slots{position:absolute;left:4.9076%;right:4.8439%;top:37.3333%;height:28.6667%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:3.48%;align-items:stretch}
.vs-policy-card{width:100%;height:100%;container-type:size;filter:drop-shadow(0 3px 5px #0008)}
.vs-policy-card>img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.vs-policy-card>span{position:absolute;inset:10% 4% 10% 24%;display:flex;align-items:center;justify-content:center;text-align:center;font:650 clamp(11px,5.4cqw,24px)/1.25 var(--sans);color:#d4eac2;text-wrap:balance;text-shadow:0 2px 3px #000}
.teaching-slide .vs-outcome{margin:0;text-align:center;color:#d3b77e;font:400 clamp(12px,2.1cqh,20px)/1.4 var(--sans)}
.vs-status{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.vs-stage button{transition:filter .18s ease,transform .18s ease}
@media(hover:hover){.vs-enemy-card:hover,.vs-enemy-card.is-viewed:hover{filter:brightness(1.13) drop-shadow(0 0 13px #fa795ca8);transform:translateY(-3px)}.vs-policy-card:hover{filter:brightness(1.13) drop-shadow(0 0 10px #8beca0a0);transform:translateY(-3px)}}
.vs-stage button:focus-visible{outline:3px solid #ffe2a0;outline-offset:4px;filter:brightness(1.13);transform:translateY(-3px)}
.vs-enemy-card.is-viewed{filter:brightness(1.08) drop-shadow(0 0 8px #f8bc6a80)}
.vs-detail-dialog{width:min(690px,90vw);max-height:85dvh;padding:26px 30px;border:2px solid #c5a365;border-radius:12px;background:#14271ff7;color:#fff0cd;box-shadow:0 12px 60px #0008;overflow:auto;scrollbar-width:thin;scrollbar-color:#ad9258 #14271f}
.vs-detail-dialog::backdrop{background:#07110cc4;backdrop-filter:blur(3px)}
.vs-detail-copy{font:400 clamp(18px,1.7vw,22px)/1.6 var(--sans,Arial,sans-serif);color:#fff0cd;overflow-wrap:break-word}
.vs-detail-copy h3{margin:0 0 12px;font:750 clamp(18px,1.7vw,24px)/1.4 var(--sans,Arial,sans-serif);color:#e8c67f}
.vs-detail-copy p{margin:0;font:inherit;color:inherit}.vs-detail-copy strong{color:#ffe2a0}.vs-detail-copy .vs-quote{font:inherit;color:inherit}
.vs-detail-section+.vs-detail-section{margin-top:26px;padding-top:22px;border-top:1px solid #c5a36566}
.vs-facts{margin:0}.vs-facts>div{display:grid;grid-template-columns:125px minmax(0,1fr);gap:16px;padding:15px 0;border-bottom:1px solid #b49b6338}.vs-facts>div:last-child{border-bottom:0;padding-bottom:0}.vs-facts dt{font:600 13px/1.5 var(--sans,Arial,sans-serif);color:#c8b78e;padding-top:5px}.vs-facts dd{margin:0;font:inherit;color:inherit}
.vs-detail-copy p.vs-key{font-weight:650;color:#ffe2a0;font-size:1.08em;margin:6px 0 12px}.vs-detail-copy p.vs-intro{margin:0 0 18px}
.vs-timeline{list-style:none;margin:0;padding:0}.vs-timeline li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:13px 0}.vs-timeline time{font-weight:750;color:#e9c67e}.vs-timeline p{margin:0}
.vs-source-links{margin:23px 0 0;font:400 11px/1.6 var(--sans,Arial,sans-serif);color:#aeb3a2}.vs-source-links a{color:#bfc6ad;text-decoration:underline;text-underline-offset:3px}.vs-source-links a:hover{color:#ffe2a0}.vs-source-links a:focus-visible{outline:2px solid #ffe2a0;outline-offset:3px}
.vs-dates{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.vs-dates span{padding:5px 12px;border:1px solid #c5a36588;border-radius:6px;font-size:.8em}.vs-dates b{color:#f0cb7e;margin-left:7px}
@media(max-width:1200px){.vs-title>img{display:none}.vs-topline{gap:14px}.vs-title{justify-content:flex-start}.teaching-slide .vs-title h2{font-size:clamp(23px,4.8cqh,36px)}.vs-era{font-size:clamp(20px,3.5cqh,29px)}}
@media(max-width:720px) and (orientation:portrait){
 .teaching-slide.slide-vietnam-strategy,body.lesson-presenting .teaching-slide.slide-vietnam-strategy{container-type:inline-size;padding:17px 12px;overflow:auto}
 .vs-stage{height:auto;min-height:100%;display:flex;flex-direction:column;gap:22px;flex-shrink:0}.teaching-slide .vs-heading>p{font-size:11px}.vs-topline{flex-wrap:wrap;gap:15px}.vs-title{flex:1 0 100%;justify-content:center}.teaching-slide .vs-title h2{white-space:normal;text-align:center;font-size:clamp(25px,7cqw,38px);text-wrap:balance}.vs-era{font-size:25px}.teaching-slide .vs-heading .vs-subtitle{font-size:16px;margin-top:14px;padding-top:12px}
 .vs-board{container-type:normal;min-height:0;flex-shrink:0}.vs-layout{position:static;transform:none;width:100%;gap:27px}.vs-enemy{grid-template-columns:1fr;gap:19px}.vs-enemy-slot{width:100%;max-width:560px;justify-self:center}.vs-pointer{width:7%;max-width:28px}.vs-policy{aspect-ratio:auto;filter:none}.vs-policy-frame{display:none}.vs-policy-mobile-title{display:block;margin:0 auto 13px;width:94%;max-width:500px;filter:drop-shadow(0 0 6px #72ea9555)}.vs-policy-mobile-title img{display:block;width:100%;height:auto}.vs-policy-slots{position:static;display:grid;grid-template-columns:1fr;gap:13px;height:auto;max-width:560px;margin:auto}.vs-policy-card{height:auto;aspect-ratio:439/86}.vs-policy-card>span{font-size:clamp(16px,4.9cqw,25px)}.teaching-slide .vs-outcome{font-size:14px}
}
@media(max-height:500px) and (orientation:landscape){.teaching-slide.slide-vietnam-strategy,body.lesson-presenting .teaching-slide.slide-vietnam-strategy{overflow:auto;padding:14px 3%}.vs-stage{height:690px;min-height:690px;flex-shrink:0;gap:18px}.teaching-slide .vs-title h2{font-size:24px}.teaching-slide .vs-heading>p{font-size:11px}.teaching-slide .vs-heading .vs-subtitle{font-size:16px}.vs-era{font-size:21px}.teaching-slide .vs-outcome{font-size:13px}}
@media(max-width:600px){.vs-detail-dialog{padding:20px}.vs-detail-copy{font-size:17px;line-height:1.6}.vs-detail-copy h3{font-size:20px}.vs-facts>div{grid-template-columns:1fr;gap:5px;padding:12px 0}.vs-facts dt{font-size:12px;padding:0}.vs-timeline li{grid-template-columns:48px minmax(0,1fr);gap:12px}.vs-source-links{font-size:10px}}
@media(prefers-reduced-motion:reduce){.vs-stage button{transition:none}.vs-stage button:hover,.vs-stage button:focus-visible{transform:none}}

.vs-detail-copy p.vs-policy-period{margin:-4px 0 12px;font:600 12px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.5px;color:#c5b17d}