/* Version F shared system. MNT Form / IBM Plex; no external font requests. */
:root{--f-space-1:8px;--f-space-2:16px;--f-space-3:24px;--f-space-4:40px;--f-space-5:64px;--f-space-6:96px;--f-soft:#eef1ed;--f-photo-shadow:0 8px 24px #18362b10;--section:clamp(48px,5.5vw,84px)}
.mnt-f{color:var(--ink);font-family:var(--sans);line-height:1.6}
.mnt-f h1,.mnt-f h2,.mnt-f h3{font-weight:500;text-wrap:pretty}
.mnt-f .lead{line-height:1.58;max-width:44em}
.mnt-f .breadcrumb{position:static!important;transform:none!important;box-shadow:none;background:transparent;padding-top:0;margin-bottom:30px}
.mnt-f .detail-hero{padding-top:32px}.mnt-f .page-hero{padding-block:clamp(40px,5vw,72px)}
.mnt-f .section-nav{z-index:25;border-block:1px solid var(--line);box-shadow:none;background:#fafaf7f5}
.mnt-f .section-nav a{min-height:48px;display:inline-flex;align-items:center;line-height:1.35}
.mnt-f .btn,.mnt-f input,.mnt-f select,.mnt-f textarea{border-radius:2px}
.mnt-f .btn{min-height:44px;line-height:1.35}.mnt-f :focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.mnt-f .hero-photo{box-shadow:var(--f-photo-shadow)}
.mnt-f .photo-frame,.mnt-f .detail-photo,.mnt-f .e-product-photo{box-shadow:none}
.mnt-f figcaption{font-size:13px;line-height:1.5;color:var(--muted);margin-top:10px}
.mnt-f .e-home-hero{padding-top:36px}.mnt-f .e-hero-scene{padding-block:36px}
.mnt-f .e-work-gallery{grid-template-columns:1fr 1fr;gap:32px}
.mnt-f .spec-table{border-collapse:collapse}.mnt-f .spec-table th,.mnt-f .spec-table td{padding:18px 20px;line-height:1.55;vertical-align:top}.mnt-f .spec-table th{font-weight:500}
.mnt-f .spec-table tr:nth-child(even){background:#eef1ed66}
.mnt-f .technical-disclosure summary{min-height:58px;line-height:1.45}.mnt-f .technical-disclosure summary:focus-visible{outline-offset:3px}
.mnt-f .e-signal-pulse,.mnt-f .e-signal-ring{display:none!important}
.mnt-f .service-grid a,.mnt-f .e-product-row{transition:background-color .16s,color .16s}
.f-reference-band{padding:26px 0;background:var(--f-soft);border-block:1px solid var(--line)}.f-reference-band .wrap{display:flex;gap:24px 48px;flex-wrap:wrap}.f-reference-band a{font-size:16px}
.f-route-note .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.f-route-note p{max-width:54em}
.f-photo-placeholder{aspect-ratio:3/2;min-width:0;display:flex;align-items:center;justify-content:center;background:#e9eeea;border:1px dashed #8f9e94;padding:clamp(24px,4vw,48px);position:relative;overflow:hidden}
.f-photo-placeholder>div{max-width:34em}.f-photo-placeholder h3{font-family:var(--sans);font-size:clamp(20px,2vw,27px);line-height:1.3;margin-block:18px 12px}.f-photo-placeholder p{font-size:14px;color:#4e6155;max-width:30em}.f-photo-label{font:500 11px/1.5 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:#476250;display:block}.f-photo-ratio{position:absolute;right:18px;bottom:14px;font:12px var(--mono);color:#5e7165}
.f-comparison-title{margin-bottom:32px}.f-comparison{border-top:1px solid var(--line)}.f-comparison-row{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1fr);gap:40px;padding:32px 0;border-bottom:1px solid var(--line);align-items:start}
.f-comparison-name{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:20px;text-decoration:none}.f-comparison-name h3{font-size:24px;line-height:1.18}.f-family-image{aspect-ratio:1;display:block;overflow:hidden;background:#eef1ed}.f-family-image img{height:100%;width:100%;object-fit:contain}.f-field-label{font-size:12px;color:var(--muted);margin-bottom:8px}.f-comparison-row p{font-size:16px;line-height:1.55}.f-comparison-row .arrow-link{margin-top:16px;font-size:14px}.f-catalogue-summary{display:grid;grid-template-columns:1fr 1fr;gap:64px}.f-brief-link{max-width:100%}
.f-applications{background:var(--f-soft)}.f-application-list{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;list-style:none;margin:0;padding:0}.f-application-list li{padding:14px 0;border-bottom:1px solid #ccd7ce;font-size:16px;line-height:1.5}
/* All five explainers share one compact control treatment. */
.mnt-f :is(.mc-controls,.ma-controls,.mw-controls,.coil-controls,.e-project-controls){gap:16px;border-top:1px solid var(--line);padding-top:16px;margin-top:20px}
.mnt-f :is(.mc-controls,.ma-controls,.mw-controls,.coil-controls,.e-project-controls) button{min-height:44px;border:1px solid #9cafa4;border-radius:2px;font:500 14px var(--sans);padding:10px 18px;background:transparent;box-shadow:none;color:var(--blue)}
.mnt-f :is(.mc-controls,.ma-controls,.mw-controls,.coil-controls,.e-project-controls) button:hover{background:var(--f-soft)}
.mnt-f [hidden]{display:none!important}
@media(min-width:1001px){.mnt-f .section-nav{position:sticky;top:var(--header-h)}.mnt-f .e-home-hero .hero-grid{gap:64px}.mnt-f .f-comparison-name:hover h3{color:var(--blue)}}
@media(max-width:1000px){.mnt-f .section-nav{position:static}.mnt-f{--subnav-h:0px}.f-comparison-row{gap:24px;grid-template-columns:1fr 1fr}.f-comparison-name{grid-column:1/-1;grid-template-columns:88px 1fr}.f-comparison-name h3{font-size:25px}.f-catalogue-summary{gap:32px}.f-route-note .wrap{display:block}.f-route-note a{margin-top:16px}}
@media(max-width:700px){.mnt-f .e-work-gallery,.f-catalogue-summary{grid-template-columns:1fr}.f-photo-placeholder{padding:28px;min-height:230px}.f-comparison-row{grid-template-columns:1fr;gap:20px}.f-comparison-name{grid-column:auto}.f-application-list{grid-template-columns:1fr}.mnt-f .spec-table th,.mnt-f .spec-table td{padding:14px 12px}.mnt-f .e-hero-scene{padding-block:12px}.f-comparison-row p{font-size:15px}.f-reference-band .wrap{gap:14px}}
@media(prefers-reduced-motion:reduce){.mnt-f *{scroll-behavior:auto!important;transition:none!important}}
html[data-motion=reduced] .mnt-f *{scroll-behavior:auto!important;transition:none!important}
@media print{.f-photo-placeholder{break-inside:avoid}.mnt-f .section-nav,.mnt-f .f-reference-band{display:none}.mnt-f .breadcrumb{position:static}.mnt-f :is(.e-sticky,.site-header){position:static!important}}
/* Intrinsic sizing must not widen the narrowest review layouts. */
.f-photo-placeholder{width:100%}.mw-layout>*{min-width:0}
@media(max-width:700px){.f-photo-placeholder{min-height:0;padding:20px}.f-photo-placeholder p{display:none}.f-photo-placeholder h3{font-size:20px}.mnt-f .mw-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.mnt-f .mw-tabs button{min-width:0;overflow-wrap:anywhere}.mnt-f .mw-controls{flex-wrap:wrap}}

.f-photo-ratio{color:#476250}
/* Hero spacing belongs to the inner container, once. */
.mnt-f .page-hero{padding-block:0}.mnt-f .page-hero>:is(.wrap,.wrap-narrow){padding-block:clamp(40px,5vw,72px)}

/* Supplied logo pack: natural 2:1 ratio, colour header and true white footer. */
.mnt-f .brand img,.mnt-f .print-head img{object-fit:contain}
.mnt-f .footer-top .brand img{filter:none}

@media(min-width:1001px) and (max-width:1240px){.mnt-f .site-header .brand img{height:62px}.mnt-f .primary-nav{gap:10px}}

/* Service titles align directly with the list edge, without sequence numbers. */
.mnt-f .e-service-row{grid-template-columns:minmax(0,1fr) 48px}
@media(max-width:800px){.mnt-f .e-service-row{grid-template-columns:minmax(0,1fr) 28px}}

.mnt-f .f-company-collaboration{margin-top:24px;max-width:60ch;line-height:1.7}

/* Reserve a visible toolbar above the enlarged image, at every viewport size. */
.mnt-f .photo-dialog{padding-top:56px;background:#15232e;border-radius:4px;box-sizing:border-box}
.mnt-f .photo-dialog .dialog-close{top:6px;right:8px;z-index:2;min-width:88px;min-height:44px}
.mnt-f .photo-dialog img{max-height:calc(94dvh - 128px)}
.mnt-f .photo-dialog figcaption{color:#edf2f6}