/* Human Earth Lab v30 — detail-page consistency and clean sticky rails. */

/* Standard header used by Team profiles and individual Field Notes. */
.hel-standard-header .brandbar{background:#fff}
.hel-standard-header .brand{min-width:0}
.hel-standard-header .logo-mark{width:46px!important;height:46px!important;display:block}
.hel-standard-header .hel-brand-title{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  font-weight:750;letter-spacing:-.025em;line-height:1.05
}
.hel-standard-header .hel-brand-tagline{line-height:1.25}
.hel-standard-header .lang{display:flex;align-items:center;gap:.45rem;flex:0 0 auto}
.hel-standard-header .lang a,.hel-standard-header .lang strong{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:24px}

/* Team profile pages: same typography and spacing as the public HEL pages. */
body.hel-person-detail-page main{background:#fff}
body.hel-person-detail-page .hel-person-profile{max-width:1120px!important;padding-top:clamp(3rem,6vw,5.5rem);padding-bottom:clamp(4rem,7vw,6.5rem)}
body.hel-person-detail-page .hel-person-profile-grid{gap:clamp(2rem,5vw,5rem)}
body.hel-person-detail-page .hel-person-profile h1{
  font-family:"Iowan Old Style","Palatino Linotype",Georgia,serif!important;
  font-size:clamp(2.8rem,5.8vw,5.3rem)!important;
  line-height:.97!important;letter-spacing:-.045em!important;font-weight:600!important;margin:.35rem 0 .9rem
}
body.hel-person-detail-page .hel-person-profile .lead{font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.5}
body.hel-person-detail-page .hel-person-back{display:inline-block;margin-bottom:2rem;color:#5d625f;text-decoration:none}
body.hel-person-detail-page .hel-person-back:hover{text-decoration:underline}

/* Locality detail rail: use the restrained Field Notes treatment, not pill buttons. */
body.hel-site-detail-page .site-section-nav,
.site-section-nav{
  position:sticky!important;
  top:var(--hel-primary-nav-height,58px)!important;
  z-index:1015!important;
  margin:0!important;
  padding:0!important;
  background:rgba(255,255,255,.92)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.08)!important;
  backdrop-filter:blur(14px) saturate(1.08)!important;
  border-top:1px solid rgba(21,25,28,.11)!important;
  border-bottom:1px solid rgba(21,25,28,.11)!important;
  box-shadow:none!important;
}
body.hel-site-detail-page .site-section-nav>.container,
.site-section-nav>.container{
  width:100%!important;
  max-width:1180px!important;
  min-width:0!important;
  margin-inline:auto!important;
  padding:.66rem 1rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:1rem!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.site-section-nav>.container::-webkit-scrollbar{display:none!important}
body.hel-site-detail-page .site-section-nav a,
.site-section-nav a{
  flex:0 0 auto!important;
  display:block!important;
  min-width:max-content!important;
  margin:0!important;
  padding:.22rem 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#5f625f!important;
  font-size:.82rem!important;
  font-weight:650!important;
  line-height:1.25!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.site-section-nav a:hover,.site-section-nav a:focus-visible{color:#171816!important;text-decoration:underline!important;text-underline-offset:.22em}
.site-section-nav a.is-active,.site-section-nav a[aria-current="location"]{
  color:#171816!important;background:transparent!important;border:0!important;box-shadow:none!important;
  text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:.24em!important
}

/* Individual Field Notes use the same full HEL header but retain their editorial article rail. */
body.hel-field-note-detail-page .hel-article-nav{position:sticky;top:var(--hel-primary-nav-height,58px);z-index:1015}
body.hel-field-note-detail-page .hel-article-nav>.container{max-width:980px}
body.hel-field-note-detail-page .hel-article-nav a{flex:0 0 auto}

@media(max-width:991.98px){
  .hel-standard-header .logo-mark{width:40px!important;height:40px!important}
  .hel-standard-header .hel-brand-tagline{display:none}
  .site-section-nav{top:var(--hel-primary-nav-height,52px)!important}
  .site-section-nav>.container{max-width:100%!important;padding:.58rem .85rem!important;gap:.85rem!important}
  body.hel-field-note-detail-page .hel-article-nav{top:var(--hel-primary-nav-height,52px)}
}
@media(max-width:575.98px){
  .hel-standard-header .brandbar{padding-block:.55rem!important}
  .hel-standard-header .logo-mark{width:36px!important;height:36px!important}
  .hel-standard-header .hel-brand-title{font-size:1rem!important}
  .site-section-nav>.container{padding:.54rem .75rem!important;gap:.8rem!important}
  .site-section-nav a{font-size:.78rem!important}
}