/* Shared brand identity across public and access pages. */
.mp-site .mp-security-partner { display:grid; grid-template-columns:320px minmax(0,1fr); gap:24px; align-items:start; padding:28px; }
.mp-site .mp-security-partner-identity { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:22px; }
.mp-site .mp-webray-logo, .mp-site .mp-huorong-logo { display:flex; align-items:center; justify-content:center; flex:none; width:min(260px, calc(100vw - 96px)); height:auto; min-height:0; aspect-ratio:65 / 28; max-width:100%; box-sizing:border-box; padding:20px; background:#fff; border-radius:4px; }
.mp-site .mp-security-partner-identity :is(.mp-webray-logo,.mp-huorong-logo) { margin:0; }
.mp-site .mp-security-partner-identity .mp-security-status { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.mp-site .mp-webray-logo img, .mp-site .mp-huorong-logo img { display:block; width:100%; height:100%; max-width:100%; max-height:none; object-fit:contain; }
.mp-site .mp-security-partner-copy { min-width:0; width:auto; }
@media (max-width:900px) {
  .mp-site .mp-security-partner { grid-template-columns:minmax(0,1fr); }
  .mp-site .mp-security-partner-identity, .mp-site .mp-security-partner-copy { width:100%; }
}
@media (max-width:600px) { .mp-site .mp-security-partner { padding:20px; } }
.mp-brand, .wordmark { display: inline-flex; align-items: center; flex: none; }
.mp-brand img, .wordmark img { display: block; width: 160px; height: auto; max-width: 100%; }
.mp-footer .mp-brand img { width: 200px; }
@media (max-width: 760px) {
  .mp-header .mp-brand img, .wordmark img { width: 160px; }
}
@media (max-width: 390px) {
  .mp-header .mp-brand img { width: 160px; }
}

/* News advice keeps its provenance separate from the shared brand identity. */
.mp-news-block.mp-advice-official { border-left-color:#a4b9c1; }
.mp-news-block.mp-advice-gdmme { border-left-color:#eea15b; background:rgba(238,161,91,.045); }
.mp-news-block .mp-advice-method { font-size:13px; line-height:1.7; color:#bcb2a6; }
.mp-news-block ol { margin:18px 0; padding-left:1.5em; }
.mp-news-block li { margin:0 0 13px; padding-left:.35em; line-height:1.85; overflow-wrap:anywhere; }
.mp-news-block .mp-note { font-size:13px; line-height:1.8; }
.mp-news-block .mp-text-link { display:inline-block; margin-top:6px; }
/* A full-width brand story sits above the two compact navigation groups. */
.mp-site > .mp-footer {
  --mp-footer-gap:clamp(28px,4vw,64px);
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.5fr);
  gap:32px var(--mp-footer-gap);
  align-items:start;
  padding-block:44px 32px;
  padding-inline:max(32px,calc((100% - 1280px)/2));
}
.mp-footer .mp-footer-brand {
  display:grid;
  grid-column:1 / -1;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.5fr);
  grid-template-areas:"art heading" "art copy" "art service" "domain note" "tagline contact";
  gap:12px var(--mp-footer-gap);
  width:100%;
  min-width:0;
  max-width:none;
  scroll-margin-top:110px;
}
/* This generic wrapper has no landmark or focus role; its children keep DOM order. */
.mp-footer .mp-footer-identity-art { display:contents; }
.mp-footer .mp-footer-identity-art > div { grid-area:heading; min-width:0; }
.mp-footer .mp-footer-identity-art .mp-footer-symbol {
  grid-area:art;
  align-self:center;
  justify-self:start;
  width:min(420px,100%);
  min-width:0;
  padding:0;
}
.mp-footer .mp-footer-identity-art .mp-footer-symbol img { display:block; width:100%; height:auto; aspect-ratio:152 / 73; }
.mp-footer .mp-footer-mission-label { display:block; color:#e9ae73; font-size:12px; font-weight:600; letter-spacing:.08em; }
.mp-footer .mp-footer-mission-title { margin:6px 0 0; color:#f5f0e9; font-size:clamp(21px,2vw,25px); font-weight:650; line-height:1.45; }
.mp-footer .mp-footer-mission-copy { grid-area:copy; margin:0; max-width:64ch; font-size:15px; line-height:1.85; color:#c8beb2; }
.mp-footer .mp-footer-service { grid-area:service; margin:0; font-size:14px; line-height:1.7; color:#b4a99b; }
.mp-footer .mp-footer-domain { grid-area:domain; justify-self:start; align-self:end; display:inline-block; margin:8px 0 0; color:#efcca0; font:600 clamp(21px,2vw,26px)/1.3 system-ui,sans-serif; letter-spacing:.09em; text-decoration:none; border:0; }
.mp-footer .mp-footer-brand-line { grid-area:tagline; margin:0; max-width:32em; color:#c2b7a6; font-size:13px; line-height:1.7; }
.mp-footer .mp-footer-brand > small { grid-area:note; display:block; align-self:end; margin-top:8px; max-width:64ch; font-size:12px; line-height:1.8; }
.mp-footer .mp-footer-domain:focus-visible { outline:2px solid #e4b67d; outline-offset:6px; }
.mp-footer .mp-contact-links.is-compact { grid-area:contact; justify-self:start; display:flex; flex-wrap:wrap; gap:12px; margin:0; max-width:100%; }
.mp-footer .mp-contact-links.is-compact > a { min-width:0; padding:9px 16px; min-height:44px; gap:10px; }
.mp-site > .mp-footer > .mp-footer-learning,
.mp-site > .mp-footer > .mp-footer-links { min-width:0; width:100%; border-top:1px solid #ffffff20; padding-top:22px; }
.mp-site > .mp-footer > .mp-footer-learning { grid-column:1; grid-row:2; gap:4px; font-size:14px; }
.mp-site .mp-footer-learning b { margin:0 0 8px; color:#e9ae73; font-size:13px; font-weight:600; }
.mp-site .mp-footer-learning a { display:flex; align-items:center; min-height:44px; padding:6px 0; line-height:1.5; }
.mp-site > .mp-footer > .mp-footer-links { grid-column:2; grid-row:2; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px 24px; font-size:14px; }
.mp-site .mp-footer-links > a { display:flex; align-items:center; min-height:44px; padding:6px 0; line-height:1.5; overflow-wrap:anywhere; }
.mp-site .mp-footer-links > span { margin-top:12px; padding-top:14px; border-top:1px solid #ffffff14; font-size:12px; }
@media (max-width:900px) {
  .mp-site > .mp-footer > .mp-footer-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .mp-site > .mp-footer { grid-template-columns:minmax(0,1fr); gap:26px; padding:32px 24px 24px; }
  .mp-footer .mp-footer-brand { display:flex; flex-direction:column; gap:0; }
  .mp-footer .mp-footer-identity-art { display:flex; flex-direction:column; align-items:flex-start; gap:14px; }
  .mp-footer .mp-footer-identity-art .mp-footer-symbol { width:min(340px,100%); align-self:flex-start; }
  .mp-footer .mp-footer-mission-title { font-size:21px; }
  .mp-footer .mp-footer-mission-copy { margin-top:14px; }
  .mp-footer .mp-footer-service { margin-top:12px; }
  .mp-footer .mp-footer-domain { margin-top:22px; align-self:flex-start; }
  .mp-footer .mp-footer-brand-line { margin-top:6px; }
  .mp-footer .mp-footer-brand > small { align-self:flex-start; margin-top:14px; }
  .mp-footer .mp-contact-links.is-compact { margin-top:16px; }
  .mp-site > .mp-footer > .mp-footer-learning,
  .mp-site > .mp-footer > .mp-footer-links { grid-column:1; grid-row:auto; padding-top:20px; }
}
/* Equipment choices lead into scope, pricing and an enquiry. */
.mp-home-diagram-link{margin:22px 0 0}
.mp-home-diagram-link a{display:inline-flex;align-items:center;min-height:44px;white-space:normal}
.mp-home-partner-links{border-top:1px solid #ffffff26;margin-top:30px;padding-top:24px}
.mp-home-partner-links>p{font-size:15px;color:#c8c2b9;margin:0 0 14px}
.mp-home-partner-links>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 32px}
.mp-home-partner-links a{display:flex;flex-direction:column;gap:6px;padding:12px 0;min-height:48px;text-decoration:none;scroll-margin-top:130px}
.mp-home-partner-links strong{font-size:17px;font-weight:600;color:#e4c698}
.mp-home-partner-links span{font-size:14px;color:#c8c2b9}
.mp-home-partner-links a:hover strong{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.mp-home-partner-links>div{grid-template-columns:1fr;gap:4px}.mp-home-partner-links a+a{border-top:1px solid #ffffff14}.mp-home-partner-links a{scroll-margin-top:20px}}
.eq-use-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #ffffff26;margin:26px 0}
.eq-use-cases article{padding:26px 28px 26px 0;min-width:0}
.eq-use-cases article+article{border-left:1px solid #ffffff26;padding-left:28px}
.eq-use-label{display:flex;gap:12px;align-items:center;color:#d5b98a;font-size:14px}
.eq-use-label b{font-family:monospace;font-weight:400}
.mp-site .eq-use-cases h3{font-size:22px;line-height:1.5;margin:16px 0 10px}
.eq-use-cases p{margin:0;color:#c8c2b9;line-height:1.8;font-size:16px}
.eq-scope-note{font-size:13px;line-height:1.8;color:#b6afa5;margin:18px 0 0}
.eq-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none;margin:0;padding:0}
.eq-steps li{display:flex;align-items:flex-start;gap:16px;border-top:1px solid #b5976b6b;padding-top:24px;min-width:0}
.eq-steps li>span{font-family:monospace;font-size:24px;color:#d5b98a;line-height:1.5}
.mp-site .eq-steps h3{font-size:20px;line-height:1.5;margin:0 0 10px}
.eq-steps p{color:#c8c2b9;font-size:15px;line-height:1.8;margin:0}
.eq-budget-details{margin-top:28px;border:1px solid #ffffff26;border-radius:8px;padding:0 24px}
.eq-budget-details>summary{padding:20px 0;cursor:pointer;color:#d5b98a;font-size:16px}
.eq-budget-details>.mp-button{margin-bottom:24px}
@media(max-width:760px){.eq-use-cases,.eq-steps ol{grid-template-columns:1fr}.eq-use-cases article,.eq-use-cases article+article{padding:20px 0;border-left:0}.eq-use-cases article+article{border-top:1px solid #ffffff1c}.eq-journey .mp-actions{align-items:stretch}.eq-journey .mp-button{width:100%;text-align:center;white-space:normal}.eq-steps ol{gap:22px}.eq-steps li{padding-top:20px}.eq-budget-details{padding:0 18px}.eq-budget-details>summary{min-height:48px}.mp-site .eq-use-cases h3{font-size:21px;margin-top:10px}}