/* V68.0: one compact six-language control, also usable with a keyboard. */
.sr-language {position:relative;display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;min-width:0;margin-left:3px;}
.sr-language > svg {width:16px;height:16px;stroke:var(--yellow,#dffa03);fill:none;stroke-width:1.6;flex-shrink:0;}
.sr-language select {font:700 11px/1.2 Inter,Arial,sans-serif;color:#e4e8eb;border:1px solid #ffffff2e;border-radius:5px;background:#11161c;max-width:152px;height:32px;padding:4px 21px 4px 7px;cursor:pointer;}
.sr-language option {background:#11161c;color:#f5f5f5;}
.sr-language select:focus-visible {outline:2px solid #dffa03;outline-offset:3px;}
.sr-language a {color:var(--yellow);font-size:11px;}
.sr-language .sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
html .topbar .nav {gap:clamp(7px,1vw,18px);}
html .topbar .nav > a, html .topbar .search-trigger {white-space:nowrap;}
html .topbar .nav > a {font-size:clamp(10px,.84vw,13px);}
html .topbar .brand {flex-shrink:1;min-width:115px;}
html .topbar .brand img {max-width:min(100%,240px);height:auto;}
html .topbar .search-trigger kbd {display:none;}
html .portal-section-head>div, html .profile-drawer-copy, html .racer-mini {min-width:0;}
html .notification-mark-all {white-space:normal;max-width:170px;line-height:1.35;}
html .notification-drawer-meta {flex-wrap:wrap;}
html .notification-drawer-actions button {white-space:normal;}
html .portal-section-head h2, html .guide-hero h1, html .guide-section h2, html .race-next-copy h2 {overflow-wrap:break-word;}
html .garage-row > div {min-width:0;}
@media(max-width:1200px){
 html .topbar .nav {gap:8px;}
 html .topbar .nav>a {font-size:10px;letter-spacing:.02em;}
 html .topbar .brand img {max-width:185px;}
 .sr-language select {max-width:126px;font-size:10px;}
}
@media(max-width:1100px){
 html .topbar .menu-toggle {display:flex;}
 html .topbar .nav {display:none;position:absolute;top:100%;left:0;right:0;background:#0b1015;padding:18px 22px;flex-direction:column;align-items:stretch;gap:5px;border-bottom:1px solid #ffffff20;max-height:calc(100dvh - 76px);overflow-y:auto;z-index:60;}
 html .topbar .nav.open {display:flex;}
 html .topbar .nav > a {font-size:12px;padding:10px 0;}
 html .topbar .search-trigger {justify-content:flex-start;min-height:40px;}
 .sr-language {padding:9px 0;}
 .sr-language select {max-width:240px;min-width:150px;height:38px;font-size:12px;}
 html .topbar .brand img {max-width:230px;}
}
@media(max-width:620px){
 html .notification-mark-all {max-width:none;}
 html .guide-media img {max-width:100%;height:auto;}
 html .portal-section-head {flex-wrap:wrap;}
}
.notification-error {padding:9px 12px;margin:7px 0;color:#ffb89d;font-size:12px;border:1px solid #a94c3b66;background:#351612;}

.sr-noscript-languages {padding:10px;background:#11161c;color:#e4e8eb;display:flex;gap:14px;flex-wrap:wrap;font:12px Inter,Arial,sans-serif;}

/* Localized CSS-generated labels: no untranslated pseudo-element content. */
html[lang="it"] {--sr-discover:"SCOPRI →";--sr-car-label:"AUTO";}
html[lang="en"] {--sr-discover:"EXPLORE →";--sr-car-label:"CAR";}
html[lang="fr"] {--sr-discover:"DÉCOUVRIR →";--sr-car-label:"AUTO";}
html[lang="de"] {--sr-discover:"ENTDECKEN →";--sr-car-label:"AUTO";}
html[lang="es"] {--sr-discover:"DESCUBRIR →";--sr-car-label:"COCHE";}
html[lang="pt"] {--sr-discover:"DESCOBRIR →";--sr-car-label:"CARRO";}

/* Keep long translations and animated decoration inside the layout. */
html .race-hero {overflow:hidden;}
html .race-hero-inner {min-width:0;}
html .race-hero h1 {max-width:100%;overflow-wrap:break-word;}
html .dashboard-smart-grid > *, html .class-progression-head > div,
html .class-progression-head > span, html .next-objective-copy {min-width:0;}
html .next-objective-copy strong, html .class-progression-head strong {overflow-wrap:anywhere;}
html .dashboard-hero-car {overflow:hidden;}
@media(max-width:980px) {
 html .dashboard-smart-grid {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:620px) {
 html .race-hero h1 {font-size:clamp(3.3rem,15vw,5.4rem);line-height:.98;}
 html .class-progression {grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;}
 html .class-progress-item {min-width:0;padding:10px 3px;}
 html .class-progress-item span {overflow-wrap:anywhere;letter-spacing:0;line-height:1.3;}
}