/* Approved #8 palette, shared by the demo and public healthcare examples. */
:root {
  --choice-green-fill: #e1f5e6;
  --choice-green-ink: #116a29;
  --choice-green-border: #188b37;
  --choice-red-fill: #ffe5e7;
  --choice-red-ink: #bb1626;
  --choice-red-border: #cf2437;
  --choice-yellow-fill: #fff4cf;
  --choice-yellow-ink: #956000;
  --choice-yellow-border: #ac7400;
}
.identity-choices { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.identity-choices .choice-same { --choice-fill: var(--choice-red-fill); --choice-ink: var(--choice-red-ink); --choice-border: var(--choice-red-border); }
.identity-choices .choice-different { --choice-fill: var(--choice-green-fill); --choice-ink: var(--choice-green-ink); --choice-border: var(--choice-green-border); }
.identity-choices .choice-unsure { --choice-fill: var(--choice-yellow-fill); --choice-ink: var(--choice-yellow-ink); --choice-border: var(--choice-yellow-border); }
.identity-choices .identity-choice,
.healthcare #report-dialog .identity-choice {
  position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 9px; min-width: 0; min-height: 106px; width: 100%; height: auto; padding: 15px 7px;
  margin: 0; border: 2px solid var(--choice-border); border-radius: 11px; background: var(--choice-fill);
  color: #102449; font-family: inherit; font-size: 12px; font-weight: 650; line-height: 1.35;
  text-align: center; cursor: pointer; box-shadow: none; outline: none;
}
.identity-choices .identity-choice:hover { border-color: var(--choice-border); }
.identity-choices .identity-choice[aria-pressed=true],
.healthcare #report-dialog .identity-choice[aria-pressed=true] { border-color: var(--choice-border); box-shadow: 0 0 0 1px var(--choice-border); outline: none; }
.identity-choices .identity-choice:focus-visible,
.healthcare #report-dialog .identity-choice:focus-visible { outline: 3px solid #075eff; outline-offset: 3px; }
.identity-choices .choice-icon { display: block; width: 40px; height: 40px; flex: 0 0 40px; fill: currentColor; color: var(--choice-ink); }
.identity-choices .choice-indicator { display: none; position: absolute; top: 8px; right: 8px; width: 14px; height: 14px; border: 1.5px solid #64748b; border-radius: 50%; background: #ffffff80; }
.identity-choices [aria-pressed=true] .choice-indicator { border-color: var(--choice-border); background: var(--choice-border); box-shadow: inset 0 0 0 2px #fff; }
.identity-choices .choice-label { min-height: 1.35em; white-space: nowrap; display: flex; align-items: center; justify-content: center; }
.healthcare .health-explain .explain-decisions.identity-choices { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; }
.healthcare .explain-decisions.identity-choices .identity-choice { min-height: 87px; padding: 18px 3px 8px; gap: 6px; font-size: 10px; border-radius: 9px; }
.healthcare .explain-decisions.identity-choices .choice-icon { width: 22px; height: 22px; flex-basis: 22px; }
.healthcare .explain-decisions.identity-choices .choice-indicator { width: 11px; height: 11px; top: 5px; right: 5px; }
.healthcare #report-dialog .actions.identity-choices { display: grid; margin-top: 20px; }
@media(max-width:650px) {
  .identity-choices { gap: 7px; }
  .identity-choices .identity-choice, .healthcare #report-dialog .identity-choice { min-height: 96px; font-size: 11px; padding-inline: 5px; }
}

/* Approved cards share the same geometry and colors in public samples and the demo. */
.identity-choices .identity-choice:hover{filter:none;transform:none;background:color-mix(in srgb,var(--choice-fill) 96%,var(--choice-ink) 4%);border-color:var(--choice-border);box-shadow:none}
.identity-choices .identity-choice{box-sizing:border-box}
.identity-choices .identity-choice:focus-visible{outline:2px solid #8795a7;outline-offset:3px}