/* Tire sidewall decoder: list of decoded markings and the sidewall diagram. */
.sw-list { list-style: none; margin: 16px 0 0; padding: 0; border-top: 1px solid var(--hair); }
.sw-item { display: grid; grid-template-columns: minmax(96px, 190px) 1fr; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--hair); }
.sw-code { font-family: var(--mono); font-weight: 700; font-size: 18px; color: var(--ink); overflow-wrap: anywhere; }
.sw-item b { color: var(--ink); }
.sw-item p { margin: 4px 0 0; }
.sw-unknown .sw-code, .sw-unknown b { color: var(--mute); }
.sw-diagram { width: 100%; height: auto; display: block; }
.sw-diagram text { fill: var(--ink); font-family: var(--mono); }
.sw-diagram .sw-t-big { font-size: 26px; font-weight: 700; }
.sw-diagram .sw-t-mid { font-size: 22px; font-weight: 700; }
.sw-diagram .sw-t-sm { font-size: 13px; font-weight: 600; }
.sw-diagram .sw-lbl text { fill: var(--b); font-family: var(--font); font-size: 17px; font-weight: 600; }
@media (max-width: 600px) { .sw-item { grid-template-columns: 1fr; gap: 4px; } }