/* Database veicoli (marche, modelli, generazioni, motorizzazioni) — stile pulito (Fase 2, passo 2).
   Scope: pagine con main.ts-page. Rosso dai token --color-primary-*; testo rosso con la tinta 400. */
body:has(main.ts-page){
  --v-bg:#0b0b0c;--v-surface:#141417;--v-card:#18181c;--v-line:rgba(255,255,255,.10);
  --v-text:#f5f5f6;--v-muted:rgba(255,255,255,.72);--v-subtle:rgba(255,255,255,.55);
}
/* Titoli: niente maiuscolo tracciato, niente gradiente */
html body:has(main.ts-page) .ts-hero__title{
  text-transform:none !important;letter-spacing:-0.015em !important;font-weight:700 !important;
  background:none !important;-webkit-text-fill-color:#fff !important;color:#fff !important;text-shadow:none !important;filter:none !important;
  font-size:clamp(1.875rem,4.2vw,3rem) !important;line-height:1.1 !important;
}
html body:has(main.ts-page) .ts-hero__subtitle{color:var(--v-muted) !important;letter-spacing:0 !important;text-transform:none !important}
html body:has(main.ts-page) .ts-breadcrumb a,html body:has(main.ts-page) .ts-breadcrumb__current{letter-spacing:0 !important;text-transform:none !important}
html body:has(main.ts-page) .ts-breadcrumb__current{color:var(--v-muted) !important;font-size:inherit !important}
/* Griglia compatta */
html body:has(main.ts-page) .ts-grid{
  display:grid !important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr)) !important;gap:14px !important;
}
/* Card: bordo sottile, nessuna ombra, logo ridotto */
html body:has(main.ts-page) .ts-card{
  display:flex !important;flex-direction:row !important;align-items:center !important;gap:16px;
  background:var(--v-surface) !important;border:1px solid var(--v-line) !important;border-radius:12px !important;
  box-shadow:none !important;padding:14px 16px !important;min-height:84px;text-decoration:none !important;
  transition:border-color .2s ease,background-color .2s ease !important;
}
html body:has(main.ts-page) .ts-card:hover{
  transform:none !important;box-shadow:none !important;background:var(--v-card) !important;
  border-color:rgba(var(--color-primary-400-rgb,220,80,96),.6) !important;
}
html body:has(main.ts-page) .ts-card__image{
  flex:0 0 64px;width:64px !important;height:64px !important;min-height:0 !important;padding:6px;
  background:#fff !important;border-radius:10px !important;overflow:hidden;display:flex;align-items:center;justify-content:center;
}
html body:has(main.ts-page) .ts-card__image img{width:100% !important;height:100% !important;object-fit:contain !important;border-radius:0 !important}
/* Le card dei livelli interni ripetono il logo del marchio: non serve */
html body:has(main.ts-page) .ts-card:not(.ts-card--brand) .ts-card__image{display:none !important}
html body:has(main.ts-page) .ts-card__content{background:none !important;border:0 !important;padding:0 !important;flex:1;min-width:0}
html body:has(main.ts-page) .ts-card__title{
  background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:0 0 4px !important;border-radius:0 !important;
  font-size:1.0625rem !important;line-height:1.3 !important;font-weight:600 !important;letter-spacing:0 !important;
  text-transform:none !important;color:#fff !important;-webkit-text-fill-color:#fff !important;
}
html body:has(main.ts-page) .ts-card__link{
  background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;
  color:var(--color-primary-400,#dc5060) !important;-webkit-text-fill-color:var(--color-primary-400,#dc5060) !important;
  font-size:.875rem !important;font-weight:500 !important;letter-spacing:0 !important;text-transform:none !important;
}
html body:has(main.ts-page) .ts-card__specs{color:var(--v-muted) !important;font-size:.875rem !important;letter-spacing:0 !important}
html body:has(main.ts-page) .ts-card:focus-visible{outline:3px solid var(--color-primary-400,#dc5060) !important;outline-offset:3px !important}
/* Scheda motore: numeri e titoli senza glow */
html body:has(main.ts-page) .ts-hero__stat-value,html body:has(main.ts-page) [class*="ts-hero__stat"] strong,
html body:has(main.ts-page) .ts-gauge__value,html body:has(main.ts-page) .ts-dynograph__value{text-shadow:none !important;filter:none !important}
html body:has(main.ts-page) .ts-section h2,html body:has(main.ts-page) .ts-seo-content h2{
  text-transform:none !important;letter-spacing:-0.01em !important;
}
html body:has(main.ts-page) .ts-seo-content p,html body:has(main.ts-page) .ts-seo-content li{max-width:75ch;color:var(--v-muted) !important}
html body:has(main.ts-page) .ts-seo-content strong,html body:has(main.ts-page) .ts-seo-content b{
  color:#fff !important;-webkit-text-fill-color:#fff !important;background:none !important}
@media (max-width:640px){
  html body:has(main.ts-page) .ts-grid{grid-template-columns:1fr !important}
}
@media (prefers-reduced-motion:reduce){html body:has(main.ts-page) .ts-card{transition:none !important}}