/* Side Studies · Frame 001 · V1
   Universal presentation scaffold. Subject-specific architecture remains untouched. */

body.side-frame-001 .side-hero,
body.side-frame-001 .library-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.46fr) minmax(300px,.54fr)!important;
  grid-template-rows:auto auto auto;
  column-gap:clamp(48px,6vw,96px)!important;
  row-gap:clamp(22px,3.2vh,38px)!important;
  align-items:end!important;
  min-height:0!important;
  padding:clamp(42px,5.7vh,66px) 0 clamp(30px,4vh,44px)!important;
}

body.side-frame-001 .side-hero>.eyebrow,
body.side-frame-001 .library-hero>.eyebrow{
  grid-column:1;
  grid-row:1;
  align-self:end;
  margin:0 0 2px!important;
  color:var(--accent)!important;
  font-size:.67rem!important;
  font-weight:700!important;
  letter-spacing:.16em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
}

body.side-frame-001 .side-hero>h1,
body.side-frame-001 .library-hero>h1{
  grid-column:1;
  grid-row:2;
  min-width:0;
  max-width:100%!important;
  margin:0!important;
  font-family:var(--serif)!important;
  font-size:clamp(5rem,9.4vw,10.4rem)!important;
  font-weight:500!important;
  letter-spacing:-.064em!important;
  line-height:.82!important;
  overflow-wrap:anywhere;
  text-wrap:balance;
}

body.side-frame-001 .side-hero>.lede,
body.side-frame-001 .library-hero>.lede{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:end;
  min-width:0;
  max-width:520px!important;
  margin:0!important;
  padding-top:17px;
  border-top:1px solid var(--ink);
  color:#38352f!important;
  font-family:var(--serif)!important;
  font-size:clamp(1.06rem,1.35vw,1.26rem)!important;
  line-height:1.48!important;
}

body.side-frame-001 .side-hero>.lede::before,
body.side-frame-001 .library-hero>.lede::before{
  content:"Purpose";
  display:block;
  margin:0 0 14px;
  color:var(--accent);
  font-family:var(--sans);
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.16em;
  line-height:1.2;
  text-transform:uppercase;
}

body.side-frame-001 .side-hero>.thesis-strip,
body.side-frame-001 .side-hero>.nutrition-thesis{
  grid-column:1;
  grid-row:3;
  min-width:0;
  margin:0!important;
  padding:18px 0 0!important;
  border-top:1px solid var(--line)!important;
}

body.side-frame-001 .side-hero>.thesis-strip::before,
body.side-frame-001 .side-hero>.nutrition-thesis::before{
  content:"Model";
  flex:0 0 100%;
  display:block;
  margin:0 0 9px;
  color:var(--accent);
  font-family:var(--sans);
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.14em;
  line-height:1.2;
  text-transform:uppercase;
}

body.side-frame-001 .side-hero>.stats{
  grid-column:2;
  grid-row:3;
  min-width:0;
  margin:0!important;
  padding:18px 0 0!important;
  border-top:1px solid var(--line);
  gap:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

body.side-frame-001 .side-hero>.stats::before{
  content:"Structure";
  grid-column:1/-1;
  display:block;
  margin:0 0 9px;
  color:var(--accent);
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.14em;
  line-height:1.2;
  text-transform:uppercase;
}

body.side-frame-001 .side-hero>.stats>.stat{
  min-width:0;
  margin:0!important;
  padding:8px 14px 8px 0!important;
  border:0!important;
}

body.side-frame-001 .side-hero>.stats>.stat strong{
  font-size:1.45rem!important;
  line-height:1!important;
}

body.side-frame-001 .side-hero>.stats>.stat span{
  display:block;
  margin-top:4px;
  line-height:1.3;
}

body.side-frame-001 .side-hero:not(:has(>.thesis-strip,>.nutrition-thesis))>.stats{
  grid-column:1/-1;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

body.side-frame-001 .side-hero:not(:has(>.stats))>.thesis-strip,
body.side-frame-001 .side-hero:not(:has(>.stats))>.nutrition-thesis{
  grid-column:1/-1;
}

body.side-frame-001 .library-hero>.research-entry{
  grid-column:1/-1;
  grid-row:3;
  display:flex!important;
  align-items:baseline;
  gap:16px;
  width:100%!important;
  margin:0!important;
  padding:18px 0 0!important;
  border:0!important;
  border-top:1px solid var(--line)!important;
  color:var(--ink)!important;
  text-decoration:none!important;
}

body.side-frame-001 .library-hero>.research-entry::before{
  content:"Evidence";
  color:var(--accent);
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

body.side-frame-001 .study-nav{
  border-top:1px solid var(--ink)!important;
}

body.side-frame-001 .study-nav>.shell{
  display:flex!important;
  align-items:stretch!important;
  gap:0!important;
  overflow-x:auto!important;
}

body.side-frame-001 .study-nav>.shell::before{
  content:"Study sections";
  flex:0 0 164px;
  display:flex;
  align-items:center;
  padding:0 20px 0 0;
  border-right:1px solid var(--line);
  color:var(--ink);
  font-size:.68rem;
  font-weight:750;
  letter-spacing:.14em;
  line-height:1.15;
  text-transform:uppercase;
  white-space:nowrap;
}

body.side-frame-001 .study-nav .tab{
  min-width:max-content;
  padding:17px 17px 15px!important;
  border-right:1px solid var(--line)!important;
  border-bottom-width:3px!important;
  font-size:.74rem!important;
  font-weight:700!important;
  letter-spacing:.055em!important;
  text-transform:none!important;
}

body.side-frame-001 .study-nav .tab:last-child{
  border-right:0!important;
}

body.side-frame-001 .panel{
  padding-top:clamp(44px,6vh,64px);
}

body.side-frame-001 .panel-intro{
  grid-template-columns:minmax(220px,.48fr) minmax(0,1.52fr)!important;
  gap:clamp(36px,5vw,72px)!important;
  margin-bottom:40px!important;
}

body.side-frame-001 .panel-intro h2{
  font-size:clamp(2.45rem,3.7vw,3.9rem)!important;
  line-height:.97!important;
  letter-spacing:-.035em!important;
}

body.side-reference.side-frame-001 .study-nav>.shell::before{display:none}

@media(max-width:980px){
  body.side-frame-001 .side-hero,
  body.side-frame-001 .library-hero{
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
    row-gap:26px!important;
    padding:44px 0 34px!important;
  }
  body.side-frame-001 .side-hero>.eyebrow,
  body.side-frame-001 .library-hero>.eyebrow,
  body.side-frame-001 .side-hero>h1,
  body.side-frame-001 .library-hero>h1,
  body.side-frame-001 .side-hero>.lede,
  body.side-frame-001 .library-hero>.lede,
  body.side-frame-001 .side-hero>.thesis-strip,
  body.side-frame-001 .side-hero>.nutrition-thesis,
  body.side-frame-001 .side-hero>.stats,
  body.side-frame-001 .library-hero>.research-entry{
    grid-column:1!important;
    grid-row:auto!important;
  }
  body.side-frame-001 .side-hero>h1,
  body.side-frame-001 .library-hero>h1{
    font-size:clamp(4.7rem,15vw,8.3rem)!important;
  }
  body.side-frame-001 .side-hero>.lede,
  body.side-frame-001 .library-hero>.lede{
    display:grid;
    grid-template-columns:120px minmax(0,1fr);
    gap:24px;
    max-width:none!important;
    align-items:start;
  }
  body.side-frame-001 .side-hero>.lede::before,
  body.side-frame-001 .library-hero>.lede::before{
    margin:4px 0 0;
  }
  body.side-frame-001 .side-hero>.stats,
  body.side-frame-001 .side-hero:not(:has(>.thesis-strip,>.nutrition-thesis))>.stats{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

@media(max-width:700px){
  body.side-frame-001 .side-hero,
  body.side-frame-001 .library-hero{
    row-gap:22px!important;
    padding:34px 0 28px!important;
  }
  body.side-frame-001 .side-hero>h1,
  body.side-frame-001 .library-hero>h1{
    font-size:clamp(4rem,20vw,6.8rem)!important;
    line-height:.84!important;
  }
  body.side-frame-001 .side-hero>.lede,
  body.side-frame-001 .library-hero>.lede{
    display:block;
    padding-top:14px;
    font-size:1.05rem!important;
  }
  body.side-frame-001 .side-hero>.lede::before,
  body.side-frame-001 .library-hero>.lede::before{
    margin:0 0 11px;
  }
  body.side-frame-001 .side-hero>.stats,
  body.side-frame-001 .side-hero:not(:has(>.thesis-strip,>.nutrition-thesis))>.stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.side-frame-001 .study-nav>.shell::before{display:none}
  body.side-frame-001 .study-nav>.shell{
    width:100%!important;
    padding-left:12px;
    padding-right:12px;
  }
  body.side-frame-001 .study-nav .tab{
    padding:14px 15px 12px!important;
  }
  body.side-frame-001 .panel-intro{
    grid-template-columns:1fr!important;
    gap:16px!important;
    margin-bottom:30px!important;
  }
}