/* Master-page visual contents: native scrolling and existing LLR tokens. */
.retreat-navigator { border-bottom: 1px solid var(--llr-grey-border); }
.retreat-navigator-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; list-style: none; padding: .4rem; margin: 0 -.4rem; }
.retreat-navigator-list li { min-width: 0; }
.retreat-navigator-card { display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 1px solid var(--llr-grey-border); border-radius: var(--llr-radius); color: var(--llr-navy); background: var(--llr-white); text-decoration: none; }
.retreat-navigator-card img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.retreat-navigator-card > span { display: flex; justify-content: space-between; align-items: center; gap: .4rem; flex: 1; min-height: 4.5rem; padding: .85rem; font-weight: 700; font-size: clamp(.8125rem, 1.3vw, 1rem); line-height: 1.35; }
.retreat-navigator-title > span { display: block; white-space: nowrap; }
.retreat-navigator-card > span > span { color: var(--llr-navy); }
.retreat-navigator-card:hover { border-color: var(--llr-gold); background: #f5f6f8; color: var(--llr-navy); }
.retreat-main .retreat-navigator-card:focus-visible { outline: 3px solid var(--llr-navy); outline-offset: 3px; }
.retreat-navigator-hint { display: none; }
#experience-navigator, .retreat-portfolio h3[id] { scroll-margin-top: 1.5rem; }
@media (max-width: 1000px) {
 .retreat-navigator-card > span { font-size: 1rem; }
 .retreat-navigator-list { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: min(76vw, 17rem); overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x proximity; scroll-padding-inline: .4rem; padding-bottom: 1rem; scrollbar-color: var(--llr-navy) #f5f6f8; }
 .retreat-navigator-list li { scroll-snap-align: start; }
 .retreat-navigator .retreat-navigator-hint { display: block; margin: -.5rem 0 1rem; font-size: .85rem; }
}