/* JOURNEY ATLAS — canonical 201-destination scope + shared visual language */

:root{
  --paper:#f7f3e9;
  --soft:#fbf8f0;
  --line:#d8d0c0;
  --jp-ui:"Zen Kaku Gothic New","Hanken Grotesk",sans-serif;
}
html{scroll-padding-top:96px;}
body{
  background:var(--paper);
  padding-top:82px;
}

/* Keep the global header visible while exploring the long top page. */
.top-header.shell{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:100;
  width:100%;
  min-height:82px;
  margin:0;
  padding-inline:max(28px,calc((100vw - 1460px)/2));
  background:rgba(247,243,233,.94);
  border-bottom:1px solid rgba(11,44,87,.11);
  box-shadow:0 3px 14px rgba(9,42,75,.045);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.explore-card__copy{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  padding-left:18px!important;
  padding-right:18px!important;
}
.explore-card__copy>div{min-width:0}
.explore-icon{display:none!important}

.explore-card__kicker,
.section-kicker{
  display:block;
  margin:0 0 5px;
  color:#8b7457;
  font:700 8.5px/1.2 var(--sans);
  letter-spacing:.18em;
  text-transform:uppercase;
}
.explore-card__kicker{margin-bottom:6px}
.explore-card__copy h2{margin-top:0}

/* Keep the top hero editorial, while shared UI typography follows country pages. */
.explore-card__copy h2,
.explore-card__copy p,
.section-head h2,
.section-head p,
.detail-heading h2,
.detail-heading p,
.theme-icons b,
.theme-icons small,
.all-countries-panel__head strong,
.all-countries-panel__head p,
.country-card p,
.lens-card p,
.top-header nav{
  font-family:var(--jp-ui)!important;
}

.explore-card,
.country-card,
.detail-panel,
.theme-icons button,
.lens-card,
.all-countries-panel{
  border-color:var(--line)!important;
  background:var(--soft)!important;
}
.explore-card{border-radius:13px!important;}
.detail-panel,.all-countries-panel{border-radius:14px!important;}
.country-card,.lens-card,.theme-icons button{border-radius:9px!important;}

.countries .section-head>div,
.theme-panel .theme-heading>div{min-width:0}
.countries .section-kicker,
.theme-panel .section-kicker{margin-bottom:7px}

.country-head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.wish-list-toggle{color:#8a5c48}

.lens-head .lens-kicker{
  margin-bottom:7px;
  color:#8b7457;
}

#about.about-note{
  grid-template-columns:220px minmax(0,1fr);
  gap:54px;
  align-items:start;
}
.about-note__label{min-width:0}
.about-note__label .section-kicker{margin:0 0 8px}
.about-note__label strong{
  display:block;
  font-size:18px;
  line-height:1.3;
  letter-spacing:.08em;
  font-family:var(--sans);
}
.about-note__content{max-width:920px}
#about.about-note .about-note__content p{
  display:block!important;
  max-width:none;
  margin:0;
}
#about.about-note .about-note__lead{
  font:500 17px/1.8 var(--jp);
  color:#243d52;
  letter-spacing:.01em;
}
#about.about-note .about-note__lead + p{
  margin-top:12px;
  font:500 12.5px/1.9 var(--jp-ui);
  color:#405364;
}
.about-note__link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:17px;
  color:#173b5d;
  font:700 11px/1.4 var(--jp-ui);
  text-decoration:none;
}
.about-note__link span{
  font-size:15px;
  line-height:1;
}
.about-note__link:hover,
.about-note__link:focus-visible{
  text-decoration:underline;
  text-underline-offset:5px;
  outline:none;
}
#about.about-note .about-note__definition{
  margin-top:18px;
  padding-top:0;
  border-top:0;
  font:500 9.5px/1.8 var(--jp-ui);
  color:#7a858c;
}
#about.about-note .about-note__definition b{
  margin-right:7px;
  color:#64737c;
  font-weight:700;
}

@media(max-width:760px){
  html{scroll-padding-top:84px;}
  body{padding-top:72px;}
  .top-header.shell{
    min-height:72px;
    padding-inline:18px;
  }
  .explore-card__copy{padding:12px 14px!important}
  .explore-card__kicker{font-size:7.8px;letter-spacing:.15em}
  .section-kicker{font-size:8px}
  .country-head-actions{width:100%;justify-content:flex-start}

  #about.about-note{
    display:block;
    padding-top:30px;
    padding-bottom:36px;
  }
  .about-note__label{margin-bottom:18px}
  .about-note__label strong{font-size:16px}
  #about.about-note .about-note__lead{font-size:15px;line-height:1.75}
  #about.about-note .about-note__lead + p{margin-top:10px;font-size:11.5px;line-height:1.85}
  #about.about-note .about-note__definition{margin-top:15px;padding-top:0;border-top:0;font-size:8.8px;line-height:1.75}
}


/* Top-page hierarchy: About stands on spacing alone; JOURNEY LENS stays secondary. */
#about.about-note{
  border-top:0!important;
}
#lens-world .lens-rail .lens-card,
#lens-world .lens-rail .lens-card:nth-child(n){
  flex-basis:clamp(172px,15.5vw,195px)!important;
}
#lens-world .lens-card__body{
  min-height:62px;
  padding:8px 9px 9px;
}
@media(max-width:760px){
  #lens-world .lens-rail .lens-card,
  #lens-world .lens-rail .lens-card:nth-child(n){
    flex-basis:min(58vw,190px)!important;
  }
  #lens-world .lens-card__body{
    min-height:64px;
  }
}