/* Navigation: a real, optically centred chevron instead of a font glyph. */
.mp-sub-toggle{display:inline-flex;align-items:center;justify-content:center;align-self:center;width:30px;height:40px;padding:0;margin-left:3px;color:var(--mp-dark);line-height:1;cursor:pointer}
.mp-sub-chevron{display:block;width:14px;height:9px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
.mp-sub-toggle[aria-expanded="true"] .mp-sub-chevron{transform:rotate(180deg)}
.mp-sub-toggle:focus-visible{outline:2px solid var(--mp-blue);outline-offset:2px;border-radius:3px}
@media(min-width:901px){.mp-main-nav li:hover>.mp-subnav,.mp-main-nav li.is-open>.mp-subnav{opacity:1;visibility:visible;transform:translate(-50%,0)}.mp-main-nav li:hover>div .mp-sub-chevron{transform:rotate(180deg)}}
@media(max-width:900px){.mp-sub-toggle{width:48px;height:48px;margin-left:8px}}

/* Flexible page: only the optional hero and one freely arrangeable Main area. */
.mp-flex-main{min-height:120px;line-height:1.7}
.mp-flow-text{padding:32px 0;color:var(--mp-ink)}
.mp-flow-text h1,.mp-flow-text h2,.mp-flow-panel h2{margin:0 0 22px;color:var(--mp-dark);font-size:clamp(32px,4vw,52px);line-height:1.08}
.mp-flow-text h3,.mp-flow-panel h3{margin:0 0 16px;font-size:24px;line-height:1.3}
.mp-flow-text p,.mp-flow-text li,.mp-flow-panel p,.mp-flow-panel li{line-height:1.75}
.mp-flow-text a:not(.mp-button),.mp-flow-panel a:not(.mp-button){color:var(--mp-blue);text-decoration:underline;text-underline-offset:3px}
.mp-flow-text>:last-child,.mp-flow-panel>:last-child{margin-bottom:0}
.mp-flow-panel{margin:24px 0;padding:36px;border-left:4px solid var(--mp-blue);background:var(--mp-off)}
.mp-flex-main .mp-detail-media>.mp-container{width:100%;max-width:none}
.mp-flex-main .mp-detail-media{box-shadow:0 0 0 100vmax #0b192a;clip-path:inset(0 -100vmax)}
.mp-flex-main .mp-detail-specs{padding-top:0}
.mp-flex-editor-note{padding:12px;border:1px dashed #7e8894;background:#f1f4f7;font-size:13px}
.ccm-edit-mode .mp-flex-main{min-height:160px}
.ccm-edit-mode .mp-flex-main .mp-detail-media{box-shadow:none;clip-path:none}
.ccm-edit-mode .mp-flex-main .mp-detail-media>.mp-container{padding:12px}
@media(max-width:760px){.mp-flow-text{padding:24px 0}.mp-flow-panel{padding:24px}}
@media(prefers-reduced-motion:reduce){.mp-sub-chevron{transition:none}}