/* Entry layout, 2026-09-15. Loaded only on explicitly marked entry pages.
   Required body markers: data-entry-family="aug-topic" with data-entry-file
   vermaechtnis|leistung|robmanitai|kunst, or data-entry-family="ball-labor". */

/* AUG topic entries: keep the research question and first useful sentence above the fold. */
body[data-entry-family="aug-topic"] main#main > .aug-hero-stage,
body[data-entry-family="aug-topic"] main#main > header.aug-hero-stage{padding-block:clamp(3rem,7vh,6rem) clamp(2rem,5vh,4rem);}
body[data-entry-family="aug-topic"] .aug-hero-stage .hero{padding-block:0;}
body[data-entry-family="aug-topic"] .aug-hero-stage .hero h1,
body[data-entry-family="aug-topic"] .aug-hero-stage h1.aug-shimmer{font-size:clamp(2.5rem,5.2vw,4.5rem);line-height:1.06;max-width:15ch;margin-inline:auto;}
body[data-entry-family="aug-topic"] .aug-hero-stage .hero .lede,
body[data-entry-family="aug-topic"] .aug-hero-stage .hero .hero-payoff{max-width:42rem;margin-inline:auto;font-size:clamp(1rem,1.45vw,1.25rem);line-height:1.5;}
body[data-entry-family="aug-topic"] .aug-hero-stage .hero-actions{margin-top:clamp(1.25rem,3vh,2.5rem);}
body[data-entry-family="aug-topic"] .aug-hero-stage .hero-portrait-tall{margin-top:clamp(1.5rem,4vh,3.5rem);}

/* Four fields stay equal, but are a compact route index on the entry itself. */
body[data-entry-family="aug-topic"] .perspective-fields{width:min(100% - 2rem,72rem);margin-inline:auto;padding-block:.75rem;}
body[data-entry-family="aug-topic"] .perspective-fields__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;}
body[data-entry-family="aug-topic"] .perspective-fields__link{min-height:3.25rem;padding:.65rem .75rem;}
body[data-entry-family="aug-topic"] .perspective-fields__desc{font-size:.72rem;line-height:1.25;}
@media (max-width:700px){
  body[data-entry-family="aug-topic"] .perspective-fields{width:min(100% - 1rem,32rem);padding-block:.35rem;}
  body[data-entry-family="aug-topic"] .perspective-fields__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;}
  body[data-entry-family="aug-topic"] .perspective-fields__link{min-height:2.75rem;padding:.55rem .6rem;display:grid;grid-template-columns:auto 1fr;column-gap:.45rem;align-items:center;}
  body[data-entry-family="aug-topic"] .perspective-fields__num{grid-row:span 2;font-size:.72rem;}
  body[data-entry-family="aug-topic"] .perspective-fields__desc{display:none;}
  body[data-entry-family="aug-topic"] .aug-hero-stage .hero h1,
  body[data-entry-family="aug-topic"] .aug-hero-stage h1.aug-shimmer{font-size:clamp(2.15rem,9vw,3rem);line-height:1.1;max-width:17ch;}
  body[data-entry-family="aug-topic"] main#main > .aug-hero-stage,
  body[data-entry-family="aug-topic"] main#main > header.aug-hero-stage{padding-block:2rem 1.75rem;}
  body[data-entry-family="aug-topic"] .aug-hero-stage .hero .lede,
  body[data-entry-family="aug-topic"] .aug-hero-stage .hero .hero-payoff{font-size:1rem;line-height:1.45;}
}

/* BallScience performance lab: show the explanatory sentence before the large media stage. */
body[data-entry-family="ball-labor"] .hero.hero-kino{min-height:min(66svh,38rem)!important;}
body[data-entry-family="ball-labor"] .hero.hero-kino .hero-text{max-width:44rem;}
body[data-entry-family="ball-labor"] .hero.hero-kino h1{font-size:clamp(2.4rem,5vw,4.5rem)!important;line-height:1.06;max-width:15ch;}
body[data-entry-family="ball-labor"] .hero.hero-kino .why-matters{max-width:40rem;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.5;margin-top:1rem;}
body[data-entry-family="ball-labor"] .hero.hero-kino .hero-lede-block{max-width:40rem;}
@media (max-width:700px){
  body[data-entry-family="ball-labor"] .hero.hero-kino{min-height:auto!important;padding-block:2.25rem 1.5rem;}
  body[data-entry-family="ball-labor"] .hero.hero-kino h1{font-size:clamp(2rem,9vw,3rem)!important;max-width:17ch;}
  body[data-entry-family="ball-labor"] .hero.hero-kino .why-matters{font-size:1rem;line-height:1.45;}
  body[data-entry-family="ball-labor"] .hero.hero-kino .hero-media-stage{margin-top:1.25rem;}
}

/* Resolve legacy cinematic spacing without affecting the rest of the essays. */
body[data-entry-family] main>research-guide{width:calc(100% - 40px)!important;max-width:1080px!important;margin:12px auto 28px!important;}
body[data-entry-family="aug-topic"] main>.aug-hero-stage{padding:38px 0 32px!important;min-height:0!important;}
body[data-entry-family="aug-topic"] .aug-hero-stage .hero{padding:0!important;min-height:0!important;}
body[data-entry-family="aug-topic"] .aug-hero-stage h1.aug-shimmer{font-size:clamp(38px,5.2vw,66px)!important;line-height:1.06!important;max-width:24ch!important;}
body[data-entry-family="aug-topic"] .perspective-fields{margin:24px auto 40px!important;padding:16px!important;}
body[data-entry-family="aug-topic"] .perspective-fields__link{padding:12px!important;}
body[data-entry-family="aug-topic"] .perspective-fields__title{font-size:clamp(18px,2vw,25px)!important;}
body[data-entry-family="aug-topic"] .ki-film-hinweis-r100{font:13px/1.5 Arial,sans-serif!important;margin-top:20px!important;}
body[data-entry-family="aug-topic"] .aug-hero-stage .hero-ruhe{padding:20px!important;}
body[data-entry-family="aug-topic"] .aug-hero-stage .lead,
body[data-entry-family="aug-topic"] .aug-hero-stage .lede{font-size:clamp(17px,1.8vw,22px)!important;line-height:1.5!important;max-width:42rem;margin-inline:auto;}
body[data-entry-family="aug-topic"] .aug-hero-stage .hero-payoff{font-size:clamp(17px,1.65vw,20px)!important;line-height:1.45!important;}
body[data-entry-family="aug-topic"] .aug-hero-stage .kicker{font-size:13px!important;line-height:1.5!important;letter-spacing:.08em;}
@media(max-width:700px){
 body[data-entry-family="aug-topic"] main>.aug-hero-stage{padding:24px 0!important;}
 body[data-entry-family="aug-topic"] .aug-hero-stage h1.aug-shimmer{font-size:clamp(34px,8.5vw,48px)!important;line-height:1.1!important;max-width:19ch!important;}
 body[data-entry-family="aug-topic"] .perspective-fields{padding:8px!important;}
 body[data-entry-family="aug-topic"] .perspective-fields__link{padding:8px!important;}
 body[data-entry-family="aug-topic"] .aug-hero-stage .hero-ruhe{padding:12px!important;}
}
body[data-entry-family="ball-labor"] #top>header.hero.hero-kino{display:block!important;min-height:0!important;padding:48px 0!important;}
body[data-entry-family="ball-labor"] #top>header.hero.hero-kino>.inner{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(260px,1fr)!important;width:100%!important;max-width:1200px!important;margin:auto!important;padding:0 32px!important;gap:36px!important;}
body[data-entry-family="ball-labor"] #top>header.hero.hero-kino .hero-text{width:auto!important;min-width:0!important;max-width:none!important;padding:24px!important;}
body[data-entry-family="ball-labor"] #top>header.hero.hero-kino h1{font-size:clamp(32px,3.6vw,48px)!important;line-height:1.12!important;max-width:22ch!important;}
body[data-entry-family="ball-labor"] #top>header.hero.hero-kino .why-matters,
body[data-entry-family="ball-labor"] #top>header.hero.hero-kino .lede{font-size:17px!important;line-height:1.5!important;}
@media(max-width:760px){
 body[data-entry-family="ball-labor"] #top>header.hero.hero-kino{padding:24px 0!important;}
 body[data-entry-family="ball-labor"] #top>header.hero.hero-kino>.inner{grid-template-columns:minmax(0,1fr)!important;padding:0 16px!important;gap:20px!important;}
 body[data-entry-family="ball-labor"] #top>header.hero.hero-kino .hero-text{padding:18px!important;}
 body[data-entry-family="ball-labor"] #top>header.hero.hero-kino h1{font-size:32px!important;}
}