/* Human Earth Lab v38 — methods content + publication-explorer isolation */

/* Method detail: keep one editorial reading column plus one related-study rail. */
.hel-v38-method-detail .hel-v36-method-layout{
  grid-template-columns:minmax(0,1fr) minmax(300px,340px);
  gap:clamp(2.6rem,5vw,4.8rem);
  max-width:1200px;
}
.hel-v38-method-detail .hel-v36-method-main{max-width:780px}
.hel-v38-method-detail .hel-v36-method-section{scroll-margin-top:110px}
.hel-v38-method-detail .hel-v36-method-section>p{max-width:740px}

/* In-page method navigation stays compact and never competes with page content. */
.hel-v38-method-detail .hel-v36-anchor-nav .container{
  gap:clamp(.9rem,2.1vw,1.55rem);
  scrollbar-width:none;
}
.hel-v38-method-detail .hel-v36-anchor-nav .container::-webkit-scrollbar{display:none}
.hel-v38-method-detail .hel-v36-anchor-nav a{font-size:.79rem;letter-spacing:.005em}

/* Explain the principle without turning the page into a dashboard. */
.hel-v38-principle-section{position:relative}
.hel-v38-principle-section:before{
  content:"";position:absolute;left:-1.1rem;top:.25rem;bottom:2.25rem;width:1px;background:#e5ddd4;
}
.hel-v38-reading-note{
  margin-top:1.35rem;padding:1rem 1.1rem;background:#faf8f5;border-radius:12px;border:1px solid #e8e1d9;
}
.hel-v38-reading-note strong{
  display:block;margin-bottom:.35rem;color:#7f302c;font-size:.73rem;text-transform:uppercase;letter-spacing:.085em;
}
.hel-v38-reading-note p{margin:0;line-height:1.6;color:#302c28}
.hel-v38-method-combo{margin-top:1rem;padding-top:.9rem;border-top:1px solid #eee8e1}
.hel-v38-method-combo span{
  display:block;margin-bottom:.25rem;color:#777067;font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.075em;
}
.hel-v38-method-combo p{margin:0;line-height:1.55}

/* Real references are readable, compact and visually secondary. */
.hel-v38-ref-intro{color:#6f675f}
.hel-v38-ref-list{border-top:1px solid #e6dfd7;margin-top:1rem}
.hel-v38-ref-list a{
  display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;padding:.82rem 0;border-bottom:1px solid #e6dfd7;
  color:#2a2622;text-decoration:none;line-height:1.45;
}
.hel-v38-ref-list a:hover span{color:#8b312d}
.hel-v38-ref-list b{white-space:nowrap;font-size:.7rem;letter-spacing:.07em;color:#8b312d;font-weight:750}

/* The related-study rail is the only secondary column on a method page. */
.hel-v38-method-detail .hel-v36-studies{position:static;top:auto;max-height:none;overflow:visible}
.hel-v38-method-detail .hel-v36-studies .hel-v36-study-row:last-child{border-bottom:0}

/* Method index: one extra guidance line, no filters or dashboard chrome. */
.hel-v38-methods-index .hel-v38-index-guide{
  max-width:760px;margin:.75rem 0 0;color:#746c64;font-size:.92rem;line-height:1.6;
}
.hel-v38-methods-index .hel-v36-method-card{min-height:215px}

html[dir="rtl"] .hel-v38-principle-section:before{left:auto;right:-1.1rem}
html[dir="rtl"] .hel-v38-ref-list a{text-align:right}

@media(max-width:991.98px){
 .hel-v38-method-detail .hel-v36-method-layout{grid-template-columns:1fr;gap:2rem}
 .hel-v38-method-detail .hel-v36-method-main{max-width:none}
 .hel-v38-method-detail .hel-v36-studies{position:static;max-height:none;overflow:visible}
 .hel-v38-principle-section:before{display:none}
}
@media(max-width:640px){
 .hel-v38-ref-list a{display:block}
 .hel-v38-ref-list b{display:block;margin-top:.25rem}
}