/* UI-R2A: the approved Private software review Facts surface is authoritative.
   Existing semantic selectors share this component; primary cards/forms stay white. */
:root {
  --info-surface: #eef6f3;
  --info-border: #ccdcd8;
  --info-heading: #19383d;
  --info-text: #3f585b;
  --info-padding: 1rem;
  --info-radius: 8px;
  --info-hover: var(--raised);
}
:is(.csr-info-panel, .r2-facts-content, .csr-disclosure,
    .studio-intake-help, .studio-submission-help, .studio-review-feedback,
    .info-sidebar-card, .notes-block, .certification-summary-panel,
    .wizard-summary, [id="wizard-facts"], .create-question,
    .wizard-card:has(:where(section[aria-label="Grounded public research"])),
    .wizard-card:has(:where(div.build-card)), .wizard-card:has(> details > :where(pre)), .wizard-current > details:has(> :where(pre)), .build-panel[id="rea"],
    section[aria-label="Grounded public research"]) {
  background: var(--info-surface);
  border: 1px solid var(--info-border);
  border-radius: var(--info-radius);
  padding: var(--info-padding);
  color: var(--info-text);
  --text: var(--info-heading);
  --muted: var(--info-text);
  min-width: 0;
  overflow-wrap: anywhere;
  box-shadow: none;
}
:is(.csr-info-panel, .r2-facts-content, .csr-disclosure,
    .studio-intake-help, .studio-submission-help, .studio-review-feedback,
    .info-sidebar-card, .notes-block, .certification-summary-panel,
    .wizard-summary, [id="wizard-facts"], .create-question,
    .build-panel[id="rea"], section[aria-label="Grounded public research"])
    :where(p, li, dt, dd, small, pre) { color: var(--info-text); }
:is(.csr-info-panel, .r2-facts-content, .csr-disclosure,
    .studio-intake-help, .studio-submission-help, .studio-review-feedback,
    .info-sidebar-card, .notes-block, .certification-summary-panel,
    .wizard-summary, [id="wizard-facts"], .build-panel[id="rea"])
    :where(h2, h3, h4, strong, summary) { color: var(--info-heading); }
.csr-disclosure.csr-disclosure { padding: 0; }
#wizard-facts {
  background: var(--info-surface); border: 1px solid var(--info-border);
  padding: var(--info-padding); border-radius: var(--info-radius);
}
.csr-disclosure__trigger, .csr-disclosure__content { padding: var(--info-padding); }
.csr-disclosure__content { border-color: var(--info-border); }
:is(.studio-intake-help, .studio-submission-help) > summary { width: 100%; }
:is(.studio-intake-help, .studio-submission-help, .wizard-summary, .csr-info-panel) > summary {
  min-height: 44px;
  cursor: pointer;
  border-radius: var(--info-radius);
}
:is(.studio-intake-help, .studio-submission-help, .wizard-summary, .csr-info-panel) > summary:hover,
.csr-disclosure__trigger:hover { background: var(--info-hover); color: var(--info-heading); }
.studio :is(summary, a, button, input, select, textarea):focus-visible {
  outline: 3px solid var(--accent-strong); outline-offset: 4px;
}
/* A single colored surface per information group, including nested evidence. */
:is(.csr-info-panel, .csr-disclosure, .wizard-card, .build-panel[id="rea"])
    :is(.csr-info-panel, .r2-facts-content, .csr-disclosure, .build-card,
        section[aria-label="Grounded public research"]) {
  background: transparent; border: 0; border-radius: 0; padding: 0;
  box-shadow: none;
}
/* Native options need an explicit readable surface; semantic states are untouched. */
.studio .panel, .studio-card, .studio-intake-section,
.marketplace-card, .release-card { background: #fff; }
select option, select optgroup { background: #fff; color: var(--text); }
select option:checked { background: var(--info-surface); color: var(--info-heading); }
select option:disabled { color: var(--subtle); background: var(--surface); }
/* R3: visible editable boundaries need 3:1 against the white form surface.
   Reuse the existing contrast-aware secondary token; preserve disabled controls. */
body :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]), select, textarea):not(:disabled) {
  border-color: var(--subtle);
}