/* ec.css -- the engine-code lookup.
   Builds on fault.css (.fc-tool, .fc-search, .fc-hint, .fc-count, .fc-table, .fc-note)
   and only adds the result-row layout, which carries three fields rather than two:
   the code, what the engine is, and which cars it went in. */

.ec-sub{display:block;font-size:1.05rem;font-weight:500;color:var(--faint,#9fb3c8);
  margin-top:.35rem;font-family:Inter,system-ui,sans-serif}

.ec-results{list-style:none;padding:0;margin:1.1rem 0 0}
.ec-results li{border:1px solid rgba(255,255,255,.09);border-left:3px solid #4aa3ff;
  border-radius:10px;margin-bottom:.6rem;background:rgba(255,255,255,.025)}
.ec-results a{display:block;padding:.8rem 1rem;text-decoration:none;color:inherit}
.ec-results a:hover{color:#4aa3ff}

.ec-code{font-family:"JetBrains Mono",ui-monospace,monospace;font-weight:700;
  font-size:1.05rem;color:#4aa3ff;margin-right:.7rem}
.ec-d{font-weight:600}
/* The car list is the reason this tool exists - 97 of the codes appear in more than one
   model - so it gets its own line rather than being crammed onto the end. */
.ec-m{display:block;margin-top:.3rem;color:var(--faint,#9fb3c8);font-size:.9rem;
  line-height:1.45}

@media (max-width:560px){
  .ec-code{font-size:.98rem;margin-right:.5rem}
  .ec-m{font-size:.86rem}
}