.teacher-story{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;color:#142a40}
.story-wrap{max-width:1160px;margin:auto;padding:0 32px}
.skip-link{position:fixed;left:16px;top:-80px;background:#fff;padding:12px 20px;z-index:100;color:#061930}
.skip-link:focus{top:12px}
.teacher-story a:focus-visible{outline:3px solid #e8223a;outline-offset:5px}
.story-nav{background:#061930;color:#fff;border-bottom:1px solid #324156}
.story-nav .story-wrap{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.story-nav img{width:200px;height:auto}
.story-nav nav{display:flex;gap:26px;font-size:.9rem}
.story-nav nav a{padding:12px 0;color:#d9e3ef}
.story-nav nav a[aria-current]{color:#fff;border-bottom:2px solid #ed344c}
.story-hero{background:linear-gradient(125deg,#0d2d4c,#061930);color:#fff;padding:30px 0 68px}
.story-crumbs{font-size:.8rem;color:#b5c5d6;margin-bottom:46px}
.story-crumbs ol{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}
.story-crumbs li+li:before{content:"/";margin-right:10px;color:#8197ae}
.story-hero .eyebrow{color:#ff8f9e;font-size:.72rem;letter-spacing:.17em;margin-bottom:22px}
.story-hero h1{max-width:960px;font-size:clamp(2.1rem,4.8vw,3.7rem);line-height:1.12;font-weight:500;letter-spacing:-.04em;text-wrap:balance}
.story-subtitle{max-width:680px;font-size:1.15rem;line-height:1.6;color:#d6e1ed;margin-top:25px}
.story-byline{margin-top:30px;color:#b7c8da;font-size:.86rem;display:flex;gap:7px;flex-wrap:wrap}
.story-byline a{color:#fff;text-decoration:underline;text-underline-offset:4px}
.story-content{max-width:904px;margin:auto;padding:54px 32px 64px}
.prose{font-size:1.07rem;line-height:1.85;color:#36495d}
.prose p+p{margin-top:18px}
.intro p:first-child{font-size:1.22rem;color:#203b54;line-height:1.8}
.prose strong{font-weight:650;color:#102d48}
.prose h2,.callout h2{font-size:clamp(1.55rem,3vw,2rem);line-height:1.27;font-weight:600;letter-spacing:-.025em;color:#102c47;margin:0 0 20px}
.prose h3{font-size:1.2rem;line-height:1.4;font-weight:600;margin:30px 0 12px;color:#102c47}
.prose a,.text-link,.resource-list a{color:#123e66;text-decoration:underline;text-decoration-color:#b9c9d9;text-underline-offset:4px;text-decoration-thickness:1px}
.prose a:hover,.text-link:hover,.resource-list a:hover{text-decoration-color:#e8223a}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-top:1px solid #d7e1eb;border-bottom:1px solid #d7e1eb;padding:24px 0;margin:34px 0}
.facts span,.contents>span,.story-next>span{display:block;font-size:.71rem;font-weight:650;text-transform:uppercase;letter-spacing:.11em;color:#526a80;margin-bottom:7px}
.facts strong{font-size:.95rem;line-height:1.5;display:block}
.contents{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:baseline;font-size:.85rem;margin-bottom:48px}
.contents>span{width:100%;margin-bottom:0}
.contents a{border-bottom:1px solid #becbd8;padding:4px 0}
.story-content section{scroll-margin-top:24px}
.story-content>section.prose{margin:48px 0}
.section-kicker{color:#a62438!important;font-size:.72rem!important;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin:0 0 13px!important}
.story-photo{margin:34px 0 48px;background:#f1f5f8;border:1px solid #e0e8ef;border-radius:12px;overflow:hidden}
.story-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.story-photo figcaption{font-size:.82rem;line-height:1.6;color:#506376;padding:15px 20px}
.callout{margin:48px 0;padding:32px;background:#edf3f8;border-left:3px solid #c82b42;border-radius:0 10px 10px 0}
.callout p:not(.section-kicker){font-size:1rem;line-height:1.8;color:#36495d;margin-bottom:16px}
.text-link{font-weight:650;line-height:1.7;display:inline-block}
.resource-list{list-style:none;padding:0;margin:24px 0 0}
.resource-list li+li{margin-top:22px}
.resource-list a{font-weight:650;line-height:1.6;display:inline-block}
.resource-list span{display:block;font-size:.9rem;color:#506376;margin-top:5px}
.resource-list a span{display:inline;color:inherit}
.questions{border-top:1px solid #d7e1eb;padding-top:32px}
.editorial-note{background:#f6f8fa;padding:28px;border-radius:10px;font-size:.9rem;line-height:1.8}
.editorial-note h2{font-size:1.15rem;margin-bottom:14px}
.story-next{border-top:1px solid #d7e1eb;margin-top:40px;padding-top:28px}
.story-next a{font-size:1.14rem;line-height:1.5;font-weight:600;display:inline-block}
.story-footer{background:#061930;color:#c2d1e1;font-size:.83rem;padding:30px 0}
.story-footer .story-wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.story-footer nav{display:flex;gap:20px;flex-wrap:wrap}
.story-footer a:hover{text-decoration:underline}
@media(max-width:640px){.story-wrap{padding-inline:20px}.story-nav .story-wrap{padding-block:18px;min-height:0;align-items:flex-start;flex-direction:column;gap:10px}.story-nav img{width:180px}.story-nav nav{gap:24px;font-size:.82rem}.story-nav nav a{padding:8px 0}.story-hero{padding:24px 0 42px}.story-crumbs{margin-bottom:32px}.story-subtitle{font-size:1.05rem}.story-content{padding:36px 20px 44px}.facts{grid-template-columns:1fr;gap:18px}.facts span{margin-bottom:3px}.prose{font-size:1rem;line-height:1.8}.intro p:first-child{font-size:1.1rem}.story-content>section.prose{margin-block:36px}.callout{padding:25px 22px;margin-block:36px}.story-photo{margin-bottom:36px}.editorial-note{padding:24px;font-size:.87rem}.story-footer .story-wrap{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.story-photo--detail{max-width:520px;margin-inline:auto}.story-photo--detail img{aspect-ratio:auto;object-fit:contain}.story-content .intro+figure{margin-top:30px}