/*! NBC v7.073 · Subject-specific hero evidence, shared visual vocabulary. */
@layer nbc-hero-visual-clarity {
  .hv-signal {
    align-self:center;min-width:0;max-width:100%;padding:clamp(1.25rem,3vw,3rem) 0;
    border:0;background:transparent;box-shadow:none;color:#edf2eb;
  }
  .hv-signal .hv-label {color:#9fb8a7;font:500 .75rem/1.5 var(--mono,monospace);letter-spacing:.09em;margin:0 0 2rem;}
  .hv-promise {display:flex;align-items:baseline;gap:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #b9d5c32b;}
  .hv-promise>span {font-size:1rem;color:#bccbbf;}
  .hv-promise>strong {font-size:clamp(2.5rem,4.5vw,4.5rem);font-weight:600;letter-spacing:-.035em;line-height:1.1;}
  .hv-route {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:2rem 0;}
  .hv-route>div {position:relative;padding-top:1.25rem;min-width:0;border-top:1px solid #d7aa6266;}
  .hv-route i {position:absolute;top:-4px;width:7px;height:7px;border-radius:50%;background:#d7aa62;}
  .hv-route span {display:block;font-size:.875rem;color:#bccbbf;margin-bottom:.5rem;}
  .hv-route strong {display:block;font-size:1rem;font-weight:550;line-height:1.4;color:#edf2eb;}
  .hv-conclusion {margin:2rem 0 1rem;font-size:clamp(1.375rem,2.2vw,2rem);line-height:1.25;letter-spacing:-.025em;color:#edf2eb;}
  .hv-signal>small {display:block;color:#a5b7aa;font-size:.75rem;line-height:1.5;max-width:65ch;}
  .hv-capacity-rows {display:grid;gap:1.25rem;margin:2rem 0;}
  .hv-capacity-rows>div {display:grid;grid-template-columns:7rem minmax(0,1fr) 4.5rem;gap:1rem;align-items:center;}
  .hv-capacity-rows span {font-size:.875rem;color:#bccbbf;}
  .hv-capacity-rows strong {font-size:.875rem;font-weight:500;color:#d7aa62;}
  .hv-capacity-rows .hv-covered strong {color:#9ad9aa;}
  .hv-bar {height:8px;background:#b4c9ba1a;position:relative;border-right:1px solid #a8b8ad;}
  .hv-bar i {display:block;width:var(--hv-supply);height:100%;background:#d7aa62;}
  .hv-covered .hv-bar i {background:#9ad9aa;}
  .hv-knowledge>a {display:block;position:relative;padding:1.5rem 0;border-top:1px solid #b9d5c32b;text-decoration:none;color:#edf2eb;}
  .hv-knowledge>a>span {display:block;font:500 .75rem/1.5 var(--mono,monospace);letter-spacing:.07em;color:#9ad9aa;}
  .hv-knowledge>a>strong {display:block;margin:.6rem 0;font-size:clamp(1.25rem,2vw,1.875rem);line-height:1.2;font-weight:550;letter-spacing:-.025em;}
  .hv-knowledge>a>small {font-size:.875rem;line-height:1.5;color:#bccbbf;}
  .hv-knowledge b {margin-left:.5rem;color:#9ad9aa;}
  .hv-knowledge>a:hover>strong {color:#9ad9aa;}
  .hv-knowledge>a:focus-visible {outline:2px solid #9ad9aa;outline-offset:5px;}
  /* ERP: a business case passes through the installed core; alternatives go around it. */
  [data-service-crosssection="erp"] .sh-system-core {
    position:absolute;left:20%;width:34%;top:34%;height:32%;
    border-block:1px solid #9ad9aa70;border-inline:1px solid #9ad9aa30;
    background:linear-gradient(100deg,#9ad9aa08,#9ad9aa14,transparent);
  }
  .sh-system-core>span {position:absolute;left:0;bottom:calc(100% + .5rem);font:.6875rem/1.4 var(--mono,monospace);color:#9ad9aa;letter-spacing:.025em;white-space:nowrap;}
  .hv-core-nodes rect {fill:#0b1710;stroke:#9ad9aa;stroke-width:1;vector-effect:non-scaling-stroke;}
  #sh-erp-0 {stroke:#d7aa62!important;}
  #sh-erp-1 {stroke:#9ad9aa!important;}
  [data-sh-path="sh-erp-0"] {fill:#d7aa62!important;}
  [data-sh-path="sh-erp-1"] {fill:#9ad9aa!important;}
  [data-service-crosssection="erp"] .sh-outcome--one {color:#dfbd88!important;}
  [data-service-crosssection="erp"] .sh-outcome--two {color:#bceac7!important;}
  /* Diagnosis: contextual signals join the live trace. Labels remain readable HTML. */
  .dt-trace {background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding-inline:0!important;}
  .dt-trace__svg {display:block!important;width:100%!important;height:auto!important;min-height:0!important;margin:1rem 0 0!important;}
  .hv-diagnostic-context {fill:none;stroke:#9ad9aa35;stroke-width:1.5;stroke-dasharray:3 7;vector-effect:non-scaling-stroke;}
  .hv-diagnostic-labels {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0 0 1.5rem;}
  .hv-diagnostic-labels>div {min-width:0;padding-top:.75rem;border-top:1px solid #9ad9aa35;}
  .hv-diagnostic-labels span {display:block;font-size:.75rem;line-height:1.5;color:#a5b7aa;}
  .hv-diagnostic-labels strong {display:block;font-size:.9375rem;line-height:1.4;margin-top:.5rem;color:#edf2eb;overflow-wrap:anywhere;}
  @media(max-width:760px) {
    .hv-signal {padding-block:1.5rem;}
    .hv-route {gap:.75rem;}
    .hv-route strong {font-size:.9375rem;}
    .hv-capacity-rows>div {grid-template-columns:6rem minmax(0,1fr) 4rem;gap:.5rem;}
    .hv-diagnostic-labels {grid-template-columns:repeat(2,minmax(0,1fr));}
  }
}
