/* Details preserve the existing cards and work without JavaScript. */
.attraction-details { margin-top:20px; scroll-margin-top:140px; }
.attraction-details summary {
  display:flex; align-items:center; gap:12px; width:fit-content;
  color:var(--purple); font-size:12px; font-weight:800;
  padding:0 0 5px; border-bottom:1px solid #ccbcd9;
  cursor:pointer; list-style:none;
}
.attraction-details summary::-webkit-details-marker { display:none; }
.attraction-details summary span { font-size:20px; }
.attraction-details[open] summary span { transform:rotate(90deg); }
.attraction-details-content { padding-top:20px; }
.attraction-details-content h4 {
  margin:0; color:var(--purple); font-size:15px; line-height:1.4;
}
.attraction-details-content p { font-size:14px; line-height:1.8; }
.attraction-detail-links { display:flex; align-items:start; flex-direction:column; gap:12px; }
.attraction-detail-links .text-link { margin-top:12px; }
@media(prefers-reduced-motion:reduce) { .attraction-details { scroll-behavior:auto; } }