/* Product and project evidence inside the approved visual world. */
#mp-site.hp-home-preview .hp-container {width: min(1200px, calc(100% - 96px)); margin-inline: auto}
#mp-site.hp-home-preview .hp-section-head {display: flex; align-items: end; justify-content: space-between; gap: 48px; margin-bottom: 28px}
#mp-site.hp-home-preview .hp-section-head h2,
#mp-site.hp-home-preview .hp-data-intro h2,
#mp-site.hp-home-preview .hp-enquiry-inner h2 {font-size: clamp(34px, 3.5vw, 50px) !important; line-height: 1.1 !important; letter-spacing: -.03em !important; font-weight: 500 !important; margin: 0; text-wrap: balance}
#mp-site.hp-home-preview .hp-section-head > p {max-width: 38ch; color: var(--hp-muted); font-size: 17px; line-height: 1.65; margin: 0 0 3px}
#mp-site.hp-home-preview .hp-text-link {display: inline-flex; align-items: center; min-height: 44px; color: var(--hp-accent); font-weight: 500; text-decoration: underline; text-underline-offset: .22em}
#mp-site.hp-home-preview .hp-text-link:hover {color: #0d465a; text-decoration-thickness: 2px}
#mp-site.hp-home-preview .hp-project-section {overflow-anchor: none; padding: 64px 0 56px; background: #fff}
#mp-site.hp-home-preview .hp-project-tabs {display: flex; gap: 32px; border-bottom: 1px solid var(--hp-line); margin-bottom: 28px}
#mp-site.hp-home-preview .hp-project-tabs button {min-height: 52px; padding: 12px 0; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: var(--hp-muted); font: 500 16px/1.4 Inter, sans-serif; cursor: pointer; margin-bottom: -1px}
#mp-site.hp-home-preview .hp-project-tabs button[aria-selected=true] {color: var(--hp-ink); border-bottom-color: var(--hp-ink)}
#mp-site.hp-home-preview .hp-project-tabs button:hover {color: var(--hp-accent)}
#mp-site.hp-home-preview .hp-project-panel {display: grid; grid-template-columns: 1.45fr 1fr; gap: 44px; align-items: start}
#mp-site.hp-home-preview .hp-project-panel[hidden] {display: none}
#mp-site.hp-home-preview .hp-project-media {margin: 0; min-width: 0}
#mp-site.hp-home-preview .hp-project-media > a {display: block; background: var(--hp-paper)}
#mp-site.hp-home-preview .hp-project-media img {display: block; width: 100%; height: auto; border-radius: 0 !important}
#mp-site.hp-home-preview .hp-project-media figcaption {margin-top: 14px; font-size: 14px; line-height: 1.65; color: var(--hp-muted); max-width: 70ch}
#mp-site.hp-home-preview .hp-project-media figcaption a {display: inline-block; color: var(--hp-accent); text-decoration: underline}
#mp-site.hp-home-preview .hp-project-copy h3 {margin: 0 0 12px; font-size: 27px !important; line-height: 1.2; letter-spacing: -.02em}
#mp-site.hp-home-preview .hp-project-meta {margin: 0 0 22px; color: var(--hp-muted); font-size: 14px; line-height: 1.5}
#mp-site.hp-home-preview .hp-project-facts {display: grid; gap: 18px; margin: 0 0 14px}
#mp-site.hp-home-preview .hp-project-facts div {display: block}
#mp-site.hp-home-preview .hp-project-facts dt {font-size: 15px; font-weight: 600; line-height: 1.5; color: var(--hp-ink); margin: 0 0 3px}
#mp-site.hp-home-preview .hp-project-facts dd {margin: 0; font-size: 16px; line-height: 1.6; color: var(--hp-muted); max-width: 50ch}
#mp-site.hp-home-preview .hp-project-scope {font-size: 14px; line-height: 1.6; color: var(--hp-muted); margin: 18px 0 8px; max-width: 60ch}
#mp-site.hp-home-preview .hp-record-media > a {display: flex; justify-content: center; align-items: start; min-height: 400px; padding: 20px}
#mp-site.hp-home-preview .hp-record-media img {width: auto; height: 400px; max-width: 100%; object-fit: contain}
#mp-site.hp-home-preview .hp-selection-section {background: var(--hp-paper); padding: 56px 0 48px}
#mp-site.hp-home-preview .hp-node-pair {display: grid; grid-template-columns: 1fr 1fr; gap: 40px}
#mp-site.hp-home-preview .hp-node {min-width: 0}
#mp-site.hp-home-preview .hp-node-image {display: flex; align-items: center; justify-content: center; height: 210px; padding: 8px 24px}
#mp-site.hp-home-preview .hp-node-image img {display: block; width: 100%; height: 100%; object-fit: contain; border-radius: 0 !important}
#mp-site.hp-home-preview .hp-node-heading {padding: 12px 0 24px}
#mp-site.hp-home-preview .hp-node-heading h3 {font-size: 30px !important; line-height: 1.15; letter-spacing: -.02em; margin: 0 0 9px}
#mp-site.hp-home-preview .hp-node-heading h3 a {color: var(--hp-ink); text-decoration: none}
#mp-site.hp-home-preview .hp-node-heading h3 a:hover {color: var(--hp-accent)}
#mp-site.hp-home-preview .hp-node-heading p {font-size: 16px; line-height: 1.6; color: var(--hp-muted); margin: 0; max-width: 40ch}
#mp-site.hp-home-preview .hp-quick-compare {width: 100%; table-layout: fixed; border-collapse: collapse; margin: 0; font-size: 17px}
#mp-site.hp-home-preview .hp-quick-compare caption {text-align: left; font-size: 15px; color: var(--hp-muted); line-height: 1.5; padding: 0 0 10px}
#mp-site.hp-home-preview .hp-quick-compare :is(th, td) {text-align: left; padding: 14px 0; vertical-align: top; border: 0; border-top: 1px solid #c4d0d3; color: var(--hp-ink); font-weight: 400; line-height: 1.5}
#mp-site.hp-home-preview .hp-quick-compare thead th {font-size: 15px; font-weight: 500; padding-bottom: 12px; border-top: 0}
#mp-site.hp-home-preview .hp-quick-compare th:first-child {width: 27%; color: var(--hp-muted)}
#mp-site.hp-home-preview .hp-quick-compare small {display: block; margin-top: 3px; font-size: 14px; color: var(--hp-muted)}
#mp-site.hp-home-preview .hp-compare-next {display: flex; justify-content: space-between; align-items: start; gap: 32px; margin-top: 14px}
#mp-site.hp-home-preview .hp-compare-next p {max-width: 52ch; font-size: 14px; line-height: 1.6; color: var(--hp-muted); margin: 11px 0 0}
#mp-site.hp-home-preview .hp-warning-row {display: grid; grid-template-columns: 180px 1fr; gap: 32px; align-items: center; margin-top: 32px; padding-top: 28px; border-top: 1px solid #c4d0d3}
#mp-site.hp-home-preview .hp-warning-image {height: 156px; display: block}
#mp-site.hp-home-preview .hp-warning-image img {display: block; width: 100%; height: 100%; object-fit: contain; border-radius: 0 !important}
#mp-site.hp-home-preview .hp-warning-row h3 {font-size: 26px !important; line-height: 1.2; letter-spacing: -.02em; margin: 0 0 10px}
#mp-site.hp-home-preview .hp-warning-row p {font-size: 16px; line-height: 1.6; max-width: 65ch; color: var(--hp-muted); margin: 0 0 2px}
#mp-site.hp-home-preview .hp-data-section {display: grid; grid-template-columns: 1fr 1fr; gap: 80px; padding-block: 56px}
#mp-site.hp-home-preview .hp-data-intro p {font-size: 17px; line-height: 1.65; color: var(--hp-muted); max-width: 38ch; margin: 20px 0 12px}
#mp-site.hp-home-preview .hp-data-routes {display: grid; gap: 24px}
#mp-site.hp-home-preview .hp-data-routes h3 {font-size: 22px !important; line-height: 1.2; margin: 0 0 8px; letter-spacing: -.015em}
#mp-site.hp-home-preview .hp-data-routes p {font-size: 16px; line-height: 1.6; margin: 0; max-width: 50ch; color: var(--hp-muted)}
#mp-site.hp-home-preview .hp-enquiry-section {background: #eaf2f4; padding: 40px 0 44px}
#mp-site.hp-home-preview .hp-enquiry-inner {display: flex; align-items: center; justify-content: space-between; gap: 48px}
#mp-site.hp-home-preview .hp-enquiry-inner h2 {font-size: clamp(30px, 3vw, 42px) !important}
#mp-site.hp-home-preview .hp-enquiry-inner p {font-size: 16px; line-height: 1.65; max-width: 60ch; color: var(--hp-muted); margin: 16px 0 0}
#mp-site.hp-home-preview .hp-action {display: inline-flex; justify-content: center; align-items: center; flex-shrink: 0; min-height: 48px; padding: 12px 24px; border-radius: 3px; background: #20292d; color: #fff; font-weight: 500; font-size: 16px; text-decoration: none}
#mp-site.hp-home-preview .hp-action:hover {background: #174b61}
/* Native system labels are readable without changing the approved image assets. */
#mp-site.hp-home-preview #home-capabilities .nh-art-role {font-size: 20px}
#mp-site.hp-home-preview #home-capabilities .nh-art-caption {font-size: 14px; line-height: 1.4}
#mp-site.hp-home-preview #home-capabilities .nh-art-description {font-size: 12px; line-height: 1.5}
#mp-site.hp-home-preview #home-capabilities .nh-art-pair img {width: 28%}
@media (min-width: 750px) and (max-width: 1050px) {
  #mp-site.hp-home-preview .hp-container {width: calc(100% - 64px)}
  #mp-site.hp-home-preview .hp-project-panel {gap: 28px; grid-template-columns: 1.15fr 1fr}
  #mp-site.hp-home-preview .hp-data-section {gap: 40px}
  #mp-site.hp-home-preview .hp-section-head {gap: 32px}
}
@media (max-width: 749px) {
  #mp-site.hp-home-preview .hp-container {width: calc(100% - 40px)}
  #mp-site.hp-home-preview .hp-section-head {display: block; margin-bottom: 22px}
  #mp-site.hp-home-preview .hp-section-head h2,
  #mp-site.hp-home-preview .hp-data-intro h2 {font-size: 34px !important; line-height: 1.12 !important; max-width: 20ch}
  #mp-site.hp-home-preview .hp-section-head h2 br,
  #mp-site.hp-home-preview .hp-data-intro h2 br {display: none}
  #mp-site.hp-home-preview .hp-section-head > p {font-size: 16px; margin-top: 14px; max-width: 45ch}
  #mp-site.hp-home-preview .hp-project-section {padding-block: 40px}
  #mp-site.hp-home-preview .hp-project-tabs {gap: 24px; margin-bottom: 22px}
  #mp-site.hp-home-preview .hp-project-tabs button {font-size: 14px; min-height: 50px; text-align: left}
  #mp-site.hp-home-preview .hp-project-panel {grid-template-columns: 1fr; gap: 22px}
  #mp-site.hp-home-preview .hp-project-copy h3 {font-size: 25px !important}
  #mp-site.hp-home-preview .hp-project-meta {margin-bottom: 18px}
  #mp-site.hp-home-preview .hp-project-facts {gap: 14px}
  #mp-site.hp-home-preview .hp-record-media > a {min-height: 0; padding: 16px}
  #mp-site.hp-home-preview .hp-record-media img {height: 370px}
  #mp-site.hp-home-preview .hp-selection-section {padding-block: 40px 32px}
  #mp-site.hp-home-preview .hp-node-pair {gap: 20px}
  #mp-site.hp-home-preview .hp-node-image {height: 150px; padding: 4px 0}
  #mp-site.hp-home-preview .hp-node-heading {padding: 12px 0 20px}
  #mp-site.hp-home-preview .hp-node-heading h3 {font-size: 27px !important}
  #mp-site.hp-home-preview .hp-node-heading p {font-size: 14px}
  #mp-site.hp-home-preview .hp-quick-compare {font-size: 15px}
  #mp-site.hp-home-preview .hp-quick-compare th:first-child {width: 31%}
  #mp-site.hp-home-preview .hp-quick-compare :is(th,td) {padding: 12px 8px 12px 0}
  #mp-site.hp-home-preview .hp-quick-compare small {font-size: 13px}
  #mp-site.hp-home-preview .hp-compare-next {display: block; margin-top: 10px}
  #mp-site.hp-home-preview .hp-compare-next p {margin-top: 4px; font-size: 13px}
  #mp-site.hp-home-preview .hp-warning-row {grid-template-columns: 1fr; gap: 18px; margin-top: 24px; padding-top: 24px}
  #mp-site.hp-home-preview .hp-warning-image {height: 180px; width: 100%}
  #mp-site.hp-home-preview .hp-warning-row h3 {font-size: 22px !important}
  #mp-site.hp-home-preview .hp-warning-row p {font-size: 14px}
  #mp-site.hp-home-preview .hp-data-section {grid-template-columns: 1fr; gap: 28px; padding-block: 40px}
  #mp-site.hp-home-preview .hp-data-intro p {font-size: 16px; margin-block: 16px 6px}
  #mp-site.hp-home-preview .hp-data-routes {gap: 22px}
  #mp-site.hp-home-preview .hp-enquiry-section {padding-block: 32px}
  #mp-site.hp-home-preview .hp-enquiry-inner {display: block}
  #mp-site.hp-home-preview .hp-enquiry-inner h2 {font-size: 30px !important}
  #mp-site.hp-home-preview .hp-enquiry-inner p {margin-top: 14px}
  #mp-site.hp-home-preview .hp-action {margin-top: 22px}
  #mp-site.hp-home-preview #home-capabilities .nh-system-artwork {aspect-ratio: auto; height: 374px}
  #mp-site.hp-home-preview #home-capabilities .nh-art-role {font-size: 17px}
  #mp-site.hp-home-preview #home-capabilities .nh-art-caption {font-size: 14px}
  #mp-site.hp-home-preview #home-capabilities .nh-art-description {display: none}
  #mp-site.hp-home-preview #home-capabilities .nh-art-monitor {top: 4%}
  #mp-site.hp-home-preview #home-capabilities .nh-art-pair {top: 12%; height: 24%}
  #mp-site.hp-home-preview #home-capabilities .nh-art-pair img {width: 34%}
  #mp-site.hp-home-preview #home-capabilities .nh-art-monitor-caption {top: 37%}
  #mp-site.hp-home-preview #home-capabilities .nh-art-warning,
  #mp-site.hp-home-preview #home-capabilities .nh-art-platform {top: 51%}
  #mp-site.hp-home-preview #home-capabilities .nh-art-warning-device {top: 59%; height: 28%}
  #mp-site.hp-home-preview #home-capabilities .nh-art-platform-map {top: 63%; height: 24%}
  #mp-site.hp-home-preview #home-capabilities .nh-art-warning-caption,
  #mp-site.hp-home-preview #home-capabilities .nh-art-platform-caption {top: 90%}
}