/* 11-14 growth plan 2A-x: model x engine code pages, /check-engine-light/<code>/<model>/ (code_model_pages.py). Prefix cmx-. Uses rcp.css lists too. */
.cmx-yr li { grid-template-columns: 52px minmax(0, 1fr) 44px; }
.cmx-mi p { margin: 6px 0 12px; font-size: 15.5px; line-height: 1.5; }
.cmx-mi p b { font-size: 22px; font-variant-numeric: tabular-nums; }
.cmx-track { position: relative; display: block; height: 12px; border-radius: 6px; background: #f0f0f2; margin: 4px 0 6px; }
.cmx-track i { position: absolute; top: 0; bottom: 0; border-radius: 6px; background: var(--ink, #1d1d1f); }
.cmx-track em { position: absolute; top: -4px; width: 3px; height: 20px; margin-left: -1px; border-radius: 2px; background: var(--lemon, #ffd400); box-shadow: 0 0 0 1px var(--ink, #1d1d1f); }
.cmx-p li > span:first-child { min-width: 0; }
.cmx-p li a, .cmx-s li a { overflow-wrap: anywhere; }
.cmx-s li b { font-variant-numeric: tabular-nums; }
.cmx-n { font-size: 14.5px; color: #3c4043; }
.cmx .crel .cmx-k { margin: 0 10px 0 -2px; color: #6e6e73; font-size: 13px; }
.cmx .crel .cmx-c { display: inline-block; padding: 6px 12px; border-radius: 999px; background: #f5f5f7; font-weight: 600; font-size: 14px; color: #6e6e73; }
.cmx .crel { align-items: center; }
.cmx-row .n3-c small { white-space: normal; }