/* Vendor assessment detail: four visible domain choices, one detailed panel. */
#assessment-domains .vendor-domain-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid #e2e8f0;
  margin-bottom: 40px;
}
#assessment-domains .vendor-domain-tab {
  appearance: none;
  min-width: 0;
  min-height: 76px;
  margin: 0 0 -1px;
  padding: 16px 10px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #475569;
  cursor: pointer;
  font: 600 16px/1.5 'DM Sans', system-ui, sans-serif;
  text-align: center;
}
#assessment-domains .vendor-domain-tab span {
  display: block;
  margin-bottom: 3px;
  font-size: 12px;
  font-weight: 400;
}
#assessment-domains .vendor-domain-tab[aria-selected='true'] { border-bottom-color: #0e7490; color: #0e7490; }
#assessment-domains .vendor-domain-tab:hover { background: #f0fdff; }
#assessment-domains .vendor-domain-tab:focus-visible { outline: 3px solid #4f46e5; outline-offset: -4px; border-radius: 4px; }
#assessment-domains .vendor-domain-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 54px;
  align-items: start;
}
#assessment-domains .vendor-domain-panel[hidden] { display: none; }
#assessment-domains .vendor-domain-intro { min-width: 0; }
#assessment-domains .vendor-domain-intro h3 { margin: 12px 0 17px; font: 700 clamp(28px, 3vw, 38px)/1.16 'Playfair Display', Georgia, serif; letter-spacing: -.02em; }
#assessment-domains .vendor-domain-intro p { margin: 0; color: #475569; font-size: 15px; line-height: 1.8; }
#assessment-domains .vendor-domain-intro h4 { margin: 26px 0 16px; font-size: 13px; line-height: 1.6; text-transform: uppercase; letter-spacing: .035em; }
#assessment-domains .vendor-domain-scenarios { margin: 0; padding: 0; list-style: none; display: grid; gap: 14px; }
#assessment-domains .vendor-domain-scenarios li { position: relative; padding-left: 25px; color: #0f172a; font-size: 14px; line-height: 1.65; }
#assessment-domains .vendor-domain-scenarios li::before { content: ''; position: absolute; left: 5px; top: .55em; width: 8px; height: 8px; border-radius: 50%; background: #0e7490; box-shadow: 0 0 0 5px #ecfeff; }
#assessment-domains .vendor-domain-evidence { min-width: 0; padding: 30px; border-radius: 16px; background: #0f172a; color: #fff; }
#assessment-domains .vendor-domain-evidence svg { color: #22d3ee; }
#assessment-domains .vendor-domain-evidence h4 { margin: 22px 0; font: 700 25px/1.22 'Playfair Display', Georgia, serif; }
#assessment-domains .vendor-domain-question { padding: 18px; border: 1px solid #334155; border-radius: 12px; background: #1e293b; }
#assessment-domains .vendor-domain-question span { display: block; margin-bottom: 9px; color: #cbd5e1; font-size: 13px; line-height: 1.6; }
#assessment-domains .vendor-domain-question p { margin: 0; font-size: 15px; font-weight: 600; line-height: 1.65; }
#assessment-domains .vendor-domain-impact { margin: 18px 0 0; padding: 18px; border: 1px solid #164e63; border-radius: 12px; background: #0b2132; color: #cffafe; font-size: 14px; line-height: 1.75; }
#assessment-domains .vendor-domain-impact strong { color: #67e8f9; }
@media (max-width: 767px) {
  #assessment-domains .vendor-domain-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 30px; }
  #assessment-domains .vendor-domain-tab { min-height: 76px; font-size: 14px; border-bottom-width: 3px; }
  #assessment-domains .vendor-domain-panel { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  #assessment-domains .vendor-domain-evidence { padding: 24px; }
}
@media (prefers-reduced-motion: reduce) { #assessment-domains * { scroll-behavior: auto; } }