/* Paragraph copy only. Legacy page rules have deep selectors, so these two
   typography properties deliberately override them without changing headings,
   navigation, button labels, logos, or the reset stylesheet. This file is not
   loaded on policy or 404 pages. */
:is(
    .aboutText, .engtop .subItem, .travelText, .travelFlex .gridItem,
    .visionItemText, .placeTopText, .placeContent, .shuttle .Details,
    .shuttle_details .grid_item, .shuttle_about .content, .shuttle_intro,
    .questTopText, .questDetailText, .intro_text,
    .mainItems .content .text, .faq-body, .cms-event-body,
    .eventInformation, footer .address
) p,
.otherinfoMainItem .infoItem > div > p:not(:first-child),
.event .event_item article.text p,
.eventItem > a > p,
.mainItem > p.topDate {
    line-height: 1.8 !important;
}

/* These paragraphs were 15px on desktop and as small as 10.5px on mobile. */
:is(
    .engtop .subItem, .travelText, .travelFlex .gridItem,
    .visionItemText, .placeTopText, .placeContent, .shuttle .Details,
    .shuttle_details .grid_item, .shuttle_about .content, .shuttle_intro,
    .questTopText, .questDetailText, .intro_text,
    .faq-body, .cms-event-body
) p,
.mainItems .Trial_info .content .text > p:nth-child(3),
.eventItem > a > p {
    font-size: 1rem !important;
}

/* Keep desktop vertical copy. On phones its explicit line breaks create more
   columns than the viewport can fit at 15px, so read this paragraph horizontally.
   Vertical headings (including Another Place) are outside this selector. */
@media (max-width: 480px) {
    .concept_text p {
        font-size: clamp(1rem, 0.041rem + 3.53vw, 1.1rem);
        writing-mode: horizontal-tb;
        line-height: 1.8;
        width: 90%;
    }
}

/* Adjacent phrases add no text or spaces. The browser may wrap only between
   complete phrases, while wider layouts can keep them on the same line. */
.text-phrase {
    display: inline-block;
    font: inherit;
    white-space: nowrap;
}

/* Keep the existing fixed-height stage used by the concept page's scroll
   effects, but place each chapter's copy near its heading. */
:is(
    .english .engtop .engtop_Container,
    .travel .travelTop .travelTop_container,
    .place .placeTop .placeTop_container,
    .quest .questTop .questTop_container
) {
    justify-content: flex-start;
    gap: clamp(48px, 8vh, 96px);
}