/* AutoAtlas expert UI refinement: readable spacing, restrained motion, mobile-safe links. */
:root{--r496-accent:var(--cyan,#34e7ff);--r496-lime:var(--lime,#9cff57);--r496-line:rgba(132,213,232,.18);--r496-panel:rgba(6,25,36,.76)}
html,body{max-width:100%;overflow-x:clip}
main,footer,.wrap,.content-stack,.content-card,.directory-grid,.related-grid,.entry-grid,.vehicle-class-grid,.brand-cloud,.footer-grid,.footer-ecosystem-grid{min-width:0;max-width:100%}
a{overflow-wrap:anywhere;text-underline-offset:.2em}
.footer-links{display:flex!important;flex-wrap:wrap;align-items:center;gap:9px 11px!important;margin-top:12px}
.footer-links a{display:inline-flex!important;align-items:center;min-height:34px;padding:7px 10px!important;border:1px solid transparent;border-radius:10px;color:var(--muted,#9fb3c8);line-height:1.15!important;text-decoration:none!important;transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}
.footer-links a:hover,.footer-links a:focus-visible{color:#fff;border-color:var(--r496-line);background:rgba(52,231,255,.055);transform:translateY(-1px);outline:none}
.footer-ecosystem{margin-top:30px!important;padding-top:24px!important;border-top:1px solid var(--r496-line)!important}
.footer-ecosystem-head{display:grid;grid-template-columns:minmax(190px,.42fr) minmax(0,1fr);align-items:start;gap:14px 26px;margin-bottom:16px}
.footer-ecosystem-head strong{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:#d7f8ff}
.footer-ecosystem-note{margin:0!important;max-width:760px;color:var(--muted,#9fb3c8);font-size:.86rem;line-height:1.65}
.footer-ecosystem-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important}
.footer-ecosystem-card{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'title arrow' 'desc arrow';gap:6px 18px;align-items:center;min-width:0;padding:18px 20px!important;border:1px solid var(--r496-line)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(52,231,255,.045),rgba(156,255,87,.018))!important;color:inherit!important;text-decoration:none!important;isolation:isolate;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease!important}
.footer-ecosystem-card:before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 15%,rgba(52,231,255,.07) 50%,transparent 85%);transform:translateX(-120%);transition:transform .45s ease;z-index:-1}
.footer-ecosystem-card b{grid-area:title;display:block;margin:0!important;color:#fff;font-size:1rem;line-height:1.25}
.footer-ecosystem-card span{grid-area:desc;display:block;color:var(--muted,#9fb3c8);font-size:.82rem;line-height:1.55}
.footer-ecosystem-card i{grid-area:arrow;display:grid;width:34px;height:34px;place-items:center;border-radius:50%;border:1px solid rgba(52,231,255,.22);color:var(--r496-accent);font-style:normal;transition:transform .2s ease,background .2s ease}
.footer-ecosystem-card:hover,.footer-ecosystem-card:focus-visible{transform:translateY(-3px)!important;border-color:rgba(52,231,255,.42)!important;box-shadow:0 16px 36px rgba(0,0,0,.22);background:linear-gradient(145deg,rgba(52,231,255,.075),rgba(156,255,87,.03))!important;outline:none}
.footer-ecosystem-card:hover:before,.footer-ecosystem-card:focus-visible:before{transform:translateX(120%)}
.footer-ecosystem-card:hover i,.footer-ecosystem-card:focus-visible i{transform:translate(2px,-2px);background:rgba(52,231,255,.07)}
.entry-card,.related-card,.vehicle-brand-card,.model-directory-card,.category-card,.vehicle-class-card,.brand-cloud a{min-width:0;overflow:hidden}
.entry-card h3,.related-card strong,.model-directory-card h2,.vehicle-brand-card h2,.category-card h3,.vehicle-class-card h3{overflow-wrap:anywhere;word-break:normal;hyphens:auto}
.entry-card p,.related-card p,.model-directory-card p,.vehicle-brand-card p{line-height:1.58}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.breadcrumbs a,.breadcrumbs span{min-width:0}
.meta-line{display:flex;flex-wrap:wrap;gap:8px!important}.badge{white-space:normal!important;line-height:1.25}
.pagination{display:flex;flex-wrap:wrap;gap:7px!important;align-items:center}.pagination>a,.pagination>span{display:grid!important;place-items:center;min-width:38px;min-height:38px;margin:0!important;border-radius:10px}
.source-list a,.brand-class-heading a,.section-link,.entry-card em{transition:color .18s ease,text-shadow .18s ease}.source-list a:hover,.brand-class-heading a:hover,.section-link:hover{color:var(--r496-lime);text-shadow:0 0 18px rgba(156,255,87,.18)}
@media(max-width:760px){.footer-ecosystem-head{grid-template-columns:1fr;gap:7px}.footer-ecosystem-grid{grid-template-columns:1fr!important}.footer-ecosystem-card{padding:16px!important}.footer-links{gap:8px!important}.footer-links a{min-height:36px}.footer-bottom{gap:10px!important;line-height:1.5}.directory-grid,.related-grid,.entry-grid,.vehicle-class-grid,.model-directory-grid,.vehicle-brand-grid{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:420px){.footer-ecosystem-card{grid-template-columns:minmax(0,1fr) 30px;gap:5px 12px}.footer-ecosystem-card i{width:30px;height:30px}.footer-links a{padding:7px 8px!important;font-size:.82rem}}
@media(prefers-reduced-motion:reduce){.footer-links a,.footer-ecosystem-card,.footer-ecosystem-card:before,.footer-ecosystem-card i{transition:none!important}.footer-ecosystem-card:hover{transform:none!important}}
