/* Isolated to the rewritten modernization article. No shared header/footer rules. */
.modernization-story{color:var(--text,#edf3ef)}
.modernization-story .sr-block{border-bottom:1px solid #20313a;padding-block:44px}
.modernization-story .sr-block>p{max-width:76ch}
.modernization-story .sr-hero>div>p:not(.sr-eyebrow){font-size:1.1rem;line-height:1.75;max-width:60ch}
.modernization-story .ms-story-columns,.modernization-story .ms-benefit-grid,.modernization-story .ms-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.modernization-story .ms-story-columns p:first-child{margin-top:0}
.modernization-story .ms-story-columns>div{min-width:0}
.modernization-story .ms-benefit-grid{margin-top:26px}
.modernization-story .ms-benefit-grid>a{display:flex;flex-direction:column;gap:8px}
.modernization-story .ms-benefit-grid h3,.modernization-story .ms-options h3{font-size:1.2rem;line-height:1.35;margin:0 0 8px}
.modernization-story .ms-benefit-grid p{margin:0 0 16px}
.modernization-story .ms-options{margin-block:28px}
.modernization-story .ms-options>article{border-left:2px solid #ba8862;padding:4px 0 4px 20px;min-width:0}
.modernization-story .ms-options p{margin:0}
.modernization-story .ms-image-link{display:block;border-radius:20px;overflow:hidden}
.modernization-story .ms-image-link img{display:block;width:100%;height:auto;object-fit:contain}
.modernization-story .ms-wide-visual{width:100%;max-width:800px;margin:30px auto 0}
.modernization-story .ms-wide-visual img{max-height:none;border-radius:20px}
.modernization-story figcaption{font-size:.92rem;line-height:1.6;margin-top:12px;color:#b8c9cb}
.modernization-story figcaption a{display:inline-block;padding-block:4px;color:#71e0c2;text-underline-offset:4px}
.modernization-story .ms-steps article{display:flex;flex-direction:column}
.modernization-story .ms-steps .sr-eyebrow{font-size:.75rem;line-height:1.4;margin:0 0 12px}
.modernization-story .sr-detail-body{padding-top:4px}
.modernization-story .sr-detail-body p:last-child{margin-bottom:0}
.modernization-story .sr-detail-body dl{margin:0;line-height:1.7}
.modernization-story .sr-detail-body dt{font-weight:750;color:#edf3ef;margin-top:14px}
.modernization-story .sr-detail-body dd{margin:4px 0 16px}
.modernization-story .sr-example-grid{margin-block:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
.modernization-story .sr-example-grid img{aspect-ratio:16/10;object-fit:cover;height:auto}
.modernization-story .sr-related a{display:inline-block;line-height:1.6}
.modernization-story .ms-start{padding-block:44px 64px}
.modernization-story :is(section,div,details,h2)[id]{scroll-margin-top:24px}
.modernization-story .ms-image-link:hover{outline:1px solid #71e0c2;outline-offset:3px}
.modernization-story :is(a,summary,button):focus-visible{outline:3px solid #7df1d2;outline-offset:5px}
@media(max-width:900px){.modernization-story .sr-example-grid{grid-template-columns:1fr}.modernization-story .ms-story-columns{grid-template-columns:1fr;gap:0}}
@media(max-width:600px){.modernization-story .ms-benefit-grid,.modernization-story .ms-options{grid-template-columns:1fr;gap:20px}.modernization-story .sr-block{padding-block:32px}.modernization-story .sr-hero>div>p:not(.sr-eyebrow){font-size:1rem}.modernization-story .sr-hero .sr-actions{align-items:flex-start}.modernization-story .sr-hero .sr-actions a{width:auto}.modernization-story .ms-start{padding-block:32px 44px}}
@media(prefers-reduced-motion:reduce){.modernization-story a{transition:none}}