.teaching-slide.slide-worksheet-two,body.lesson-presenting .teaching-slide.slide-worksheet-two{container-type:size;padding:clamp(14px,3cqh,28px) 5% 12px;overflow:hidden;background:#091e18 url('../../assets/experience/allied/map-background.png') center/cover no-repeat;border:1px solid #a6955d;border-radius:6px;color:#e5c67f}
.ws2-stage{height:100%;min-height:0;width:100%;max-width:1600px;margin-inline:auto;display:flex;flex-direction:column;gap:clamp(10px,2.1cqh,20px);--ws2-accent:#8cf08b;--ws2-glow:#6cf39c70;color:#e5c67f}
.ws2-stage[data-front=military]{--ws2-accent:#ffba6c;--ws2-glow:#f4a44c70}
.ws2-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-shrink:0;padding-bottom:clamp(12px,2cqh,20px);border-bottom:3px solid #b3924e;box-shadow:0 7px 9px -8px #f1c558}
.ws2-heading:before,.ws2-heading:after{content:'';position:absolute;bottom:-13px;width:clamp(90px,12cqw,190px);height:14px;background:url('../../assets/experience/worksheet-prompt/title-left.png') center/100% 100% no-repeat;pointer-events:none}
.ws2-heading:before{left:14%}.ws2-heading:after{right:14%;background-image:url('../../assets/experience/worksheet-prompt/title-right.png')}
.teaching-slide .ws2-heading p{margin:0 0 6px;font:500 clamp(10px,2.2cqh,21px)/1.4 var(--sans);letter-spacing:.3px;color:#d1b171}
.teaching-slide .ws2-heading h2{margin:0;font:800 clamp(24px,5.4cqh,53px)/1.22 var(--sans);text-transform:uppercase;color:#edc45d;text-shadow:0 2px #795922,0 4px 7px #000b}
.ws2-tools{display:flex;gap:8px;flex-shrink:0}
.ws2-tools button{min-height:44px;height:clamp(44px,7cqh,63px);border:0;border-radius:7px;background:#101f18 url('../../assets/experience/worksheet-two/tool-frame.png') center/100% 100% no-repeat;color:#d8b96f;padding:10px 18px;font:750 clamp(11px,1.9cqh,18px)/1.4 var(--sans);text-transform:uppercase;cursor:pointer;box-shadow:0 4px 6px #0007}
.ws2-tools .ws2-reset{width:clamp(44px,7.4cqh,67px);padding:10px;display:grid;place-items:center;background-image:url('../../assets/experience/worksheet-two/reset-frame.png')}
.ws2-stage svg{width:clamp(25px,5cqh,43px);height:clamp(25px,5cqh,43px);fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;filter:drop-shadow(0 2px 2px #0008)}
.ws2-tools svg{width:24px;height:24px}
.ws2-front-block{flex-shrink:0;padding-top:8px}
.teaching-slide .ws2-label{margin:0 0 clamp(7px,1.1cqh,12px);color:#e6c684;font:750 clamp(14px,2.8cqh,27px)/1.25 var(--sans);text-align:center;text-transform:uppercase;text-shadow:0 2px 4px #000}
.ws2-fronts{display:flex;gap:clamp(12px,1.4cqw,25px);min-width:0}
.ws2-fronts button{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:clamp(8px,1cqw,18px);flex:1;min-width:0;height:clamp(58px,11cqh,104px);border:0;border-radius:9px;padding:12px 24px;background:radial-gradient(ellipse,#2d3528,#0c1d17);color:#d7b977;font:800 clamp(20px,4.3cqh,40px)/1.3 var(--sans);text-transform:uppercase;cursor:pointer;box-shadow:0 5px 8px #0009;text-shadow:0 3px 4px #000;--ws2-button-glow:#7af39e80}
.ws2-fronts button>img{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.ws2-fronts .ws2-military{--ws2-button-glow:#ffae5c80}
.ws2-fronts button[aria-pressed=true]{background:radial-gradient(ellipse,#28442d,#0c2118);box-shadow:0 0 16px -6px var(--ws2-button-glow),0 5px 8px #0009;color:#f0d08a}
.ws2-fronts .ws2-military[aria-pressed=true]{background:radial-gradient(ellipse,#463321,#1a2118)}
.ws2-fronts small{font:500 clamp(11px,2cqh,19px)/1.4 var(--sans);padding:3px 9px;border-radius:7px;text-transform:none;white-space:nowrap;color:#a2d4a1;background:#385c405c;text-shadow:none}
.ws2-fronts .ws2-military small{color:#debf7e;background:#71592f66}
.ws2-explore{display:flex;flex-direction:column;gap:clamp(5px,1cqh,10px);flex:1;min-height:0}
.ws2-explore>.ws2-label{margin:0}
.ws2-timeline{display:flex;justify-content:space-around;flex-shrink:0;gap:12px;position:relative;padding:0 1% 1px;--ws2-node-size:clamp(38px,7.8cqh,72px)}
.ws2-timeline:before{content:'';position:absolute;top:calc(var(--ws2-node-size)/2 - 4px);height:9px;left:12%;right:12%;background:#686858 url('../../assets/experience/worksheet-two/rail.png') center/100% 100% no-repeat;border-radius:6px;box-shadow:0 3px 5px #000a;pointer-events:none}
.ws2-timeline button{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(3px,.7cqh,7px);flex:1;min-width:0;border:0;border-radius:6px;background:transparent;color:#d8bd80;padding:0 5px;cursor:pointer;box-shadow:none}
.ws2-node{display:grid;place-items:center;width:var(--ws2-node-size);height:var(--ws2-node-size);border-radius:50%;background:radial-gradient(circle,#3c4231 48%,#1e2c22 50%,#807856 66%,#16231b 69%);font:750 clamp(13px,2.6cqh,24px)/1 var(--sans);color:#d5ba7c;box-shadow:0 3px 5px #0009;position:relative}
.ws2-node:after{content:'';position:absolute;inset:0;background:url('../../assets/experience/worksheet-two/node.png') center/100% 100% no-repeat;pointer-events:none}
.ws2-timeline button[aria-expanded=true] .ws2-node{color:var(--ws2-accent);background:radial-gradient(circle,#27482e 48%,#1e3626 50%,#9d9b56 66%,#16231b 69%);box-shadow:0 0 14px var(--ws2-glow),0 3px 5px #0009}
.ws2-timeline button b{font:800 clamp(22px,4.4cqh,41px)/1.2 var(--sans);color:#d9bc78;text-shadow:0 3px 5px #0008}
.ws2-timeline button[aria-expanded=true] b{color:var(--ws2-accent);text-shadow:0 0 13px var(--ws2-glow),0 3px 5px #0008}
.ws2-event-name{font:400 clamp(11px,2.15cqh,21px)/1.3 var(--sans);text-align:center;text-wrap:balance}
.ws2-paper,.ws2-summary{position:relative;isolation:isolate;min-width:0;min-height:0;filter:drop-shadow(0 5px 7px #0009)}
.ws2-paper{flex:1;transition:filter .18s ease,transform .18s ease}
.ws2-paper-art{position:absolute;inset:0;display:grid;grid-template-columns:32px minmax(0,1fr) 34px;grid-template-rows:26px minmax(0,1fr) 36px;pointer-events:none;z-index:-1;overflow:hidden;border-radius:9px}
.ws2-paper-art>span{min-width:0;min-height:0;background-position:center;background-size:100% 100%;background-repeat:no-repeat}
.ws2-paper-00{background-image:url('../../assets/experience/worksheet-two/paper-00.png')}.ws2-paper-01{background-image:url('../../assets/experience/worksheet-two/paper-01.png')}.ws2-paper-02{background-image:url('../../assets/experience/worksheet-two/paper-02.png')}
.ws2-paper-10{background-image:url('../../assets/experience/worksheet-two/paper-10.png')}.ws2-paper-11{background-image:url('../../assets/experience/worksheet-two/paper-11.png')}.ws2-paper-12{background-image:url('../../assets/experience/worksheet-two/paper-12.png')}
.ws2-paper-20{background-image:url('../../assets/experience/worksheet-two/paper-20.png')}.ws2-paper-21{background-image:url('../../assets/experience/worksheet-two/paper-21.png')}.ws2-paper-22{background-image:url('../../assets/experience/worksheet-two/paper-22.png')}
.ws2-detail{height:100%;min-height:0;overflow:auto;padding:clamp(18px,2.5cqh,27px) clamp(24px,2.6cqw,48px) clamp(24px,3cqh,36px);border:0;border-radius:9px;scrollbar-width:thin;scrollbar-color:#927344 #e6d1a2}
.ws2-detail-heading{display:flex;gap:clamp(12px,1.5cqw,24px);align-items:center;margin-bottom:clamp(10px,1.8cqh,18px);padding-bottom:clamp(9px,1.2cqh,14px);border-bottom:1px solid #72634370}
.ws2-detail-heading>span{background:#182c20 url('../../assets/experience/worksheet-two/tool-frame.png') center/100% 100% no-repeat;color:var(--ws2-accent);padding:9px 14px;border-radius:6px;font:800 clamp(22px,4cqh,38px)/1.2 var(--sans);white-space:nowrap;flex-shrink:0;text-shadow:0 2px 2px #0008}
.teaching-slide .ws2-detail h3{margin:0;color:#243523;font:800 clamp(21px,4cqh,38px)/1.3 var(--sans)}
.ws2-answer{animation:ws2-reveal .22s ease-out}
.teaching-slide .ws2-answer p{margin:0;color:#2e3526;font:400 clamp(18px,3.1cqh,29px)/1.55 var(--sans)}
.ws2-answer strong,.ws2-summary strong{font-weight:750;color:#8d291a}
.ws2-answer h4{margin:0 0 5px;color:#34452c;font:800 clamp(15px,2.3cqh,22px)/1.35 var(--sans)}
.ws2-part+.ws2-part{margin-top:14px}
.ws2-empty{height:100%;min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;color:#675d3b}
.ws2-empty svg{width:36px;height:36px;filter:none;opacity:.8}
.teaching-slide .ws2-detail .ws2-empty h3{font-size:clamp(18px,3.4cqh,29px)}
.teaching-slide .ws2-empty p{margin:0;color:#665e43;font:400 clamp(12px,1.9cqh,17px)/1.5 var(--sans)}
.teaching-slide .ws2-hint{margin:0;text-align:center;font:400 clamp(10px,1.7cqh,15px)/1.4 var(--sans);color:#ccb174;flex-shrink:0}
.ws2-overview{display:grid;grid-template-columns:1fr 1.4fr;gap:18px;flex:1;min-height:0;overflow:auto;padding:4px 8px 9px 4px;scrollbar-width:thin;scrollbar-color:#b49c61 #15261c;align-items:start}
.ws2-overview[hidden],.ws2-explore[hidden]{display:none}
.ws2-summary{transition:filter .18s ease,transform .18s ease}
.ws2-summary-content{position:relative;padding:24px 27px 32px;border-radius:8px}
.teaching-slide .ws2-summary-content>h3{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid #72634370;color:#344d30;font:800 clamp(19px,3.2cqh,28px)/1.3 var(--sans);text-transform:uppercase}
.ws2-summary.ws2-military h3{color:#844529}.ws2-summary h3 svg{width:28px;height:28px;filter:none}
.ws2-summary article+article{margin-top:20px;padding-top:16px;border-top:1px solid #72634355}
.ws2-summary article header{display:flex;align-items:baseline;gap:11px;margin-bottom:9px}
.ws2-summary article header>span{font:800 21px/1.3 var(--sans);color:#72512c;white-space:nowrap}
.teaching-slide .ws2-summary h4{font:750 17px/1.45 var(--sans);color:#293c28;margin:0}
.teaching-slide .ws2-summary .ws2-part h4{font:750 15px/1.4 var(--sans);color:#80422c;margin:0 0 4px}
.teaching-slide .ws2-summary p{margin:0;color:#30392a;font:400 17px/1.65 var(--sans)}
.ws2-stage button{transition:filter .18s ease,transform .18s ease}
.ws2-stage button:focus-visible,.ws2-detail:focus-visible,.ws2-summary-content:focus-visible{outline:3px solid #ffe2a0;outline-offset:3px}
@media(hover:hover){.ws2-stage button:hover{filter:brightness(1.13) drop-shadow(0 0 9px var(--ws2-button-glow,var(--ws2-glow)));transform:translateY(-3px)}.ws2-paper:hover,.ws2-summary:hover{filter:brightness(1.04) drop-shadow(0 0 9px #ecc76f70);transform:translateY(-3px)}}
.ws2-stage button:focus-visible{filter:brightness(1.13) drop-shadow(0 0 9px var(--ws2-button-glow,var(--ws2-glow)));transform:translateY(-3px)}
.ws2-paper:has(.ws2-detail:focus-visible),.ws2-summary:has(.ws2-summary-content:focus-visible){filter:brightness(1.04) drop-shadow(0 0 9px #ecc76f70);transform:translateY(-3px)}
@container (max-height:600px){.ws2-stage{gap:8px}.ws2-front-block{padding-top:4px}.ws2-heading{gap:10px;padding-bottom:10px}.teaching-slide .ws2-heading h2{font-size:clamp(22px,3.4cqw,30px)}.teaching-slide .ws2-heading p{font-size:10px;margin-bottom:4px}.ws2-heading:before,.ws2-heading:after{bottom:-10px;height:10px}.teaching-slide .ws2-label{font-size:14px;margin-bottom:6px}.ws2-explore>.ws2-label{margin:0}.ws2-fronts button{height:52px;font-size:21px}.ws2-timeline{--ws2-node-size:36px}.ws2-timeline button{gap:3px}.ws2-timeline button b{font-size:22px}.ws2-event-name{font-size:11px}.ws2-explore{gap:5px}.ws2-detail{padding-top:15px;padding-bottom:24px}.ws2-sequence{display:grid;grid-template-columns:1.15fr 1.15fr .7fr;gap:18px}.ws2-sequence .ws2-part+.ws2-part{margin-top:0}.teaching-slide .ws2-sequence p{font-size:16px;line-height:1.55}.ws2-detail-heading{margin-bottom:9px;padding-bottom:8px}.teaching-slide .ws2-detail h3{font-size:22px}.ws2-detail-heading>span{font-size:22px;padding:7px 12px}}
@media(max-width:1100px){.ws2-heading{gap:12px}.ws2-tools button{padding-inline:14px}.teaching-slide .ws2-heading h2{font-size:clamp(23px,3.5cqw,36px)}.ws2-fronts button{padding-inline:14px;gap:9px}.ws2-fronts small{padding:3px 6px}}
@media(max-width:720px){.teaching-slide.slide-worksheet-two,body.lesson-presenting .teaching-slide.slide-worksheet-two{container-type:inline-size;overflow:auto;padding:16px 12px}.ws2-stage{height:auto;min-height:100%;gap:18px;flex-shrink:0}.ws2-heading{flex-direction:column;align-items:stretch;gap:12px;padding-bottom:13px}.teaching-slide .ws2-heading p{font-size:10px}.teaching-slide .ws2-heading h2{font-size:clamp(23px,6cqw,34px);line-height:1.25}.ws2-tools{justify-content:flex-end}.ws2-tools button{height:44px;font-size:12px}.ws2-tools .ws2-reset{width:47px}.ws2-heading:before{left:0}.ws2-heading:after{right:0}.ws2-front-block{padding-top:6px}.teaching-slide .ws2-label{font-size:16px;margin-bottom:10px}.ws2-fronts{gap:10px}.ws2-fronts button{height:auto;min-height:80px;flex-wrap:wrap;gap:4px 7px;padding:14px 10px;font-size:clamp(14px,4cqw,21px)}.ws2-fronts svg{width:22px;height:22px}.ws2-fronts small{font-size:11px;padding:2px 6px}.ws2-explore{flex:none;gap:12px}.ws2-explore>.ws2-label{margin:0}.ws2-timeline{--ws2-node-size:44px;gap:5px;padding:0}.ws2-timeline button{padding:0 2px;gap:6px}.ws2-timeline button b{font-size:22px}.ws2-node{font-size:15px}.ws2-event-name{font-size:12px;line-height:1.4}.ws2-paper{min-height:250px;flex:none}.ws2-detail{height:auto;min-height:250px;overflow:visible;padding:22px 25px 32px}.ws2-detail-heading{align-items:flex-start;flex-direction:column;gap:9px}.ws2-detail-heading>span{font-size:23px}.teaching-slide .ws2-detail h3{font-size:22px}.teaching-slide .ws2-answer p{font-size:18px;line-height:1.6}.ws2-sequence{display:block}.ws2-sequence .ws2-part+.ws2-part{margin-top:16px}.ws2-answer h4{font-size:17px}.ws2-empty{min-height:190px}.teaching-slide .ws2-detail .ws2-empty h3{font-size:22px}.teaching-slide .ws2-empty p{font-size:13px}.teaching-slide .ws2-hint{font-size:11px}.ws2-overview{grid-template-columns:1fr;flex:none;overflow:visible;padding:3px 0 8px;gap:19px}.ws2-summary-content{padding:24px 26px 34px}.teaching-slide .ws2-summary-content>h3{font-size:22px}.ws2-summary article header{flex-direction:column;gap:5px}.teaching-slide .ws2-summary p{font-size:16px}}
@media(max-height:500px) and (min-width:721px){.teaching-slide.slide-worksheet-two,body.lesson-presenting .teaching-slide.slide-worksheet-two{container-type:inline-size;overflow:auto;padding:14px 3%}.ws2-stage{height:auto;min-height:640px;flex-shrink:0;gap:14px}.ws2-heading{padding-bottom:12px}.teaching-slide .ws2-heading p{font-size:10px}.teaching-slide .ws2-heading h2{font-size:26px}.ws2-tools button{height:44px;font-size:12px}.ws2-fronts button{height:65px;font-size:23px}.ws2-fronts svg{width:27px;height:27px}.ws2-fronts small{font-size:12px}.teaching-slide .ws2-label{font-size:17px}.ws2-timeline{--ws2-node-size:44px}.ws2-node{font-size:16px}.ws2-timeline button b{font-size:24px}.ws2-event-name{font-size:13px}.ws2-detail{min-height:230px;height:auto;overflow:visible;padding:23px 28px 32px}.ws2-paper{flex:none}.teaching-slide .ws2-detail h3{font-size:25px}.ws2-detail-heading>span{font-size:25px}.teaching-slide .ws2-answer p{font-size:19px}.ws2-overview{overflow:visible;flex:none}.ws2-explore{flex:none}.teaching-slide .ws2-hint{font-size:11px}}
@keyframes ws2-reveal{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.ws2-answer{animation:none}.ws2-stage button,.ws2-paper,.ws2-summary{transition:none}.ws2-stage button:hover,.ws2-stage button:focus-visible,.ws2-paper:hover,.ws2-summary:hover,.ws2-paper:has(.ws2-detail:focus-visible),.ws2-summary:has(.ws2-summary-content:focus-visible){transform:none}}

/* Original artwork owns every visible glyph in the two front buttons and timelines. */
.ws2-fronts button,.ws2-fronts button[aria-pressed=true],.ws2-fronts .ws2-military[aria-pressed=true]{display:block;position:relative;flex:1;min-width:0;min-height:0;height:auto;aspect-ratio:718/104;padding:0;border:0;background:transparent;box-shadow:none;text-shadow:none;border-radius:10px;line-height:0;isolation:auto}
.ws2-fronts button>img{display:block;position:static;width:100%;height:100%;object-fit:contain;pointer-events:none}
.ws2-fronts button[aria-pressed=true]{filter:brightness(1.06) drop-shadow(0 0 7px var(--ws2-button-glow))}
.ws2-timeline{position:relative;display:block;width:100%;padding:0;margin:0;overflow-x:auto;overflow-y:hidden;flex-shrink:0;scrollbar-width:thin;scrollbar-color:#a08b56 #13281e}
.ws2-timeline:before{content:none}
.ws2-timeline-board{position:relative;width:min(100%,calc(21cqh * 5.66327));aspect-ratio:1110/196;margin-inline:auto;flex:none}
.ws2-stage[data-front=politics] .ws2-explore>.ws2-label:first-child{display:none}
.ws2-stage[data-front=military]{--ws2-accent:#8cf08b;--ws2-glow:#6cf39c70}
.ws2-stage[data-front=military] .ws2-timeline-board{width:min(100%,calc(22cqh * 5.19266));aspect-ratio:1132/218}
.ws2-timeline-image{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.ws2-timeline-image[hidden]{display:none}
.ws2-timeline button{position:absolute;display:block;top:12.7551%;width:7.02703%;height:39.79592%;min-width:0;min-height:0;transform:translateX(-50%);padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;cursor:pointer;line-height:0;transition:box-shadow .18s ease,background .18s ease,filter .18s ease}
.ws2-stage[data-front=military] .ws2-timeline button{top:12.38532%;width:7.59717%;height:39.44954%}
.ws2-timeline button[aria-expanded=true]{box-shadow:0 0 0 1px #91e7a170,0 0 12px #75ed9570}
.ws2-timeline button:hover,.ws2-timeline button:focus-visible{transform:translateX(-50%);background:#9df7a31c;box-shadow:0 0 0 2px #bcf7b9a0,0 0 20px #7cf599b0;filter:brightness(1.13);outline-offset:3px}
/* Scroll text inside the paper, with a fixed inset so it never covers the frame. */
.ws2-paper{padding:clamp(18px,2.5cqh,27px) clamp(24px,2.6cqw,48px) clamp(24px,3cqh,36px)}
.ws2-detail{padding:0 6px 0 0;border-radius:0;scrollbar-gutter:stable}
.ws2-paper:hover,.ws2-summary:hover,.ws2-paper:has(.ws2-detail:focus-visible),.ws2-summary:has(.ws2-summary-content:focus-visible){filter:drop-shadow(0 5px 7px #0009);transform:none}
.ws2-sequence{display:grid;grid-template-columns:1.15fr 1.15fr .7fr;gap:18px}
.ws2-sequence .ws2-part+.ws2-part{margin-top:0}
.teaching-slide .ws2-sequence p{font-size:clamp(16px,2.2cqh,21px);line-height:1.55}
@container (max-height:600px){.ws2-stage{gap:4px}.ws2-heading{padding-bottom:8px}.teaching-slide .ws2-heading h2{font-size:26px}.teaching-slide .ws2-heading p{font-size:9px;margin-bottom:2px}.ws2-front-block{padding-top:2px}.ws2-fronts{width:80%;margin-inline:auto}.ws2-timeline-board{width:min(100%,max(600px,calc(16cqh * 6.39535)))}.ws2-stage[data-front=military] .ws2-timeline-board{width:min(100%,max(600px,calc(18cqh * 5.19266)))}.ws2-paper{padding-top:15px;padding-bottom:24px}.ws2-detail{padding:0 6px 0 0}.ws2-fronts button{height:auto;font-size:inherit}}
@media(min-width:721px) and (max-height:850px){.teaching-slide.slide-worksheet-two,body.lesson-presenting .teaching-slide.slide-worksheet-two{padding-top:14px}}
@media(hover:hover){.ws2-fronts button:hover{filter:brightness(1.13) drop-shadow(0 0 9px var(--ws2-button-glow));transform:translateY(-3px)}.ws2-paper:hover,.ws2-summary:hover{transform:none;filter:drop-shadow(0 5px 7px #0009)}}
@media(max-width:720px){.ws2-fronts{flex-direction:column;align-items:stretch;gap:10px}.ws2-fronts button{flex:none;width:100%;height:auto;min-height:44px;padding:0;aspect-ratio:718/104}.ws2-timeline-board,.ws2-stage[data-front=military] .ws2-timeline-board{width:580px;max-width:none}.ws2-timeline{padding-bottom:8px}.ws2-paper{padding:22px 25px 32px}.ws2-detail{padding:0;min-height:190px;height:auto;overflow:visible}.ws2-sequence{display:block}.ws2-sequence .ws2-part+.ws2-part{margin-top:16px}.teaching-slide .ws2-sequence p{font-size:18px}.ws2-explore>.ws2-label:nth-of-type(1):after{content:' · Vuốt ngang để xem các mốc';display:block;margin-top:4px;font:400 11px/1.4 var(--sans);text-transform:none;color:#d0b77e}}
@media(max-height:500px) and (min-width:721px){.ws2-timeline-board{width:min(100%,900px)}.ws2-stage[data-front=military] .ws2-timeline-board{width:min(100%,760px)}.ws2-paper{padding:23px 28px 32px}.ws2-detail{padding:0;min-height:180px;height:auto}.ws2-fronts button{height:auto}.ws2-sequence{display:block}.ws2-sequence .ws2-part+.ws2-part{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.ws2-stage button,.ws2-stage button:hover,.ws2-stage button:focus-visible{transform:none;transition:none}.ws2-timeline button,.ws2-timeline button:hover,.ws2-timeline button:focus-visible{transform:translateX(-50%);transition:none}}

/* Slide 21 now contains only front selection and the authored timelines. */
.ws2-popup-stage{gap:clamp(14px,3cqh,28px)}
.ws2-popup-stage .ws2-explore{justify-content:center;flex:1;gap:16px}
.ws2-popup-stage .ws2-timeline-board{width:min(100%,calc(34cqh * 5.66327))}
.ws2-popup-stage[data-front=military] .ws2-timeline-board{width:min(100%,calc(34cqh * 5.19266))}
.ws2-popup-stage .ws2-fronts{width:100%}
dialog.ws2-modal{--ws2-accent:#f28a58;position:fixed;inset:0;margin:auto;padding:0;border:0;border-radius:13px;background:transparent;color:#343322;box-shadow:none;overflow:visible;width:min(1100px,94vw,calc((100dvh - 28px) * 1.640602));max-width:none;height:auto;max-height:calc(100dvh - 28px);aspect-ratio:1091/665;filter:drop-shadow(0 0 17px #e84b2870);font-family:var(--sans)}
dialog.ws2-modal:not([open]){display:none}
dialog.ws2-modal[open]{display:block}
dialog.ws2-modal::backdrop{background:#000b;backdrop-filter:blur(2px)}
.ws2-modal-art{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;border-radius:13px}
.ws2-modal-grid{display:none}
.ws2-modal-scrollcue{position:absolute;left:9%;bottom:6.2%;font:500 11px/1.5 var(--sans);color:#786340;pointer-events:none}
.ws2-modal-close{position:absolute;left:92.1%;top:1.3%;width:7.2%;height:11.7%;min-width:0;min-height:0;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;box-shadow:none;z-index:2;transition:box-shadow .18s ease,background .18s ease}
.ws2-stage .ws2-modal-close:hover,.ws2-stage .ws2-modal-close:focus-visible{transform:none;filter:none;background:#ff9b6b24;box-shadow:0 0 16px #ff7948b0;outline:2px solid #ffc295;outline-offset:1px}
.ws2-modal-content{position:absolute;inset:18.5% 8.5% 10%;padding:0 12px 24px 0;overflow:auto;overflow-anchor:none;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#906e3d #ceb57d66;scrollbar-gutter:stable;outline-offset:3px}
.teaching-slide .ws2-modal .ws2-modal-date{margin:0 0 6px;text-align:center;font:800 clamp(14px,1.25vw,19px)/1.4 var(--sans);letter-spacing:.5px;color:#8d291a}
.teaching-slide .ws2-modal h2{margin:0 auto 15px;max-width:90%;padding:0 0 13px;border-bottom:2px solid #85664470;color:#801d15;text-align:center;text-wrap:balance;font:800 clamp(22px,2.15vw,34px)/1.3 var(--sans);text-transform:uppercase}
.teaching-slide .ws2-modal .ws2-history-place{margin:0 0 10px;font:500 16px/1.6 var(--sans);color:#4f4b32}
.teaching-slide .ws2-modal .ws2-history-lead{margin:0 0 19px;font:650 18px/1.6 var(--sans);color:#39442b}
.teaching-slide .ws2-modal .ws2-history-section{margin-top:17px}
.teaching-slide .ws2-modal h3{margin:0 0 6px;color:#7f281c;font:800 18px/1.4 var(--sans)}
.teaching-slide .ws2-modal .ws2-history-section p{margin:0;color:#303528;font:400 18px/1.7 var(--sans)}
.ws2-modal strong{color:#7d291e;font-weight:750}
.ws2-history-sources{border-top:1px solid #82644566;margin:22px 0 0;padding-top:12px}
.teaching-slide .ws2-modal .ws2-history-sources h3{font-size:14px;color:#655238}
.ws2-history-sources ul{margin:0;padding:0 0 0 19px}
.ws2-history-sources li{margin:5px 0;font:500 13px/1.6 var(--sans);color:#514d34}
.ws2-history-sources a{color:#40592b;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.ws2-history-sources a:hover{color:#8d291a}
.ws2-history-entry{padding-top:16px;margin-top:18px;border-top:1px solid #82644566}
.teaching-slide .ws2-modal .ws2-history-entry h4{margin:0 0 12px;color:#76261b;font:800 21px/1.5 var(--sans)}
.teaching-slide .ws2-modal .ws2-history-front>h3{margin-top:24px;font-size:25px;color:#3c4d2a;text-transform:uppercase}
@container(max-height:600px){.ws2-popup-stage{gap:12px}.ws2-popup-stage .ws2-timeline-board{width:min(100%,max(660px,calc(31cqh * 5.66327)))}.ws2-popup-stage[data-front=military] .ws2-timeline-board{width:min(100%,max(660px,calc(31cqh * 5.19266)))}.ws2-popup-stage .ws2-fronts{width:90%}}
@media(max-width:720px){.ws2-popup-stage{gap:20px}.ws2-popup-stage .ws2-explore{flex:none;gap:12px}.ws2-popup-stage .ws2-timeline-board,.ws2-popup-stage[data-front=military] .ws2-timeline-board{width:580px;max-width:none}.ws2-popup-stage .ws2-fronts{width:100%}dialog.ws2-modal{container-type:inline-size;width:96vw;height:min(90dvh,850px);max-height:90dvh;aspect-ratio:auto}.ws2-modal-art{display:none}.ws2-modal-grid{position:absolute;inset:0;display:grid;grid-template-columns:5.958cqw minmax(0,1fr) 6.05cqw;grid-template-rows:16.957cqw minmax(0,1fr) 16.499cqw;pointer-events:none}.ws2-modal-grid img{display:block;width:100%;height:100%;min-width:0;min-height:0}.ws2-modal-content{inset:calc(16.957cqw + 12px) 8% calc(16.499cqw + 16px);padding-right:6px}.ws2-modal-scrollcue{bottom:calc(16.499cqw - 8px);font-size:9px}.teaching-slide .ws2-modal h2{font-size:22px;max-width:100%;line-height:1.35}.teaching-slide .ws2-modal .ws2-modal-date{font-size:14px}.teaching-slide .ws2-modal .ws2-history-place{font-size:14px}.teaching-slide .ws2-modal .ws2-history-lead{font-size:16px}.teaching-slide .ws2-modal h3{font-size:17px}.teaching-slide .ws2-modal .ws2-history-section p{font-size:16px;line-height:1.7}.ws2-modal-close{left:calc(95.8% - 22px);top:calc(4.125cqw - 22px);width:44px;height:44px;min-width:44px;min-height:44px}.ws2-history-sources li{font-size:12px}}
@media(max-height:500px) and (min-width:721px){.teaching-slide .ws2-modal h2{font-size:23px}.teaching-slide .ws2-modal .ws2-modal-date{font-size:14px}.teaching-slide .ws2-modal .ws2-history-section p{font-size:16px}.ws2-modal-close{left:calc(95.8% - 18px);top:calc(6.8% - 18px);width:36px;height:36px;min-width:36px;min-height:36px}.ws2-modal-scrollcue{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ws2-modal-close{transition:none}}
@media(max-width:720px){.ws2-modal-close{left:auto;right:0}}