/*
 * RC4.8.3 Build 6.2.8.16.9.7.7.6.5.4.2.3.15.4.4.4.2
 * BMAP-06A.2 – Matches DICD Visual Final Calibration.
 * Presentation-only. Structural Golden boundary and native action semantics stay authoritative.
 */
#btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics {
  --btc-dicd-focus-ring: rgba(82,238,246,.92);
  --btc-dicd-copy: #f5f9ff;
  --btc-dicd-muted: #9eb3cf;
  --btc-dicd-panel: rgba(12,20,30,.985);
  --btc-dicd-panel-2: rgba(16,25,37,.985);
}

/* Compact orientation/context zone below the authoritative image master header. */
#btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-matches-hero {
  min-height: 0 !important;
  margin: 0 0 12px !important;
  border-radius: 14px !important;
  background:
    linear-gradient(90deg, rgba(0,216,232,.045), transparent 26%),
    linear-gradient(180deg, rgba(14,24,37,.985), rgba(10,17,27,.985)) !important;
  box-shadow: inset 3px 0 0 rgba(0,216,232,.72), 0 8px 22px rgba(0,0,0,.12) !important;
}
#btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-matches-hero__inner {
  display: grid !important;
  grid-template-columns: minmax(0,auto) minmax(280px,1fr);
  grid-template-areas:
    "eyebrow purpose"
    "title purpose";
  column-gap: 28px;
  row-gap: 2px;
  align-items: center;
  min-height: 0 !important;
  padding: 12px 18px 13px !important;
}
#btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-matches-hero__eyebrow { grid-area: eyebrow; margin: 0 !important; }
#btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-matches-hero__title {
  grid-area: title;
  margin: 0 !important;
  font-size: clamp(23px,2vw,31px) !important;
  line-height: 1.02 !important;
}
#btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-matches-hero__purpose {
  grid-area: purpose;
  margin: 0 !important;
  max-width: 620px !important;
  justify-self: end;
  font-size: 13px !important;
  line-height: 1.35 !important;
  color: var(--btc-dicd-muted) !important;
}

/* Final cognitive matrix rhythm. */
#btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-matches-golden-grid {
  gap: 12px !important;
}
#btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-fpm2-slot[data-btc-dicd-primary="true"] {
  min-height: 0 !important;
  border-radius: 14px !important;
  background:
    radial-gradient(520px 170px at 0 0, rgba(var(--dicd-accent),.055), transparent 62%),
    linear-gradient(180deg, var(--btc-dicd-panel-2), var(--btc-dicd-panel)) !important;
}
#btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-fpm2-slot[data-btc-dicd-role="ACT"] {
  background:
    radial-gradient(560px 180px at 0 0, rgba(0,216,232,.14), transparent 61%),
    linear-gradient(180deg, rgba(14,31,43,.995), rgba(10,20,29,.995)) !important;
  border-color: rgba(0,216,232,.36) !important;
  box-shadow: inset 4px 0 0 rgba(0,216,232,.98), 0 11px 28px rgba(0,0,0,.16) !important;
}
#btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-fpm2-slot[data-btc-dicd-role="REVIEW"] {
  --dicd-accent: 65,151,255;
  --dicd-accent-strength: .66;
}
#btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-fpm2-slot[data-btc-dicd-role="ANALYZE"] {
  --dicd-accent: 64,193,214;
  --dicd-accent-strength: .72;
}
#btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-fpm2-slot[data-btc-dicd-role="COMPETE"] {
  --dicd-accent: 54,205,196;
  --dicd-accent-strength: .78;
}

#btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-phase-a-capability {
  grid-template-columns: 72px minmax(0,1fr) auto !important;
  grid-template-areas: "identity copy action" !important;
  gap: 18px !important;
  min-height: 128px !important;
  padding: 18px 20px !important;
}
/* Number + icon share one cognitive identity column without changing source DOM order. */
#btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-phase-a-cap-number {
  grid-area: identity !important;
  align-self: start !important;
  justify-self: start;
  z-index: 2;
  margin: 4px 0 0 1px !important;
  color: #9ab1d0 !important;
  font-size: 11px !important;
}
#btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-phase-a-cap-icon {
  grid-area: identity !important;
  align-self: center !important;
  justify-self: start;
  width: 58px !important;
  height: 58px !important;
  margin-top: 13px;
  border-radius: 16px !important;
  background: linear-gradient(145deg, rgba(var(--dicd-accent),.15), rgba(var(--dicd-accent),.07)) !important;
  border-color: rgba(var(--dicd-accent),.36) !important;
  box-shadow: inset 0 0 20px rgba(var(--dicd-accent),.055), 0 7px 20px rgba(0,0,0,.12) !important;
}
#btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-phase-a-cap-copy {
  grid-area: copy !important;
  align-self: center;
}
#btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-phase-a-cap-eyebrow {
  margin-bottom: 6px !important;
  font-size: 10.5px !important;
  letter-spacing: .155em !important;
  opacity: .92 !important;
}
#btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-phase-a-cap-copy strong {
  color: var(--btc-dicd-copy) !important;
  font-size: clamp(19px,1.6vw,23px) !important;
  line-height: 1.08 !important;
}
#btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-phase-a-cap-subtitle {
  margin-top: 7px !important;
  color: var(--btc-dicd-muted) !important;
  font-size: 13.5px !important;
}

/* CTA hierarchy: ACT = primary; all other roles = explicit secondary action. */
#btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-phase-a-cap-arrow {
  grid-area: action !important;
  align-self: center !important;
  min-width: 142px !important;
  min-height: 42px !important;
  padding: 0 14px !important;
  border-radius: 11px !important;
  font-size: 15px !important;
  background: rgba(var(--dicd-accent),.075) !important;
  border-color: rgba(var(--dicd-accent),.38) !important;
}
#btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-phase-a-cap-arrow::before {
  font-size: 12px !important;
  font-weight: 780 !important;
}
#btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-fpm2-slot[data-btc-dicd-role="ACT"] .btc-phase-a-cap-arrow {
  color: #041518 !important;
  background: #12d7e4 !important;
  border-color: #12d7e4 !important;
  box-shadow: 0 7px 22px rgba(0,216,232,.16) !important;
}
#btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-phase-a-capability:hover {
  text-decoration: none !important;
}
#btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-phase-a-capability:hover .btc-phase-a-cap-arrow {
  transform: translateX(2px);
  background: rgba(var(--dicd-accent),.145) !important;
  border-color: rgba(var(--dicd-accent),.62) !important;
}
#btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-fpm2-slot[data-btc-dicd-role="ACT"] .btc-phase-a-capability:hover .btc-phase-a-cap-arrow {
  color: #021214 !important;
  background: #53edf5 !important;
  border-color: #53edf5 !important;
}
#btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-phase-a-capability:focus-visible {
  outline: 2px solid var(--btc-dicd-focus-ring) !important;
  outline-offset: -3px !important;
  box-shadow: inset 0 0 0 1px rgba(var(--dicd-accent),.2) !important;
}

@media (max-width: 980px) {
  #btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-matches-hero__inner {
    grid-template-columns: 1fr;
    grid-template-areas: "eyebrow" "title" "purpose";
    row-gap: 4px;
  }
  #btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-matches-hero__purpose { justify-self: start; }
  #btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-phase-a-capability {
    grid-template-columns: 66px minmax(0,1fr) auto !important;
  }
  #btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-phase-a-cap-arrow { min-width: 122px !important; }
}
@media (max-width: 640px) {
  #btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-matches-hero__inner { padding: 11px 14px 12px !important; }
  #btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-phase-a-capability {
    grid-template-columns: 58px minmax(0,1fr) !important;
    grid-template-areas: "identity copy" "action action" !important;
    min-height: 0 !important;
    padding: 16px !important;
  }
  #btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-phase-a-cap-icon {
    width: 50px !important;
    height: 50px !important;
  }
  #btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-phase-a-cap-arrow {
    justify-self: start;
    min-width: 0 !important;
    margin-top: 4px;
  }
}
@media (prefers-reduced-motion: reduce) {
  #btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-phase-a-capability,
  #btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-phase-a-cap-arrow,
  #btc-matches-phase-c-golden-screen.btc-matches-dicd-visual-semantics .btc-phase-a-cap-icon { transition: none !important; }
}