.suitability-profile fieldset{border:1px solid #dce6d2;border-radius:14px;padding:1rem}.suitability-profile legend{font-weight:800;padding:0 .35rem}.suitability-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem 1rem;margin-top:.75rem}.suitability-options label{align-items:flex-start;display:flex;gap:.5rem;line-height:1.4}.suitability-clear-form{border-top:1px solid #e7dfd4;margin-top:1.25rem;padding-top:1.25rem}.product-suitability{border-top:4px solid var(--color-calendula,#d6a437)}.product-suitability__notice,.product-suitability__unknown{background:var(--color-warning-soft);border-left:4px solid var(--color-warning);padding:1rem}.product-suitability__findings{display:grid;gap:.65rem;padding-left:1.4rem}
/* Severity is distinguished by color AND an icon/text marker (data-severity
   attribute selectors below), never by color alone -- see engineering
   contract WCAG non-color-state requirement. Three tiers were previously
   collapsed onto one hardcoded #7c241d for all severities; Critical now
   reads as danger (red), Strong Caution as warning (amber), Cross-Contact
   as caution (olive) so a user scanning findings can triage at a glance. */
.product-suitability__findings li[data-severity="CriticalSafetyAlert"]{color:var(--color-danger);font-weight:700}
.product-suitability__findings li[data-severity="StrongCaution"]{color:var(--color-warning);font-weight:700}
.product-suitability__findings li[data-severity="CrossContactCaution"]{color:var(--color-caution)}
.product-suitability details{margin-top:1rem}.product-suitability summary{cursor:pointer;font-weight:700;min-height:44px;padding:.6rem 0}@media(max-width:700px){.suitability-options{grid-template-columns:1fr 1fr}}@media(max-width:480px){.suitability-options{grid-template-columns:1fr}}