/* Stage 4 is screen-only: neither desktop nor the export document is restyled. */
@media screen and (max-width:1023px){
 body.mx-mobile:not(.export-document) .foot{padding-block:28px 22px}
 .mx-mobile .foot .foot-top{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:16px;padding-bottom:16px}
 .mx-mobile .foot-top>div:first-child{grid-column:1/-1}
 .mx-mobile .foot-top p{margin:10px 0;font-size:14px;line-height:1.55;max-width:48ch}
 .mx-mobile .foot-top ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;margin:0;padding:0;list-style:none}
 .mx-mobile .foot-top li:has(a[href^="mailto:"]){grid-column:1/-1}
 .mx-mobile .foot-top li a{display:flex;align-items:center;min-height:44px;padding-block:4px;font-size:14px;line-height:1.3;overflow-wrap:anywhere}
 .mx-mobile .foot-top li{margin:0;padding:0;line-height:1.3}
 .mx-mobile .foot-top li:has(a[href^="tel:"]),.mx-mobile .foot-top li:has(a[href^="mailto:"]){grid-column:1/-1}
 .mx-mobile .foot-top li a[href*="calendly.com"],.mx-mobile .foot-top li a[href*="my1003app.com"]{justify-content:center;text-align:center;border:1px solid #acb9c2;padding:10px 8px;margin-top:6px;font-weight:600;min-height:48px}
 .mx-mobile .foot-top li a[href*="calendly.com"]{background:#faf8f3;color:#0d1b2a}
 .mx-mobile .foot-heading{margin:0 0 6px;font-size:12px;color:#d4dce3}
 .mx-mobile .foot :is(.legal,.disclosure,.foot-bottom){line-height:1.65}
 .mx-mobile .foot img.rce{margin-bottom:8px}
 .mx-mobile .matrix thead th:first-child{background:#0d1b2a;color:#fff;z-index:2}
 .mx-mobile .matrix tbody :is(th,td):first-child{background:var(--ground);color:var(--ink)}
 /* Legacy header-nav dimensions must not clip page-local shortcut navigation. */
 .mx-mobile .phero .mx-jump{position:static;inset:auto;height:auto;overflow:visible;padding:0;background:transparent;border-top:0}
 .mx-mobile .m4-result-note{font:400 14px/1.5 var(--sans);color:inherit;padding:10px 0;border-block:1px solid currentColor;margin:14px 0}
 .mx-mobile .m4-prior{display:block;flex-basis:100%;font:400 12px/1.5 var(--sans);color:inherit;margin-top:4px;overflow-wrap:anywhere}
 .mx-mobile .orow.m4-changed{flex-wrap:wrap;gap:4px 12px;padding-left:10px}
 .mx-mobile .m4-changed{border-left:3px solid #d4af37;padding-left:10px}
 .mx-mobile .m4-symbol{width:20px;height:20px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}
 .mx-mobile .mx-stage1-local figure{animation-duration:520ms}
 .mx-mobile .mx-stage1-local.mx-chapter-enter h2{animation: m4-heading-in 420ms ease-out}
 .mx-mobile .mx-chapter-enter .da-link{animation-duration:520ms}
 .mx-mobile .mx-dialog-head{border-bottom:2px solid #b88a24}
 @keyframes m4-heading-in{from{transform:translateY(5px)}to{transform:none}}
 @media(prefers-reduced-motion:reduce){.mx-mobile *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
}
