.travel-page h1,.travel-page h2 { text-wrap: balance; }
.travel-page .page-head__title { max-width: 100%; }
.travel-page .page-head__lead { max-width: 40em; text-wrap: pretty; }
.travel-page .svc-chapter__head { min-width: 0; }
.travel-page .svc-chapter__nav a { min-height: var(--tap-min); }
.travel-page .svc-chapter__nav a[aria-current="page"] { color: var(--accent-deep); font-weight: var(--fw-semi); }
.travel-page .svc-chapter__title a:hover { color: var(--accent-deep); }
.travel-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); font-size: var(--fs-foot); color: var(--ink-3); }
.travel-breadcrumb a,.travel-link { display: inline-flex; align-items: center; min-height: var(--tap-min); }
.travel-link { justify-self: start; color: var(--accent-deep); font-size: var(--fs-small); gap: var(--space-2); text-underline-offset: 4px; transition: color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out); }
.travel-link:hover { color: var(--ink); text-decoration: underline; }
.travel-link:active,.travel-breadcrumb a:active { transform: translateY(1px); }
.travel-page a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; border-radius: var(--r-sm); }
@media(min-width:640px) { .travel-detail__item:not(:has(figure)) .svc-chapter__text { grid-column: 2; } }
@media(max-width:639px) { .travel-page .page-head::before { opacity: .18; } .travel-page .page-nav { flex-direction: column; } .travel-page .svc-chapter__body { gap: var(--space-10); } }