/*
 * HLRN Team Headquarters — two-layer cinematic theme, 2026-10-28.
 * Banner uses HLRN_Teams_(Day|Night)_Background.png.
 * Body wallpaper uses HLRN_Teams_Full_Page_(Day|Night)_Background.png.
 * Only /team-pages/ includes this stylesheet.
 * Team links, logos, individual profile pages and data are unchanged.
 */
body.hlrn-teams-wallpaper-page{
  min-height:100vh!important;
  background-repeat:no-repeat,no-repeat!important;
  background-position:center center,center center!important;
  background-size:cover,cover!important;
  background-attachment:fixed,fixed!important;
}
html[data-hlrn-theme="light"] body.hlrn-teams-wallpaper-page{
  background-color:#f4f7fa!important;
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.15),rgba(255,255,255,.04) 25%,rgba(255,255,255,.04) 75%,rgba(255,255,255,.15)),
    url("./HLRN_Teams_Full_Page_Day_Background.png")!important;
}
html[data-hlrn-theme="dark"] body.hlrn-teams-wallpaper-page,
html:not([data-hlrn-theme]) body.hlrn-teams-wallpaper-page{
  background-color:#050811!important;
  background-image:
    linear-gradient(90deg,rgba(2,5,12,.17),rgba(2,5,12,.04) 25%,rgba(2,5,12,.04) 75%,rgba(2,5,12,.17)),
    url("./HLRN_Teams_Full_Page_Night_Background.png")!important;
}

/* This is an image-only hero, not a second set of headings. The pictures
   already contain the HLRN / TEAMS title. Never duplicate it as overlay. */
body.hlrn-teams-wallpaper-page > .hlrn-teams-banner{
  position:relative;
  width:100%;
  height:clamp(320px,34vw,565px);
  overflow:hidden;
  margin:0;
  border-top:3px solid #d92142;
  border-bottom:5px solid #d92142;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center 0!important;
  isolation:isolate;
  box-shadow:0 20px 70px rgba(0,0,0,.20);
}
html[data-hlrn-theme="light"] body.hlrn-teams-wallpaper-page > .hlrn-teams-banner{
  background-color:#f5f7fa!important;
  background-image:url("./HLRN_Teams_Day_Background.png")!important;
}
html[data-hlrn-theme="dark"] body.hlrn-teams-wallpaper-page > .hlrn-teams-banner,
html:not([data-hlrn-theme]) body.hlrn-teams-wallpaper-page > .hlrn-teams-banner{
  background-color:#070a12!important;
  background-image:url("./HLRN_Teams_Night_Background.png")!important;
}
body.hlrn-teams-wallpaper-page > .hlrn-teams-banner::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:18%;
  background:linear-gradient(0deg,rgba(0,0,0,.2),transparent);
  pointer-events:none;
}

/* Remove the enormous white background and decorative overlay which
   otherwise hide the uploaded FULL-PAGE image. */
html[data-hlrn-theme] body.hlrn-teams-wallpaper-page > main.wrap{
  position:relative!important;
  isolation:auto!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  clip-path:none!important;
  padding-bottom:clamp(36px,5vw,90px)!important;
}
html[data-hlrn-theme] body.hlrn-teams-wallpaper-page > main.wrap::before,
html[data-hlrn-theme] body.hlrn-teams-wallpaper-page > main.wrap::after{
  display:none!important;
  content:none!important;
}

/* The original accessible H1 remains present; visually the HLRN image
   already carries this title. The editorial description is the content lead. */
body.hlrn-teams-wallpaper-page > main.wrap .intro{
  position:relative;
  z-index:1;
  margin:clamp(19px,2.8vw,43px) auto 19px!important;
  padding:clamp(22px,2.6vw,34px)!important;
  max-width:1130px;
  border-radius:8px;
  border-left:5px solid #e22d4a;
  text-align:left;
}
body.hlrn-teams-wallpaper-page > main.wrap .intro h1{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  border:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
}
body.hlrn-teams-wallpaper-page > main.wrap .intro .eyebrow{
  font-size:clamp(11px,1.2vw,14px)!important;
  letter-spacing:.16em!important;
  font-weight:900!important;
}
body.hlrn-teams-wallpaper-page > main.wrap .intro p{
  max-width:860px!important;
  margin:11px 0 0!important;
  font-size:clamp(14px,1.3vw,17px)!important;
  line-height:1.6!important;
  text-align:left!important;
}
html[data-hlrn-theme="light"] body.hlrn-teams-wallpaper-page > main.wrap .intro{
  background:rgba(255,255,255,.94)!important;
  border-color:#dd2345!important;
  box-shadow:0 14px 45px rgba(8,18,35,.12);
}
html[data-hlrn-theme="dark"] body.hlrn-teams-wallpaper-page > main.wrap .intro,
html:not([data-hlrn-theme]) body.hlrn-teams-wallpaper-page > main.wrap .intro{
  background:rgba(5,10,19,.91)!important;
  border-color:#f52d4d!important;
  box-shadow:0 18px 60px rgba(0,0,0,.34);
}
html[data-hlrn-theme="dark"] body.hlrn-teams-wallpaper-page > main.wrap .intro :is(.eyebrow,p){
  color:#f3f5f9!important;
  -webkit-text-fill-color:#f3f5f9!important;
}
html[data-hlrn-theme="light"] body.hlrn-teams-wallpaper-page > main.wrap .intro :is(.eyebrow,p){
  color:#202b3a!important;
  -webkit-text-fill-color:#202b3a!important;
}

/* Team tabs & cards remain legible and retain each team's logo/accent. */
body.hlrn-teams-wallpaper-page > main.wrap .tabs{
  z-index:1;
  backdrop-filter:blur(10px);
}
body.hlrn-teams-wallpaper-page > main.wrap .section-head{
  margin-top:18px!important;
  border-bottom-width:3px!important;
  padding-top:12px!important;
}
html[data-hlrn-theme="light"] body.hlrn-teams-wallpaper-page > main.wrap .section-head{
  background:rgba(255,255,255,.87)!important;
  box-shadow:0 12px 25px rgba(10,18,35,.09);
  border-radius:4px;
}
html[data-hlrn-theme="dark"] body.hlrn-teams-wallpaper-page > main.wrap .section-head{
  background:rgba(5,10,18,.89)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.26);
  border-radius:4px;
}
html[data-hlrn-theme="dark"] body.hlrn-teams-wallpaper-page > main.wrap .section-head :is(h2,small){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.hlrn-teams-wallpaper-page > main.wrap .team{
  backdrop-filter:blur(5px);
  box-shadow:0 20px 48px rgba(0,0,0,.18)!important;
}
html[data-hlrn-theme="dark"] body.hlrn-teams-wallpaper-page > main.wrap .team{
  background-color:#090d17!important;
  box-shadow:0 20px 50px rgba(0,0,0,.42)!important;
}
html[data-hlrn-theme="light"] body.hlrn-teams-wallpaper-page > main.wrap .team{
  background-color:rgba(255,255,255,.97)!important;
  box-shadow:0 18px 45px rgba(12,25,43,.15)!important;
}
body.hlrn-teams-wallpaper-page > main.wrap .team:focus-visible{
  outline:3px solid #f73f5e!important;
  outline-offset:4px!important;
}
body.hlrn-teams-wallpaper-page > .footer{
  position:relative;
  z-index:1;
}

@media(max-width:760px){
  body.hlrn-teams-wallpaper-page > .hlrn-teams-banner{
    height:clamp(220px,55vw,350px);
    background-position:center 0!important;
  }
  body.hlrn-teams-wallpaper-page{
    background-attachment:scroll,scroll!important;
    background-position:center top,center top!important;
    background-size:cover,auto 100vh!important;
    background-repeat:no-repeat,repeat-y!important;
  }
  body.hlrn-teams-wallpaper-page > main.wrap .intro{
    margin:15px auto 18px!important;
    padding:19px!important;
  }
  body.hlrn-teams-wallpaper-page > main.wrap .intro p{
    font-size:14px!important;
  }
}
@media(max-width:450px){
  body.hlrn-teams-wallpaper-page > .hlrn-teams-banner{
    height:205px;
  }
}
@media(prefers-reduced-motion:reduce){
  body.hlrn-teams-wallpaper-page{
    background-attachment:scroll,scroll!important;
  }
}