/* Shared reading layout. Photos and journal content retain their original sources. */
body.travel-redesign #site-shell { display:block!important; padding:0!important; width:100%; }
body.travel-redesign #site-shell .area-nav,body.travel-redesign #site-shell .section-nav { display:flex!important; }
body.travel-redesign #site-shell .section-nav { overflow-y:hidden!important; scrollbar-width:none; }
body.travel-redesign #site-shell .section-nav::-webkit-scrollbar { display:none; }
body.travel-redesign .trip-local-nav { overflow-y:hidden; flex-wrap:wrap; white-space:normal; }
body.travel-redesign .trip-local-nav a { min-height:44px; display:inline-flex; align-items:center; }
body.travel-redesign .trip-local-nav a:first-child:after { display:none; }
body.travel-redesign .trip-local-nav a[hidden] { display:none; }
body.travel-redesign .trip-backbar-inner>a { min-height:44px; display:inline-flex; align-items:center; gap:6px; }
body.travel-redesign .auto-trip-hero-image,body.travel-redesign .trip-hero-image { min-height:0!important; height:clamp(240px,34vw,430px); background-position:center!important; }
body.travel-redesign .auto-trip-hero-copy,body.travel-redesign .trip-hero-copy { padding:24px 0 8px!important; color:var(--ink)!important; max-width:900px!important; }
body.travel-redesign .auto-trip-hero-copy h1,body.travel-redesign .trip-hero-copy h1 { color:var(--ocean-deep)!important; margin:8px 0 12px!important; }
body.travel-redesign .auto-trip-hero-copy>p:last-child,body.travel-redesign .trip-hero-copy>p:last-child { color:#536c7c!important; margin:0; max-width:720px; }
body.travel-redesign .auto-trip-hero-copy .eyebrow,body.travel-redesign .trip-hero-copy .eyebrow { color:var(--ocean)!important; }
body.travel-redesign .page-intro { padding-top:36px!important; padding-bottom:24px!important; }
body.travel-redesign .page-intro h1 { font-size:clamp(2.2rem,4vw,3.6rem)!important; margin-bottom:12px!important; }
body.travel-redesign .archive-toolbar { grid-template-columns:1fr; gap:16px; padding:18px 0; }
body.travel-redesign .archive-toolbar>div:first-child { display:none; }
body.travel-redesign .archive-filters { grid-template-columns:2fr 1fr 1fr; }
body.travel-redesign .archive-filters input,body.travel-redesign .archive-filters select { font-size:1rem; font-weight:500; letter-spacing:normal; text-transform:none; }
body.travel-redesign .auto-overview { margin-top:0!important; padding-top:12px!important; }
body.travel-redesign .overview-main[hidden] { display:none; }
body.travel-redesign .auto-overview:has(.overview-main[hidden]) { grid-template-columns:1fr; }
body.travel-redesign .trip-intro { margin:12px auto!important; padding:16px 0!important; background:transparent!important; border:0!important; box-shadow:none!important; }
body.travel-redesign .trip-intro>.section-kicker,body.travel-redesign .trip-intro>h2,body.travel-redesign .trip-intro>p { display:none; }
body.travel-redesign .trip-actions { margin:0!important; }
body.travel-redesign .journal-story { box-shadow:none; border-radius:12px; }
body.travel-redesign .journal-copy { max-width:70ch; line-height:1.75; }
body.travel-redesign .slideshow-launch { background:var(--ocean)!important; color:white!important; border-radius:8px!important; }
body.travel-redesign .journal-day { top:150px; }
body.travel-redesign .world-hero { padding-top:32px!important; padding-bottom:16px!important; }
body.travel-redesign .world-hero h1 { max-width:900px!important; }
body.travel-redesign .world-card { padding-top:20px!important; }
body.travel-redesign .world-metrics { margin-top:24px!important; }
body.travel-redesign .world-page>.context-backbar { display:none; }
body.travel-redesign #world-percent { display:none; }
body.travel-redesign .timeline-hero { padding-top:32px!important; padding-bottom:24px!important; }
body.travel-redesign .timeline-hero>.button { display:none; }
.reading-jump { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin:16px 0 24px; color:var(--ink); font-weight:700; }
.reading-jump select { width:auto; min-width:170px; max-width:100%; background:#fff; font-size:1rem; }
.reading-jump[hidden] { display:none; }
body.travel-redesign .archive-page-hero { padding-top:32px!important; padding-bottom:24px!important; }
body.travel-redesign .archive-page-hero>.button { display:none; }
body.travel-redesign .trip-hero-image { background-image:url('assets/usa-road-trip-helicopter.JPG'); }
.timeline-year,.journal-entry,#journal,#gallery,#vow-renewal,#travel-log { scroll-margin-top:155px; }
body.travel-redesign #dashboard-sign-out[hidden] { display:none!important; }
body.travel-redesign .family-hero { padding-top:36px; padding-bottom:24px; }
@media(max-width:850px) {
  body.travel-redesign #site-shell { position:relative!important; }
  body.travel-redesign #site-shell .site-header-main { height:auto!important; display:block!important; padding:14px 18px 0!important; }
  body.travel-redesign #site-shell .site-brand { margin-bottom:4px!important; }
  body.travel-redesign #site-shell .area-nav { gap:24px!important; }
  body.travel-redesign #site-shell .area-nav a { padding:9px 0!important; min-height:44px; font-size:.85rem; }
  body.travel-redesign #site-shell .section-nav { padding:0 18px!important; gap:22px!important; height:44px!important; }
  body.travel-redesign #site-shell .section-nav a { font-size:.8rem!important; padding:10px 0!important; }
  body.travel-redesign .trip-backbar-inner { display:block; }
  body.travel-redesign .trip-local-nav { margin-top:0; gap:18px; }
  body.travel-redesign .page-intro { padding:24px 20px 12px!important; }
  body.travel-redesign .page-intro>p:last-child { font-size:1rem; margin-bottom:0; }
  body.travel-redesign .archive-filters { grid-template-columns:1fr 1fr; }
  body.travel-redesign .archive-filters label:first-child { grid-column:1/-1; }
  body.travel-redesign .auto-trip-hero-image,body.travel-redesign .trip-hero-image { height:260px; min-height:0!important; }
  body.travel-redesign .auto-trip-hero-copy,body.travel-redesign .trip-hero-copy { padding:20px 6px 8px!important; }
  body.travel-redesign .auto-trip-hero h1,body.travel-redesign .trip-hero h1 { font-size:clamp(2rem,8vw,2.8rem)!important; }
  body.travel-redesign .world-hero h1 { font-size:2.2rem!important; }
  body.travel-redesign .world-map { height:420px!important; min-height:320px!important; }
  body.travel-redesign .world-metrics { display:grid!important; grid-template-columns:1fr 1fr!important; }
  body.travel-redesign .journal-day { position:relative; top:auto; }
  .timeline-year,.journal-entry,#journal,#gallery,#vow-renewal,#travel-log { scroll-margin-top:20px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto!important; } }