.teaching-slide.slide-historic-milestones{container-type:size;padding:13px 2%;overflow:hidden}
.hm-stage{height:100%;min-height:0;width:100%;max-width:1360px;align-self:center;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;color:#304838}
.teaching-slide .hm-heading>p{font:500 clamp(10px,2.4cqh,14px)/1.4 var(--sans);color:#92703e;margin:0 0 7px;letter-spacing:1px}
.hm-title-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.teaching-slide .hm-heading h2{font:700 clamp(25px,6cqh,38px)/1.25 var(--serif);color:#304838;margin:0}
.hm-reset{min-height:36px;border:1px solid #b99a5f;border-radius:8px;padding:7px 12px;background:#f8efdc;color:#556045;font:500 12px/1.4 var(--sans);cursor:pointer}
.hm-main{display:grid;grid-template-columns:minmax(0,2.8fr) minmax(235px,1fr);gap:20px;min-height:0}
.hm-detail{min-width:0;min-height:0;padding:18px 22px;border:1px solid #b8a172;border-radius:12px;background:#fff9edb3;display:flex;flex-direction:column;gap:14px}
.hm-detail>header{display:flex;align-items:baseline;gap:15px;flex-shrink:0;border-bottom:1px solid #c5ad7b80;padding-bottom:12px}
.hm-detail-year{color:#98753d;font:700 clamp(23px,5cqh,34px)/1.2 var(--serif);white-space:nowrap}.teaching-slide .hm-detail h3{font:700 clamp(20px,4.6cqh,31px)/1.3 var(--serif);margin:0;color:#304838}
.hm-detail-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,22%);gap:20px;min-height:0;flex:1;align-items:start}
.teaching-slide .hm-copy p,.hm-copy li{font:400 clamp(17px,3.4cqh,23px)/1.5 var(--sans);color:#354738;margin:0}.hm-copy strong{font-weight:650;color:#8f3b2d}.hm-copy ul{padding-left:22px;margin:10px 0 0}.hm-copy li+li{margin-top:7px}.teaching-slide .hm-copy .hm-era{font:600 clamp(12px,2.6cqh,16px)/1.4 var(--sans);color:#92703e;margin-bottom:8px}
.hm-detail figure{margin:0;min-width:0;align-self:center}.hm-detail img{display:block;width:100%;height:auto;max-height:40cqh;object-fit:contain;border-radius:5px}
.hm-picker{display:grid;grid-template-rows:auto repeat(6,minmax(0,1fr));gap:7px;min-height:0}.hm-picker>h3{font:600 11px/1.4 var(--sans);letter-spacing:1.2px;color:#907441;margin:0 0 2px}
.hm-picker button{position:relative;display:flex;flex-direction:column;justify-content:center;text-align:left;gap:3px;padding:7px 30px 7px 13px;min-height:0;border:1px solid #b9a476;border-radius:8px;background:#fff9edb3;cursor:pointer;color:#40533d}.hm-pick-year{font:700 clamp(16px,3.5cqh,23px)/1.15 var(--serif);color:#98753d}.hm-pick-title{font:500 clamp(11px,2.5cqh,16px)/1.3 var(--sans)}.hm-pick-check{display:none;position:absolute;right:11px;top:50%;transform:translateY(-50%);color:#597548}.is-visited .hm-pick-check{display:block}.hm-picker button[aria-pressed=true]{background:#e8d8b1;border-color:#98753d;box-shadow:inset 4px 0 #98753d}.hm-picker button:hover,.hm-reset:hover{background:#efe2c4}
.hm-footer{border-top:1px solid #b7a06e;padding-top:8px}.teaching-slide .hm-status{text-align:center;margin:0 0 4px;font:500 12px/1.4 var(--sans);color:#7f683d}.teaching-slide .hm-source{font:400 9px/1.4 var(--sans);color:#927c56;text-align:center;margin:0}.hm-stage button:focus-visible{outline:3px solid #c69b4a;outline-offset:-3px}
@container(max-height:550px){.hm-stage{gap:10px}.hm-detail{padding:13px 16px;gap:10px}.hm-detail>header{padding-bottom:9px}.hm-detail-body{gap:15px}.teaching-slide .hm-copy p,.hm-copy li{font-size:clamp(16px,3.6cqh,21px);line-height:1.45}.hm-copy ul{margin-top:7px}.hm-copy li+li{margin-top:5px}}
@media(max-width:720px){.teaching-slide.slide-historic-milestones{container-type:normal;overflow:auto;padding:14px 1%}.hm-stage{height:auto;flex:0 0 auto;display:flex;flex-direction:column;gap:16px}.hm-stage>*{flex-shrink:0}.hm-main{display:flex;flex-direction:column;gap:15px}.hm-picker{order:-1;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:8px}.hm-picker>h3{grid-column:1/-1}.hm-picker button{min-height:72px;padding:9px 24px 9px 10px}.hm-pick-year{font-size:19px}.hm-pick-title{font-size:12px}.hm-title-row{align-items:flex-start}.teaching-slide .hm-heading h2{font-size:25px}.hm-reset{white-space:nowrap}.hm-detail{padding:16px}.hm-detail>header{flex-wrap:wrap;gap:7px}.hm-detail-year{font-size:26px}.teaching-slide .hm-detail h3{font-size:23px}.hm-detail-body{display:flex;flex-direction:column;gap:15px}.teaching-slide .hm-copy p,.hm-copy li{font-size:18px;line-height:1.55}.hm-detail figure{width:70%;align-self:center}.hm-detail img{max-height:none}.hm-footer{padding-top:10px}}

@container(max-height:550px){.hm-detail.is-long .hm-detail-body{grid-template-columns:1fr}.hm-detail.is-long figure{display:none}}
.teaching-slide .hm-copy p,.hm-copy li{font-size:var(--hm-copy-size,18px);line-height:1.45}
.teaching-slide .hm-copy .hm-era{font-size:calc(var(--hm-copy-size,18px)*.72)}
@media(max-width:720px){.teaching-slide .hm-copy p,.hm-copy li{font-size:18px;line-height:1.55}.teaching-slide .hm-copy .hm-era{font-size:13px}}