/* Scoped to visitor planning only. Existing brand and service styles are unchanged. */
.planning-meta{font-size:14px!important;line-height:1.6!important;letter-spacing:.02em}
.planning-detail{margin-block:14px 22px;border-block:1px solid #b6a57566}
.planning-detail summary{font-size:16px;font-weight:700;min-height:48px;padding-block:14px;cursor:pointer}
.planning-detail summary:focus-visible{outline:3px solid #caa75b;outline-offset:4px}
.planning-start,.planning-note,.planning-optional,.planning-general{font-size:15px!important;line-height:1.75!important;overflow-wrap:anywhere}
.planning-start strong{display:block;margin-bottom:8px}
.planning-timeline{list-style:none;padding:0;margin:20px 0}
.planning-timeline li{display:grid;grid-template-columns:minmax(65px,90px) minmax(0,1fr);gap:14px;padding-block:15px;border-top:1px solid #b6a57555;min-width:0}
.planning-timeline strong{font-size:16px;line-height:1.65;display:block}
.planning-timeline p{font-size:14px!important;line-height:1.75!important;margin:8px 0 0!important}
.planning-duration{font-size:14px;line-height:1.6;font-weight:700;overflow-wrap:anywhere}
.planning-transfer{opacity:.85}
.planning-general{grid-column:1/-1}
.planning-cluster>.planning-duration{color:#655127}
.planning-timeline li.planning-cluster,.planning-cluster .planning-timeline li{grid-template-columns:minmax(0,1fr);gap:8px}
.planning-cluster .planning-timeline{border-inline-start:2px solid #b79756;padding-inline-start:14px;margin-block:12px}
.planning-optional{border-inline-start:3px solid #b79756;padding-inline-start:14px}
.route-card:has(.planning-detail){content-visibility:visible;contain:none}
/* Multi-column route cards follow their own content, not an expanded sibling. */
@media(min-width:561px){
  #routeGrid{align-items:start}
  #routeGrid>.route-card{min-height:0;align-self:start}
  #routeGrid>.route-card>.route-actions{margin-top:0}
}
/* Desktop summary slots only: line-relative minimums can grow with text.
   Direct-child selectors exclude the expandable timeline. Keep these slots
   when open so toggling one card cannot change a sibling's geometry. */
@media(min-width:851px){
  #routeGrid>.route-card>.planning-meta{min-block-size:2lh}
  #routeGrid>.route-card>h3{min-block-size:2lh}
  #routeGrid>.route-card>p:not(.planning-meta){min-block-size:4lh}
}
/* Narrow three-column desktop cards need more room for normal summaries. */
@media(min-width:851px) and (max-width:1100px){
  #routeGrid>.route-card>h3{min-block-size:3lh}
  #routeGrid>.route-card>p:not(.planning-meta){min-block-size:6lh}
}
@media(max-width:430px){.planning-timeline li{grid-template-columns:minmax(0,1fr);gap:5px}.day-card:has(.planning-timeline){padding:22px 18px}.planning-detail summary{overflow-wrap:anywhere}}