/* Roadside Attractions section — matches The US Detour v2 visual system */
.roadside-hero .hero-inner{max-width:900px}
.roadside-finder{margin-top:10px}
.roadside-results-note{font-family:var(--mono);font-size:.78rem;color:#6b6252;margin:0 0 18px;letter-spacing:.02em}
.roadside-grid{align-items:stretch}
.roadside-card{position:relative;overflow:hidden}
.roadside-card::after{content:"";position:absolute;inset:auto 18px 0 18px;height:4px;background:linear-gradient(90deg,var(--amber),var(--brick),var(--steel));border-radius:8px 8px 0 0;opacity:.55}
.roadside-card h3{font-family:var(--display);font-size:1.35rem;line-height:1.08;margin:.65rem 0 .55rem;color:var(--forest-deep)}
.roadside-card p{margin:.45rem 0;color:#493f33}
.roadside-why{font-size:.9rem;border-top:1px dashed var(--line);padding-top:.7rem;margin-top:.75rem!important;color:#5b5143!important}
.map-line{font-family:var(--mono);font-size:.72rem;color:#756a59!important}
.roadside-state-card h3{font-family:var(--display);font-size:1.32rem;line-height:1.08}
.state-nav-row{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:32px}
.state-roadside-hero .hero-inner{max-width:940px}
@media(max-width:760px){.state-nav-row .button{width:100%;text-align:center}.roadside-card h3{font-size:1.18rem}}