.teaching-slide.slide-northern-support,body.lesson-presenting .teaching-slide.slide-northern-support{container-type:size;overflow:auto;padding:clamp(12px,2.5cqh,25px) 4% 12px;background:#091e18 url('../../assets/experience/allied/map-background.png') center/cover no-repeat;border:1px solid #a6955d;border-radius:6px;color:#e5c67f;scrollbar-width:thin;scrollbar-color:#a08b56 #13281e}
.nb-stage{height:100%;min-height:0;width:100%;max-width:1500px;margin-inline:auto;display:flex;flex-direction:column;gap:clamp(9px,1.6cqh,16px);color:#e5c67f;font-family:var(--sans)}
.nb-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-shrink:0;padding-bottom:clamp(8px,1.6cqh,16px);border-bottom:3px solid #b3924e;box-shadow:0 7px 9px -8px #f1c558}
.teaching-slide .nb-heading p{margin:0 0 4px;font:500 clamp(10px,1.8cqh,18px)/1.4 var(--sans);color:#d1b171}
.teaching-slide .nb-heading h2{margin:0;font:800 clamp(22px,3cqw,44px)/1.2 var(--sans);text-transform:uppercase;color:#edc45d;text-shadow:0 2px #795922,0 4px 7px #000b;text-wrap:balance}
.teaching-slide .nb-heading .nb-subtitle{margin:6px 0 0;font:500 clamp(12px,1.9cqh,19px)/1.4 var(--sans);color:#d9bc7c}
.nb-tools{display:flex;gap:8px;flex-shrink:0}.nb-tools button{min-height:44px;height:clamp(44px,6.6cqh,63px);border:0;border-radius:7px;background:url('../../assets/experience/worksheet-two/tool-frame.png') center/100% 100% no-repeat,linear-gradient(#101f18,#101f18) center/calc(100% - 10px) calc(100% - 10px) no-repeat;color:#d8b96f;padding:10px 18px;font:750 clamp(12px,1.8cqh,18px)/1.4 var(--sans);text-transform:uppercase;cursor:pointer;box-shadow:0 4px 6px #0007}.nb-tools .nb-reset{width:clamp(44px,7cqh,67px);padding:10px;display:grid;place-items:center;background-image:url('../../assets/experience/worksheet-two/reset-frame.png'),linear-gradient(#101f18,#101f18)}.nb-tools svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.nb-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.6%;width:min(100%,calc(49cqh * 3.04));align-self:center;flex:none;min-width:0}
.nb-board{position:relative;min-width:0;aspect-ratio:724/487;container-type:inline-size;filter:drop-shadow(0 0 5px #ee6c3d33)}.nb-supply{filter:drop-shadow(0 0 5px #76ee8c44)}.nb-board-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.nb-card{position:absolute;display:block;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:9px;background:transparent;cursor:pointer;color:#f5e1af;box-shadow:none;line-height:0;transition:filter .18s ease,box-shadow .18s ease;--nb-glow:#ff8d59}
.nb-card>img{display:block;width:100%;height:100%;pointer-events:none}.nb-gulf{left:3.59116%;top:16.83778%;width:92.81768%;height:38.39836%}.nb-escalation{left:3.59116%;top:57.70021%;width:92.81768%;height:35.31828%}
.nb-land{left:3.86207%;top:71.66324%;width:44.68966%;height:22.79261%;--nb-glow:#8cfa98}.nb-sea{left:52%;top:71.66324%;width:44.82759%;height:22.79261%;--nb-glow:#8cfa98}
.nb-basic{position:absolute;left:6%;right:6%;top:46%;bottom:18%;display:flex;flex-direction:column;justify-content:center;text-align:left;font:500 clamp(11px,2.9cqw,20px)/1.25 var(--sans);color:#f1ddb0;text-shadow:0 1px 2px #000;pointer-events:none}.nb-escalation .nb-basic{top:38%;bottom:20%}
.nb-figures{display:grid;grid-template-columns:460fr 440fr 565fr;gap:1.3%;width:min(100%,calc(49cqh * 3.04));align-self:center;flex:none;margin-top:auto}
.nb-stat{display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:0;border:0;border-radius:8px;background:transparent;box-shadow:none;color:#f1ddb0;cursor:pointer;--nb-glow:#f4d16b;transition:filter .18s ease,transform .18s ease}.nb-stat:first-child{--nb-glow:#81f3c8}.nb-stat img{display:block;width:100%;height:auto;pointer-events:none}.nb-stat>span{display:block;padding:6px 7px 0;font:500 clamp(12px,1.8cqh,17px)/1.45 var(--sans);text-align:center;text-wrap:balance}
.nb-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;flex:none;color:#c9b478;font:500 clamp(10px,1.4cqh,13px)/1.5 var(--sans)}.nb-footer strong{color:#ecd18e}.nb-status{color:#99cba3}
.nb-stage button:focus-visible{outline:2px solid #ffdfa1;outline-offset:3px}.nb-card.is-visited{box-shadow:none;filter:drop-shadow(0 0 3px #e6cb7566)}.nb-stat.is-visited>span{color:#b6f4b8}
.nb-stage .ws2-modal-close:hover,.nb-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}
@media(hover:hover){.nb-card:hover{filter:brightness(1.2) drop-shadow(0 0 7px var(--nb-glow));box-shadow:none}.nb-stat:hover{filter:brightness(1.13) drop-shadow(0 0 7px var(--nb-glow));transform:translateY(-2px)}.nb-tools button:hover{filter:brightness(1.2)}}
@media(max-width:900px){.teaching-slide.slide-northern-support,body.lesson-presenting .teaching-slide.slide-northern-support{container-type:inline-size;overflow:auto;padding:18px 4%}.nb-stage{height:auto;min-height:100%;gap:18px}.nb-heading{align-items:flex-start;flex-wrap:wrap}.teaching-slide .nb-heading h2{font-size:clamp(22px,4.8cqw,34px)}.teaching-slide .nb-heading p{font-size:12px}.teaching-slide .nb-heading .nb-subtitle{font-size:14px}.nb-tools button{height:44px;font-size:12px}.nb-columns{width:100%;grid-template-columns:1fr;gap:18px}.nb-board{width:100%;max-width:724px;justify-self:center}.nb-figures{width:100%;grid-template-columns:1fr;gap:16px;margin-top:0}.nb-stat{max-width:565px;width:100%;justify-self:center}.nb-stat>span{font-size:15px;padding-top:7px}.nb-footer{font-size:11px;gap:6px}.nb-basic{font-size:clamp(11px,2.9cqw,20px)}}
@media(max-height:550px) and (min-width:901px){.teaching-slide.slide-northern-support,body.lesson-presenting .teaching-slide.slide-northern-support{container-type:inline-size;overflow:auto}.nb-stage{height:auto;min-height:660px;gap:14px}.nb-columns,.nb-figures{width:100%;max-width:1100px}.teaching-slide .nb-heading h2{font-size:30px}.nb-stat>span{font-size:14px}.nb-footer{font-size:11px}}
@media(prefers-reduced-motion:reduce){.nb-stage button,.nb-stage button:hover{transition:none;transform:none}}
@media(max-width:900px){.nb-land,.nb-sea{min-height:44px}}