/* Road trips page v2 (2026-10-25 overlay road_trips_v2): photo hero, drive cards, folded stop lists, next steps.
   Site palette only (style.css :root). Mobile first. */
.rt-lede{font-size:17px;margin:4px 0 10px}
.rt-hero{background:var(--card,#fffaf0);border:1px solid var(--rule);margin:8px 0 18px;overflow:hidden}
.rt-hero picture,.rt-hero img{display:block;width:100%;height:auto}
.rt-hero img{aspect-ratio:16/9;object-fit:cover}
.rt-hero-head{padding:10px 14px 8px}
.rt-hero-body{padding:10px 14px 14px}
.rt-hero .btn.dir-link{background:var(--accent);color:#fff;border-color:var(--accent);margin:0}
.rt-hero .btn.dir-link:hover{background:var(--ink);border-color:var(--ink)}
.rt-hero-kick{font:700 13px/1.2 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0 0 4px}
.rt-hero h2{margin:0 0 2px;font-size:23px;line-height:1.2}
.rt-hero .rt-meta{font-size:17px;margin:2px 0 0}
.rt-hero p{margin:6px 0}
.rt-hero-acts{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}
.rt-hero-acts .btn{min-height:44px;display:inline-flex;align-items:center;font-size:17px;border-radius:6px}
.rt-credit{font:12px/1.4 system-ui,sans-serif;color:var(--muted);margin:8px 0 0}
.rt-credit a{color:var(--muted)}
.rt-pick-h{margin:18px 0 6px}
.rt-cards{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px;grid-template-columns:1fr 1fr}
.rt-cards li{margin:0}
.rt-card{display:flex;flex-direction:column;height:100%;background:var(--card,#fffaf0);border:1px solid var(--rule);text-decoration:none;color:var(--ink)}
.rt-card img,.rt-card .rt-noimg{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--paper2)}
.rt-card .rt-noimg{display:flex;align-items:center;justify-content:center;font:700 15px system-ui,sans-serif;color:var(--accent-dark);text-align:center;padding:8px;box-sizing:border-box;border-bottom:4px solid var(--accent)}
.rt-card-t{display:block;padding:8px 8px 2px;font-weight:700;font-size:15px;line-height:1.25}
.rt-card-m{display:block;padding:0 8px 8px;font:600 13px/1.3 system-ui,sans-serif;color:var(--accent-dark)}
.rt-card:hover .rt-card-t,.rt-card:focus .rt-card-t{text-decoration:underline}
.rt-route-photo{margin:8px 0}
.rt-route-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--rule)}
.rt-route-photo figcaption{font:12px/1.4 system-ui,sans-serif;color:var(--muted);margin-top:4px}
.rt-route .dir-link:not(.act){font-size:16px}
details.rt-stops{margin:10px 0 4px;border-top:1px solid var(--rule)}
details.rt-stops>summary{cursor:pointer;min-height:48px;display:flex;align-items:center;gap:8px;font:700 17px/1.3 system-ui,sans-serif;color:var(--accent);list-style:none}
details.rt-stops>summary::-webkit-details-marker{display:none}
details.rt-stops>summary::before{content:"+";display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:2px solid var(--accent);border-radius:50%;font-size:18px;line-height:1;flex:none}
details.rt-stops[open]>summary::before{content:"\2212"}
details.rt-stops[open]>summary .rt-open-hide{display:none}
.rt-stops-names{font:14px/1.4 system-ui,sans-serif;color:var(--muted);margin:0 0 8px}
.rt-nextsteps{margin:12px 0 4px;padding:10px 12px;background:var(--paper);border-left:4px solid var(--accent)}
.rt-nextsteps h3{margin:0 0 4px;font-size:16px}
.rt-nextsteps ul{list-style:none;margin:0;padding:0}
.rt-nextsteps li{margin:0}
.rt-nextsteps a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.rt-guide{margin:18px 0}
.rt-guide .nl-strip-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rt-guide .nl-strip-form p{flex:1 1 100%;margin:0}
.rt-guide input[type=email]{flex:1 1 200px;min-height:44px;font:inherit;padding:0 10px}
.rt-guide button[type=submit]{min-height:44px}
.rt-before{margin:18px 0}
@media (min-width:700px){.rt-cards{grid-template-columns:repeat(4,1fr)}}
@media (min-width:900px){
  .rt-hero{display:grid;grid-template-columns:3fr 2fr;grid-template-rows:auto 1fr;grid-template-areas:"pic head" "pic body"}
  .rt-hero picture{grid-area:pic}
  .rt-hero img{height:100%;aspect-ratio:auto}
  .rt-hero-head{grid-area:head;padding:22px 20px 0}
  .rt-hero-body{grid-area:body;padding:6px 20px 18px}
  .rt-hero h2{font-size:28px}
}
@media print{.rt-cards,.rt-nextsteps,.rt-guide,.rt-hero-acts{display:none!important}details.rt-stops>*{display:block}}