/* Modernization uses the shared service sections with a distinct editorial opening. */
.mx-modern-page{--mx-modern-accent:#9d3b14;--mx-modern-tint:#eee9df}
.mx-modern-page .mx-app-section{--mx-app-teal:var(--mx-modern-accent)}
.mx-modern-hero{padding-top:28px}.mx-modern-opening{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:42px}.mx-modern-opening>*{min-width:0;margin:0}.mx-modern-copy h1{font-size:clamp(46px,5.5vw,80px);line-height:1.02;letter-spacing:-.055em;margin:24px 0}.mx-modern-copy .mx-eyebrow{color:var(--mx-modern-accent)}.mx-modern-copy .mx-lead{font-size:20px;max-width:650px}.mx-modern-copy .wp-block-buttons{gap:12px;margin-top:28px}.mx-modern-copy .wp-block-button a{background:var(--mx-ink);color:var(--mx-paper)}.mx-modern-copy .wp-block-button:nth-child(2) a{background:transparent;color:var(--mx-ink);border:1px solid currentColor}.mx-modern-visual .mx-app-note{margin-top:16px}.mx-modern-visual img{border-radius:10px}
.mx-modern-tint{background:var(--mx-modern-tint)}.mx-modern-signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.mx-modern-signal{margin:0;border-top:1px solid var(--mx-ink);padding-top:24px;min-width:0}.mx-modern-number{font-size:52px;line-height:1;color:var(--mx-modern-accent);margin:0}.mx-modern-audit-row{display:grid;grid-template-columns:1fr 1.5fr;gap:36px;border-top:1px solid #b5b0a6;padding:26px 0;margin:0}.mx-modern-audit-row>*{margin:0}.mx-modern-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--mx-ink);margin-top:40px}.mx-modern-stage{margin:0;padding:30px;border-right:1px solid var(--mx-ink);min-width:0}.mx-modern-stage:last-child{border-right:0}.mx-modern-stage .mx-eyebrow{color:var(--mx-modern-accent)}.mx-modern-example{padding:32px;margin-top:32px;background:var(--mx-modern-tint);border-left:5px solid var(--mx-modern-accent)}.mx-modern-example h3{margin-top:16px}
@media(max-width:1000px){.mx-modern-opening{grid-template-columns:1fr;gap:32px}.mx-modern-visual{max-width:850px}.mx-modern-signals{gap:20px}.mx-modern-stage{padding:22px}}
@media(max-width:700px){.mx-modern-signals,.mx-modern-audit-row,.mx-modern-route{grid-template-columns:1fr}.mx-modern-audit-row{gap:16px}.mx-modern-stage{border-right:0;border-bottom:1px solid var(--mx-ink)}.mx-modern-stage:last-child{border-bottom:0}.mx-modern-example{padding:24px}.mx-modern-copy .mx-lead{font-size:18px}}
