/* ========================================
   English-only typesetting for /stay/en/
   Loaded after common.css and stay.css. Every rule is scoped to
   html[lang="en"], so nothing here can affect the Japanese page.
   ======================================== */

/* Headings and short centred copy: even out the line lengths so that
   no single word is left alone on the last line */
html[lang="en"] .hero__title-ja,
html[lang="en"] .section__title,
html[lang="en"] .section__lead,
html[lang="en"] .concept__feature p,
html[lang="en"] .hub-hero__tag,
html[lang="en"] .booking__text,
html[lang="en"] .booking__note {
  text-wrap: balance;
}

/* Hero: Latin display type reads better with tighter tracking */
html[lang="en"] .hub-hero .hero__title-ja {
  letter-spacing: 0.02em;
}

/* Hero captions: English taglines are longer than the Japanese ones.
   A wider measure keeps them on one line on phones, clear of the
   central heading. */
html[lang="en"] .hub-hero__tag {
  max-width: 26em;
}

/* Concept: the Japanese page breaks these lines by hand; English runs as
   ordinary centred paragraphs */
html[lang="en"] .concept__text {
  line-height: 1.9;
  text-wrap: pretty;
}

/* Access: one-line pointer from the two maps to the "getting to Ise"
   answer in the FAQ. Sits between the sub-heading and the two columns. */
html[lang="en"] .area__route-link {
  max-width: 640px;
  margin: -14px auto 36px;
  font-size: 0.92rem;
  line-height: 1.8;
  text-align: center;
  text-wrap: balance;
  color: var(--color-text-light);
}

html[lang="en"] .area__route-link a {
  color: var(--color-accent);
  text-decoration: underline;
  text-underline-offset: 0.25em;
}

/* The pointer above links to the question button itself, so the button
   needs the same clearance from the fixed header as .faq__item has */
html[lang="en"] .faq__btn {
  scroll-margin-top: calc(var(--header-height) + 16px);
}

/* FAQ: bulleted points inside a long answer (the route from Nagoya,
   Osaka and Kansai Airport). Each list follows a labelled paragraph. */
html[lang="en"] .faq__points {
  margin-top: 6px;
}

html[lang="en"] .faq__points li {
  position: relative;
  padding-left: 16px;
  line-height: 1.8;
}

html[lang="en"] .faq__points li + li {
  margin-top: 6px;
}

html[lang="en"] .faq__points li::before {
  content: '';
  position: absolute;
  left: 0;
  top: calc(0.9em - 3px);
  width: 6px;
  height: 6px;
  background: var(--color-gold);
}

html[lang="en"] .faq__a .faq__points + p {
  margin-top: 20px;
}