/* GDMME: a wider desktop frame with the existing mobile composition. */
:root { --mp-page-max: 110rem; }
@media (min-width: 1201px) {
  .mp-site .mp-wrap,
  .mp-site.mp-legacy main > .section,
  .mp-industry-heroes .mp-hero,
  .mp-education .mp-hero,
  .mp-education main > #awareness,
  .mp-technology #device-overview,
  .mp-technology main > #architecture,
  .mp-technology main > #appliance {
    width: min(var(--mp-page-max), calc(100% - 96px));
    margin-inline: auto;
  }
  .mp-site.mp-legacy main > .section,
  .mp-education .mp-hero,
  .mp-education main > #awareness,
  .mp-technology #device-overview,
  .mp-technology main > #architecture,
  .mp-technology main > #appliance {
    max-width: var(--mp-page-max);
  }
  .mp-site > .mp-header,
  .mp-site > .mp-footer {
    padding-inline: max(48px, calc((100% - var(--mp-page-max)) / 2));
  }
  .mp-site .mp-article { max-width: 920px; }
  .mp-site .mp-contact-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 880px);
    gap: clamp(40px, 5vw, 80px);
  }
  .mp-contact-grid > * { min-width: 0; }
  .mp-site .mp-service-card p { max-width: 36em; }
}

/* Keep footer content together on wide displays. */
.mp-site > .mp-footer { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) minmax(0,.85fr); column-gap:clamp(32px,4vw,64px); padding-inline:max(32px,calc((100% - 1280px)/2)); align-items:start; }
.mp-site .mp-footer-learning { display:flex; flex-direction:column; align-items:flex-start; justify-self:start; width:100%; gap:12px; font-size:13px; line-height:1.7; }
.mp-site .mp-footer-learning b { font-weight:500; color:#e4d8cd; margin-bottom:4px; }
.mp-site .mp-footer-learning a { color:#b2aaa0; }
.mp-site .mp-footer-learning a:hover { color:#ffbd8e; }
.mp-site .mp-footer-links { width:100%; gap:14px 22px; }
@media(max-width:1000px) { .mp-site > .mp-footer { grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:32px; } .mp-site .mp-footer-learning { grid-column:2; grid-row:1; } .mp-site .mp-footer-links { grid-column:2; } }
@media(max-width:650px) { .mp-site > .mp-footer { grid-template-columns:minmax(0,1fr); padding-inline:24px; gap:28px; } .mp-site .mp-footer-learning,.mp-site .mp-footer-links { grid-column:auto; grid-row:auto; } }

html.has-page-nav{scroll-padding-top:0}
.mp-site .cv-page-nav{position:sticky;top:var(--cv-header-offset,80px);z-index:90;flex-wrap:nowrap;overflow-x:auto;gap:24px;padding:10px 18px;background:#212121f7;backdrop-filter:blur(12px);box-shadow:0 8px 16px #0002;scrollbar-width:thin;scrollbar-color:#755941 #212121}
.mp-site .cv-page-nav>a{flex-shrink:0;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.mp-site .cv-page-nav>span{flex-shrink:0;white-space:nowrap;flex-basis:auto;margin:0}
.mp-site .cv-page-nav>a[aria-current=location]{color:#ffd3b0;border-bottom-color:#ffb070}
@media(max-width:760px){.mp-site .cv-page-nav{gap:20px;padding:6px 12px;width:calc(100% - 32px)}.mp-site .cv-page-nav>span{display:none}}

/* Keep the dialog's next steps inside its own scroll area. */
@media(min-width:761px){
 .mp-industry-next{position:sticky;top:0;max-height:calc(var(--industry-body-height,60dvh) - 52px);overflow-y:auto;overscroll-behavior:contain;padding-right:8px;scrollbar-width:thin;scrollbar-color:#8c7b6c #292929}
 .mp-site .mp-industry-next h3{font-size:17px;line-height:1.5;margin-bottom:12px}
 .mp-industry-next .mp-next-choice{padding:11px 14px;margin-bottom:8px}
 .mp-industry-next .mp-next-choice strong{font-size:15px;line-height:1.5;margin-bottom:3px}
 .mp-industry-next .mp-next-choice span{font-size:13px;line-height:1.6}
}
.mp-industry-dialog-body{scrollbar-gutter:stable}
.mp-huorong-head{display:flex;align-items:center;gap:30px;margin-bottom:22px}
.mp-huorong-head h2{margin:5px 0 14px!important;font-size:clamp(27px,3vw,40px)!important;line-height:1.3!important}
.mp-huorong-logo{flex:0 0 210px;background:#fff;border-radius:8px;padding:22px;display:flex;align-items:center;justify-content:center}
.mp-huorong-logo img{display:block;width:100%;height:auto;max-height:72px;object-fit:contain}
.mp-huorong-intro{max-width:64em;font-size:17px;line-height:1.9;color:#c9bfb5;margin-bottom:28px!important}
.mp-huorong-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 32px}
.mp-huorong-features article{padding:25px;border:1px solid #ffffff24;border-radius:8px;background:#ffffff03;min-width:0}
.mp-huorong-features h4{font-size:20px;line-height:1.5;color:#eee0d4;margin:12px 0}
.mp-huorong-features p{font-size:15px;line-height:1.9;color:#bfb5ac;margin:0}
.mp-segment-example{margin:32px 0;padding:28px;border:1px solid #bb8a5a60;border-radius:10px;background:linear-gradient(135deg,#302b26,#242424)}
.mp-segment-example figcaption p{font-size:16px;line-height:1.85;color:#c9bbad;max-width:65em}
.mp-segment-flow{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;align-items:center;gap:10px;margin:28px 0}
.mp-segment-node{text-align:center;color:#b8c5d0;min-width:0}
.mp-segment-node svg{display:block;width:min(110px,100%);height:86px;margin:0 auto 12px}
.mp-segment-node strong{display:block;font-size:15px;color:#e7ddd3;line-height:1.6}
.mp-segment-rule{text-align:center;position:relative;min-width:0}
.mp-segment-rule>span{display:block;font:40px/1 ui-monospace,monospace;letter-spacing:.2em;border-top:2px dashed currentColor;padding-top:8px;opacity:.7}
.mp-segment-rule b{display:block;font-size:28px;line-height:1;margin:0 auto 8px}
.mp-segment-rule p{font-size:13px;line-height:1.6;margin:0}
.mp-segment-denied{color:#f0a299}.mp-segment-allowed{color:#a8cbaa}
.mp-segment-centre{padding:14px 18px;border:1px solid #ffffff20;border-radius:6px;text-align:center;font-size:15px;line-height:1.8;color:#e6bb97}
.mp-segment-example .mp-note{margin:16px 0 0;font-size:13px;line-height:1.9;color:#a99f95}
.mp-defence-comparison{border-top:1px solid #ffffff25}
.mp-defence-comparison .mp-section-head h2{font-size:clamp(29px,3.5vw,43px)!important}
.mp-comparison-caveat{font-size:15px;line-height:1.9;color:#b9afa5;max-width:78em;margin:24px 0!important}
.mp-defence-table{width:100%;border-collapse:collapse;margin:26px 0;font-size:15px;line-height:1.85;table-layout:fixed}
.mp-defence-table th,.mp-defence-table td{padding:20px 22px;border:1px solid #ffffff20;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.mp-defence-table thead th{background:#302922;font-weight:500;color:#f0c29d}
.mp-defence-table thead th:first-child{width:17%}
.mp-defence-table tbody th{background:#ffffff03;color:#e2d4c8;font-weight:500}
.mp-defence-table tbody td:nth-child(2){background:#a868250b;color:#d8c4b3}
.mp-defence-table tbody td:nth-child(3){color:#b9b3ad}
.mp-comparison-mobile-label{display:none}
.mp-contact-comparison{margin-top:24px}
@media(max-width:1000px){.mp-huorong-features{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .mp-huorong-head{flex-direction:column;align-items:flex-start;gap:22px}.mp-huorong-logo{flex-basis:auto;width:210px;padding:20px}
 .mp-huorong-features{grid-template-columns:minmax(0,1fr);gap:14px}.mp-huorong-features article{padding:22px}
 .mp-segment-example{padding:22px 18px}.mp-segment-flow{grid-template-columns:minmax(0,1fr);gap:18px}
 .mp-segment-rule>span{border:0;border-left:2px dashed currentColor;width:2px;height:20px;padding:0;font-size:0;margin:0 auto 10px}
 .mp-segment-rule p{font-size:14px}.mp-segment-node svg{height:68px;width:90px}
 .mp-defence-table,.mp-defence-table tbody,.mp-defence-table tr,.mp-defence-table th,.mp-defence-table td{display:block;width:100%}
 .mp-defence-table thead{display:none}.mp-defence-table tr{margin-bottom:20px;border:1px solid #ffffff24;border-radius:8px;overflow:hidden}
 .mp-defence-table th,.mp-defence-table td{border:0;padding:18px 20px;box-sizing:border-box}.mp-defence-table td+td{border-top:1px solid #ffffff20}
 .mp-defence-table tbody th{font-size:18px;background:#302922}.mp-comparison-mobile-label{display:block;font-size:12px;line-height:1.7;color:#d0a17d;margin:0 0 10px}
}

/* Industry pages show the complete scene and a clear next step in the first view. */
.mp-industries .mp-industry-scene > figure > img {
  aspect-ratio: auto;
  object-fit: contain;
}
.mp-industries .mp-industry-tabs a {
  min-height: 48px;
  align-items: center;
}
@media (min-width: 1001px) {
  .mp-industries .mp-industry-heroes .mp-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: 12px 40px;
    align-items: center;
    padding-block: 28px 26px;
  }
  .mp-industries .mp-industry-heroes > [hidden] {
    display: grid !important;
  }
  .mp-industries .mp-hero > .mp-label {
    grid-column: 1 / -1;
    margin: 0;
  }
  .mp-industries .mp-industry-heroes .mp-hero h1 {
    font-size: clamp(32px, 2.5vw, 44px);
    line-height: 1.3;
    margin: 0;
    max-width: 26ch;
    text-wrap: balance;
  }
  .mp-industries .mp-hero .mp-lead {
    margin: 0;
    max-width: 46em;
    font-size: 16px;
    line-height: 1.8;
  }
  .mp-industries .mp-industry-workspace {
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 24px;
    margin-bottom: 18px;
  }
  .mp-industries .mp-industry-tabs a {
    padding: 12px 16px;
    line-height: 1.6;
  }
  .mp-industries .mp-industry-scene > figure {
    display: grid;
    place-items: center;
    height: min(34vh, 360px);
    aspect-ratio: auto;
    background: #1e1e1d;
  }
  .mp-industries .mp-industry-scene > figure > img {
    width: 100%;
    height: 100%;
    object-position: center;
  }
  /* The wide office artwork and its SVG use the same contain geometry. */
  .mp-industries .mp-industry-scene > figure[data-office-scene] {
    aspect-ratio: auto !important;
  }
  .mp-industries .mp-industry-scene > figure[data-office-scene] > img {
    height: 100% !important;
    aspect-ratio: auto !important;
  }
  .mp-industries .mp-industry-scene .mp-scene-rack-label {
    top: 12px;
    right: 12px;
  }
  .mp-industries .mp-industry-copy {
    padding: 22px 26px 24px;
  }
  .mp-industries .mp-industry-copy > .mp-label {
    margin-bottom: 8px;
  }
  .mp-industries .mp-industry-copy h2 {
    font-size: clamp(23px, 1.8vw, 28px);
    line-height: 1.4;
    margin-bottom: 10px;
  }
  .mp-industries .mp-industry-copy > p {
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 14px;
  }
  .mp-industries .mp-industry-copy h3 {
    margin-top: 16px;
    font-size: 16px;
  }
  .mp-industries .mp-industry-copy ol {
    gap: 12px 22px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.7;
  }
  .mp-industries .mp-industry-copy .mp-actions {
    margin-top: 20px;
    gap: 10px 14px;
  }
}
@media (min-width: 1440px) {
  .mp-industries .mp-industry-scene {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    align-items: center;
  }
  .mp-industries .mp-industry-scenes > [hidden] {
    display: grid !important;
  }
  .mp-industries .mp-industry-copy {
    min-width: 0;
  }
  .mp-industries .mp-industry-copy ol {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
  }
}
@media (max-width: 1000px) {
  .mp-industries .mp-industry-scene > figure > img {
    height: auto;
  }
}