/* All visible hardware is cut from the supplied source PNG; CSS only lays out the bitmap pieces and HTML. */
.teaching-slide.slide-historic-milestones{container-type:size;overflow:hidden;padding:clamp(14px,2.3cqh,26px) 2.6%}
.slide-historic-milestones .hm-stage{height:100%;width:100%;max-width:1600px;gap:clamp(10px,1.9cqh,18px);color:#f1e5c8}
.teaching-slide.slide-historic-milestones .hm-heading>p{color:#c87754;letter-spacing:1.3px;font:500 clamp(11px,2cqh,17px)/1.4 var(--sans);margin:0 0 6px}
.teaching-slide.slide-historic-milestones .hm-heading h2{font:800 clamp(27px,5.8cqh,52px)/1.2 var(--serif);color:#f6d482;text-transform:uppercase;margin:0;text-shadow:0 2px 2px #3b2815;letter-spacing:.2px}
.slide-historic-milestones .hm-reset{width:48px;height:45px;min-width:48px;min-height:45px;display:block;border:0;border-radius:0;background:none;padding:0;box-shadow:none;cursor:pointer}
.slide-historic-milestones .hm-reset img{width:100%;height:100%;display:block}
.slide-historic-milestones .hm-main{grid-template-columns:minmax(0,3.25fr) minmax(260px,1fr);gap:17px;min-height:0}
.slide-historic-milestones .hm-detail{border:22px solid transparent;border-image:url('../../assets/experience/milestones-ui/detail-frame.png') 36 stretch;border-radius:0;background:url('../../assets/experience/milestones-ui/panel-texture.png') center/180px 95px repeat;background-clip:padding-box;box-shadow:none;padding:9px 13px;gap:18px;overflow:hidden;min-height:0}
.slide-historic-milestones .hm-detail>header{align-self:flex-start;align-items:center;max-width:100%;box-sizing:border-box;gap:10px;padding:12px 18px;border:0;border-image:none;border-radius:9px;box-shadow:none;background:url('../../assets/experience/milestones-ui/date-frame.png') center/100% 100% no-repeat,url('../../assets/experience/milestones-ui/date-texture.png') center/100% 100% no-repeat;background-clip:border-box}
.slide-historic-milestones .hm-detail-year{font:750 clamp(20px,3.4cqh,31px)/1.2 var(--sans);color:#ffdc83;white-space:nowrap}
.teaching-slide.slide-historic-milestones .hm-detail h3{font:650 clamp(17px,3.1cqh,27px)/1.3 var(--sans);margin:0;color:#ffdf92}
.slide-historic-milestones .hm-detail-body{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(18px,2.5vw,34px);align-items:center;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#aa8e50 #17251e;padding:2px 3px 4px 0}
.slide-historic-milestones .hm-copy{align-self:center;min-width:0}
.teaching-slide.slide-historic-milestones .hm-copy p,.slide-historic-milestones .hm-copy li{font:400 clamp(18px,3.25cqh,29px)/1.55 var(--sans);color:#f1ecd6;margin:0;text-shadow:none}
.slide-historic-milestones .hm-copy strong{font-weight:750;color:#edaa49;text-shadow:none}
.slide-historic-milestones .hm-copy ul{padding-left:23px;margin:12px 0 0}
.slide-historic-milestones .hm-copy li+li{margin-top:8px}
.teaching-slide.slide-historic-milestones .hm-copy .hm-era{font:600 13px/1.4 var(--sans);color:#c8b685;letter-spacing:.3px;margin-bottom:10px}
.slide-historic-milestones .hm-detail.is-long .hm-detail-body{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}
.teaching-slide.slide-historic-milestones .is-long .hm-copy p,.slide-historic-milestones .is-long .hm-copy li{font-size:clamp(16px,2.6cqh,23px);line-height:1.5}
.slide-historic-milestones .hm-detail .hm-artifact{display:flex;flex-direction:column;gap:10px;width:100%;max-height:none;align-self:center;margin:0}
.slide-historic-milestones .hm-artifact-tag{display:block;align-self:center;border:0;border-radius:0;background:none;padding:0;box-shadow:none;width:clamp(140px,15vw,195px);line-height:0}
.slide-historic-milestones .hm-artifact-tag img{width:100%;height:auto;max-height:none;display:block;background:none;box-shadow:none;border-radius:0}
.slide-historic-milestones .hm-artifact-window{width:100%;aspect-ratio:447/346;flex:none;display:flex;align-items:center;justify-content:center;padding:0;border:14px solid transparent;border-image:url('../../assets/experience/milestones-ui/photo-frame.png') 25 stretch;border-radius:0;background:none;box-shadow:none;cursor:zoom-in;transition:filter .18s}
.slide-historic-milestones .hm-artifact-window:before,.slide-historic-milestones .hm-artifact-window:after,.slide-historic-milestones .hm-picker button:before{display:none;content:none}
.slide-historic-milestones .hm-detail .hm-artifact-window>img{width:100%;height:100%;object-fit:contain;max-height:none;border-radius:0;box-shadow:none;background:none}
.slide-historic-milestones .hm-artifact figcaption{font:500 11px/1.45 var(--sans);color:#c3baa1;text-align:center;letter-spacing:.5px}
.slide-historic-milestones .hm-picker{grid-template-rows:auto repeat(6,minmax(0,1fr));gap:8px;padding:4px 5px;border:8px solid transparent;border-image:url('../../assets/experience/milestones-ui/picker-frame.png') 11 9 11 11 stretch;border-radius:0;background:url('../../assets/experience/milestones-ui/panel-texture.png') center/180px 95px repeat;background-clip:padding-box;box-shadow:none}
.slide-historic-milestones .hm-picker>h3{font:700 clamp(12px,2.1cqh,17px)/1.4 var(--sans);color:#d6d1c2;letter-spacing:.7px;margin:0 0 3px;padding:0 3px}
.slide-historic-milestones .hm-picker>h3 span{float:right;color:#d9c893}
.slide-historic-milestones .hm-picker button{padding:3px 6px;border:8px solid transparent;border-image:url('../../assets/experience/milestones-ui/card-frame.png') 12 stretch;border-radius:0;box-shadow:none;background:url('../../assets/experience/milestones-ui/card-texture.png') center/100% 100% no-repeat;background-clip:padding-box;gap:3px;transform:none;transition:filter .18s;min-height:0;color:#ded9c8;justify-content:center}
.slide-historic-milestones .hm-pick-year{font:750 clamp(18px,3.2cqh,28px)/1.15 var(--sans);color:#d9d2bb;padding-right:60px}
.slide-historic-milestones .hm-pick-title{font:500 clamp(12px,2cqh,17px)/1.3 var(--sans);color:#dbd5c1}
.slide-historic-milestones .hm-picker .hm-pick-check{display:none;right:3px;top:3px;width:auto;height:auto;transform:none;border:0;border-radius:0;background:none;box-shadow:none;padding:0;color:#bdd0a7;font:700 8px/1.4 var(--sans);letter-spacing:.1px}
.slide-historic-milestones .hm-picker .is-visited .hm-pick-check{display:block}
.slide-historic-milestones .hm-picker button[aria-pressed=true]{border-image-source:url('../../assets/experience/milestones-ui/card-active.png');border-image-slice:16;background-image:url('../../assets/experience/milestones-ui/panel-texture.png');box-shadow:none}
.slide-historic-milestones .hm-picker button[aria-pressed=true] .hm-pick-year,.slide-historic-milestones .hm-picker button[aria-pressed=true] .hm-pick-check{color:#ffdb73}
.slide-historic-milestones .hm-footer{padding:3px 5px;border:9px solid transparent;border-left-width:24px;border-right-width:24px;border-image:url('../../assets/experience/milestones-ui/progress-frame.png') 11 31 11 38 stretch;border-radius:0;box-shadow:none;background:url('../../assets/experience/milestones-ui/panel-texture.png') center/180px 95px repeat;background-clip:padding-box}
.slide-historic-milestones .hm-visited-row{font:700 11px/1.4 var(--sans);color:#dec18b;margin:0 0 6px}
.slide-historic-milestones .hm-visited-count{font-size:14px;font-variant-numeric:tabular-nums}

.slide-historic-milestones .hm-visited-track{height:13px;border:3px solid transparent;border-image:url('../../assets/experience/milestones-ui/progress-track.png') 5 stretch;border-radius:0;padding:0;background:url('../../assets/experience/milestones-ui/panel-texture.png') center/100% 100% no-repeat;background-clip:padding-box;box-shadow:none;overflow:hidden}
.slide-historic-milestones .hm-visited-track>span,.slide-historic-milestones .hm-footer.is-complete .hm-visited-track>span{height:100%;border-radius:0;background:url('../../assets/experience/milestones-ui/progress-fill.png') center/100% 100% no-repeat;box-shadow:none;transition:width .35s}
.slide-historic-milestones .hm-footer.is-complete .hm-visited-track{box-shadow:none}
.teaching-slide.slide-historic-milestones .hm-status{font:500 11px/1.4 var(--sans);color:#c8baa0;margin:5px 0 0}
.slide-historic-milestones .hm-footer.is-complete .hm-status{color:#f1d493}
.slide-historic-milestones button:focus-visible{outline:2px solid #ffe09b;outline-offset:3px}
.slide-historic-milestones .hm-zoom-dialog{padding:10px;border:14px solid transparent;border-image:url('../../assets/experience/milestones-ui/detail-frame.png') 36 stretch;border-radius:0;background:url('../../assets/experience/milestones-ui/panel-texture.png') center/180px 95px repeat;background-clip:padding-box;box-shadow:0 20px 90px #000b;max-height:94dvh;overflow:auto}
.slide-historic-milestones .hm-zoom-dialog>img{min-width:min(65vw,950px);max-width:calc(94vw - 55px);max-height:calc(90dvh - 80px);width:auto;height:auto;object-fit:contain;border-radius:0}
.slide-historic-milestones .hm-zoom-caption{font:500 14px/1.5 var(--sans);color:#ebd39c;margin:10px 40px 0 0}
.slide-historic-milestones .hm-zoom-close{background:url('../../assets/experience/milestones-ui/panel-texture.png') center/100% 100% no-repeat;background-clip:padding-box;border:5px solid transparent;border-image:url('../../assets/experience/milestones-ui/reset-shell.png') 8 stretch;border-radius:0;box-shadow:none;color:#ffe2a1;width:42px;height:40px;right:12px;top:12px}
@media(hover:hover){.slide-historic-milestones .hm-picker button:hover,.slide-historic-milestones .hm-reset:hover,.slide-historic-milestones .hm-artifact-window:hover{filter:brightness(1.2);transform:none;box-shadow:none}.slide-historic-milestones .hm-picker button:hover{background-image:url('../../assets/experience/milestones-ui/card-texture.png')}.slide-historic-milestones .hm-reset:hover{background:none}}
@container(max-height:570px){.slide-historic-milestones .hm-stage{gap:10px}.slide-historic-milestones .hm-detail{border-width:18px;padding:3px 8px;gap:12px}.slide-historic-milestones .hm-detail>header{padding:2px 6px;border-width:7px}.slide-historic-milestones .hm-picker{gap:5px}.slide-historic-milestones .hm-picker button{padding:2px 5px;border-width:7px}.slide-historic-milestones .hm-footer{border-width:10px}.slide-historic-milestones .hm-detail.is-long .hm-detail-body{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}}
@media(max-width:900px) and (min-width:721px){.slide-historic-milestones .hm-main{grid-template-columns:minmax(0,1fr) 230px;gap:10px}.slide-historic-milestones .hm-detail-body{grid-template-columns:1fr;align-items:start}.slide-historic-milestones .hm-detail .hm-artifact{max-width:290px;margin:auto}.slide-historic-milestones .hm-detail.is-long .hm-detail-body{grid-template-columns:1fr}}
@media(max-width:720px){.teaching-slide.slide-historic-milestones{container-type:normal;overflow:auto;display:block;padding:18px 12px}.slide-historic-milestones .hm-stage{height:auto;display:flex;gap:18px}.teaching-slide.slide-historic-milestones .hm-heading>p{font-size:10px;letter-spacing:.5px}.teaching-slide.slide-historic-milestones .hm-heading h2{font-size:27px}.slide-historic-milestones .hm-reset{width:40px;height:38px;min-width:40px;min-height:38px}.slide-historic-milestones .hm-main{display:flex;flex-direction:column;gap:18px}.slide-historic-milestones .hm-picker{order:-1;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:9px;border-width:12px;padding:2px}.slide-historic-milestones .hm-picker>h3{grid-column:1/-1;font-size:13px}.slide-historic-milestones .hm-picker button{min-height:96px;padding:18px 4px 5px;justify-content:flex-start}.slide-historic-milestones .hm-pick-year{font-size:18px;padding:0}.slide-historic-milestones .hm-pick-title{font-size:12px}.slide-historic-milestones .hm-picker .hm-pick-check{top:1px;right:2px;font-size:8px}.slide-historic-milestones .hm-detail{border-width:17px;padding:7px;gap:20px}.slide-historic-milestones .hm-detail>header{flex-direction:column;align-items:flex-start;gap:4px;padding:5px 7px;border-width:8px;width:100%;box-sizing:border-box}.slide-historic-milestones .hm-detail-year{font-size:24px}.teaching-slide.slide-historic-milestones .hm-detail h3{font-size:19px}.slide-historic-milestones .hm-detail-body,.slide-historic-milestones .hm-detail.is-long .hm-detail-body{display:flex;flex-direction:column;overflow:visible;gap:20px;padding:0}.slide-historic-milestones .hm-detail .hm-artifact{order:-1;width:100%;max-width:420px}.slide-historic-milestones .hm-artifact-tag{width:170px}.teaching-slide.slide-historic-milestones .hm-copy p,.slide-historic-milestones .hm-copy li,.teaching-slide.slide-historic-milestones .is-long .hm-copy p,.slide-historic-milestones .is-long .hm-copy li{font-size:18px;line-height:1.6}.slide-historic-milestones .hm-footer{border-width:11px;padding:3px}.slide-historic-milestones .hm-visited-label{font-size:9px;letter-spacing:.4px}.slide-historic-milestones .hm-zoom-dialog>img{min-width:0;max-width:calc(94vw - 50px);max-height:75dvh;width:100%}.slide-historic-milestones .hm-zoom-caption{font-size:12px}}
@media(max-height:550px) and (min-width:721px){.teaching-slide.slide-historic-milestones{container-type:inline-size;overflow:auto}.slide-historic-milestones .hm-stage{height:auto;min-height:720px;gap:15px}.slide-historic-milestones .hm-main{min-height:490px}.slide-historic-milestones .hm-picker{gap:8px}.slide-historic-milestones .hm-picker button{min-height:62px}.teaching-slide.slide-historic-milestones .hm-heading h2{font-size:30px}.slide-historic-milestones .hm-detail-body,.slide-historic-milestones .hm-detail.is-long .hm-detail-body{grid-template-columns:minmax(0,1fr);max-height:460px}.slide-historic-milestones .hm-detail .hm-artifact{max-width:280px}.teaching-slide.slide-historic-milestones .hm-copy p,.slide-historic-milestones .hm-copy li{font-size:18px}.slide-historic-milestones .hm-picker>h3{font-size:13px}}
@media(prefers-reduced-motion:reduce){.slide-historic-milestones *{transition:none!important;animation:none!important}}

/* Keep the full date plaque and reserve room for its rim at every breakpoint. */
.slide-historic-milestones .hm-detail>header{padding:12px 18px;border:0;flex-shrink:0;min-height:48px}
@media(max-width:720px){.slide-historic-milestones .hm-detail>header{padding:14px 18px}}