/* Hero */
.pilgrimage-hero { position: relative; width: 100%; margin-bottom: 80px; padding-block: 100px; background-image: url('/images/01_visit/bg-group-pilgrimage.webp'); background-size: cover; background-position: center; background-repeat: no-repeat; }
.pilgrimage-hero__visual--mobile { display: none; }
.pilgrimage-hero__container { padding-top: 0; }
.pilgrimage-hero__box { width: 100%; max-width: 960px; padding-block: var(--space-80); padding-inline: clamp(24px, 5vw, 92px); background-color: var(--color-surface-default); }
.pilgrimage-guide.visitor-info__list { padding: 0; background-color: var(--color-surface-default); }
.pilgrimage-guide__item { display: flex; flex-direction: column; gap: var(--space-8); }
.pilgrimage-guide__note { font-size: var(--font-size-body-lg); font-weight: 400; line-height: var(--line-height-body-lg); word-break: keep-all; color: var(--color-text-accent); }

/* Leaflet Download */
.leaflet-download__container { padding-top: 0; }
.leaflet-download__box { display: flex; align-items: center; justify-content: center; gap: var(--space-40); width: 100%; padding: var(--space-80) var(--space-20); background-color: var(--color-neutral-100); }
.leaflet-download__title { display: flex; flex-shrink: 0; align-items: center; gap: var(--space-12); font-size: var(--font-size-h2); font-weight: 700; line-height: var(--line-height-h2); color: var(--color-text-default); }
.leaflet-download__title .icon-book { display: block; flex-shrink: 0; width: 48px; height: 48px; color: var(--color-brand-accent); }
.leaflet-download__actions { display: flex; flex-wrap: wrap; gap: var(--space-20); }
.leaflet-download__button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: calc((100% - (var(--space-24) * 2)) / 3); padding-block: var(--space-16); padding-inline: var(--space-24); border: 1px solid var(--color-text-default); background-color: var(--color-surface-default); font-size: var(--font-size-h4); font-weight: 700; line-height: var(--line-height-h4); text-align: center; line-height: 1; word-break: keep-all; color: var(--color-brand-primary); }
.leaflet-download__button:hover,
.leaflet-download__button:focus-visible { color: var(--color-brand-accent); }
.leaflet-download__button .icon-download { display: block; flex-shrink: 0; width: 22px; height: 23px; color: var(--color-text-default); }

@media (max-width: 1280px) {
  .leaflet-download__box { flex-direction: column; align-items: flex-start; gap: var(--space-32); }
  .leaflet-download__actions { width: 100%; }
}

@media (max-width: 768px) {
  /* Hero */
  .pilgrimage-hero { margin-bottom: var(--space-30); padding-block: 0; background-image: none; }
  .pilgrimage-hero__visual--mobile { display: block; margin-bottom: var(--space-40); }
  .pilgrimage-hero__box { max-width: none; padding: 0; background-color: transparent; }
  .pilgrimage-guide__item { gap: var(--space-24); }

  /* Leaflet Download */
  .leaflet-download__container { padding-top: var(--space-80); }
  .leaflet-download__box { padding-top: var(--space-40); }
  .leaflet-download__title { font-weight: 700; line-height: var(--line-height-h1); }
  .leaflet-download__actions { flex-direction: column; align-items: stretch; }
  .leaflet-download__button { width: 100%; }
}