/* RoadReady v7: floating right-to-left state gallery */
#statesHeading + .layout {grid-template-columns:minmax(0,1fr) 300px!important;align-items:start}
#statesHeading + .layout > .panel:first-child {min-width:0;overflow:hidden}
.rr-carousel-shell{display:flex;align-items:center;gap:8px;min-width:0}
#states.grid{display:flex!important;grid-template-columns:none!important;gap:16px!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;padding:10px 3px 20px;min-width:0;scroll-behavior:smooth}
#states.grid::-webkit-scrollbar{display:none}
#states .state{flex:0 0 clamp(190px,29%,255px);min-width:0;min-height:220px!important;max-width:none;scroll-snap-align:start;text-align:left!important;padding:0 0 18px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:0!important;line-height:1.35!important;border-radius:18px!important;white-space:normal!important;position:relative;transition:transform .3s ease,box-shadow .3s ease!important}
#states .state img{width:100%!important;height:145px!important;object-fit:cover!important;border-radius:17px 17px 0 0!important;margin:0 0 16px!important}
#states .state .rr-state-label{display:block;padding:0 15px;font-size:17px;line-height:1.35;font-weight:800;color:#102b50;white-space:normal;overflow-wrap:break-word}
#states .state .rr-state-hint{display:block;padding:7px 15px 0;font-size:12px;color:#56728f;font-weight:500}
#states .state:hover{transform:translateY(-4px)!important;box-shadow:0 16px 32px #14385b24!important}
.rr-slide-arrow{flex:0 0 40px;width:40px;height:44px;border:1px solid #d5e4f4;border-radius:50%;background:#fff;color:#0874d7;font-size:28px;cursor:pointer;box-shadow:0 4px 14px #102b5012}
.rr-slide-arrow:hover{background:#eaf5ff}
.rr-slide-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#67829e;font-size:12px;padding:0 7px}
#rrPause{background:transparent;border:1px solid #cfe2f3;border-radius:20px;padding:8px 12px;color:#135d9d;cursor:pointer;font-size:12px}
@media(max-width:1000px){#statesHeading + .layout{grid-template-columns:minmax(0,1fr)!important}#states .state{flex-basis:230px}}
@media(max-width:520px){#states .state{flex-basis:75%!important}.rr-slide-arrow{width:32px;flex-basis:32px}#states .state img{height:150px!important}}
@media(prefers-reduced-motion:reduce){#states.grid{scroll-behavior:auto}#states .state{transition:none!important}}