/* Edge Config Lab v0.9.46 — evidence-first research catalog.
 * Evidence categories do not grant ECU programming access. */
.catalog-explainer{display:flex;flex-direction:column;gap:7px;padding:15px 18px;margin:16px 0;background:color-mix(in srgb,var(--surface) 88%,#ffc05212);border-left:3px solid #dda95d}
.catalog-explainer strong{font-size:14px;color:var(--text)}
.catalog-explainer span{font-size:12px;line-height:1.65;color:var(--muted)}
.catalog-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.catalog-overview-card{display:flex;flex-direction:column;gap:6px;padding:15px 16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;min-width:0}
.catalog-overview-card>strong{font-size:30px;font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums}
.catalog-overview-card>span{font-size:13px;font-weight:850;color:var(--text)}
.catalog-overview-card>small{font-size:11px;line-height:1.55;color:var(--muted)}
.catalog-overview-verified>strong{color:#40c794}
.catalog-overview-research>strong{color:#f0af53}
.catalog-overview-restricted>strong{color:#e28484}
.catalog-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:13px 0 15px}
.catalog-tabs>.button{min-height:37px}
.catalog-tabs>.button[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}
.catalog-results{display:flex;flex-direction:column;gap:16px;min-width:0}
.catalog-group{border-radius:13px;border:1px solid var(--border);background:var(--elevated);overflow:hidden}
.catalog-group>summary{display:flex;gap:13px;flex-wrap:wrap;align-items:center;list-style:none;cursor:pointer;padding:15px 17px;background:var(--surface);min-height:56px}
.catalog-group>summary::-webkit-details-marker{display:none}
.catalog-group>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.catalog-group>summary>strong{font-size:12px;color:var(--text)}
.catalog-expand{margin-left:auto;color:var(--muted);font-size:11px}
.catalog-group-note{margin:13px 17px 14px!important;font-size:12px;color:var(--muted);line-height:1.65}
.catalog-group .features{padding:0 15px 17px}
.catalog-empty{padding:17px 20px 22px;color:var(--muted);line-height:1.6;font-size:12px}
.catalog-chip{display:inline-block;max-width:100%;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:850;letter-spacing:.015em;white-space:normal;border:1px solid transparent}
.catalog-chip-verified{color:#55dda5;background:color-mix(in srgb,#55dda5 10%,var(--surface));border-color:color-mix(in srgb,#55dda5 25%,var(--border))}
.catalog-chip-research{color:#edb65e;background:color-mix(in srgb,#edb65e 11%,var(--surface));border-color:color-mix(in srgb,#edb65e 24%,var(--border))}
.catalog-chip-restricted{color:#ed9b9b;background:color-mix(in srgb,#ed9b9b 10%,var(--surface));border-color:color-mix(in srgb,#ed9b9b 25%,var(--border))}
.catalog-card{min-width:0}
.catalog-card-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 2px}
.catalog-evidence{font-size:10px;color:var(--muted);font-weight:700}
.catalog-proximity{font-size:11px!important;color:var(--muted)!important;line-height:1.5!important}
.catalog-modal-tier{display:block;margin:14px 0;max-width:max-content}
@media(max-width:760px){.catalog-overview{grid-template-columns:1fr}.catalog-overview-card{padding:12px 14px}.catalog-overview-card>strong{font-size:24px}.catalog-tabs{gap:5px}.catalog-tabs .button{font-size:11px}.catalog-group .features{padding:0 9px 10px}.catalog-group>summary{padding:11px 12px}}
@media(prefers-reduced-motion:reduce){.catalog-group>summary,.catalog-tabs .button{transition:none!important}}

/* Longer customer-facing readiness headings should remain readable and
   wrap cleanly without pushing the dashboard or narrow phone screens wider. */
.catalog-overview-card>span{overflow-wrap:anywhere;line-height:1.4}
.catalog-tabs>.button{white-space:normal;text-align:center;line-height:1.35;max-width:100%}
@media(max-width:540px){
 .catalog-tabs>.button{flex:1 1 calc(50% - 7px);font-size:11px;padding:9px 8px}
}
