.hp-fighter-hero{
  background:linear-gradient(135deg,#111419 0%,#171c23 70%,#102746 100%);
  color:#fff;
  padding:64px 0;
}
.hp-fighter-hero-grid{
  display:grid;
  grid-template-columns:270px minmax(0,1fr) 320px;
  gap:46px;
  align-items:center;
}
.hp-fighter-portrait{
  padding:12px;
  background:#171b20;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
}
.hp-fighter-portrait img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:contain;
  object-position:center bottom;
  background:#090b0e;
  border:5px solid #25292d;
  border-radius:12px;
}
.hp-fighter-name{min-width:0}
.hp-fighter-name .hp-kicker{color:#78a0dc!important}
.hp-fighter-name h1{
  margin:14px 0 10px;
  color:#fff!important;
  font-size:clamp(44px,4.4vw,68px);
  line-height:.98;
  letter-spacing:-.045em;
}
.hp-native-name{
  display:flex;
  align-items:baseline;
  gap:18px;
  color:#fff;
  font-size:28px;
}
.hp-native-name span{
  color:#a9b8cd;
  font-size:17px;
}
.hp-fighter-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:30px 0 22px;
}
.hp-fighter-chips span{
  padding:8px 14px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  color:#fff;
  font-size:12px;
}
.hp-fighter-links{
  display:flex;
  flex-wrap:wrap;
  gap:22px;
}
.hp-fighter-links a{
  color:#92b6eb!important;
  font-size:13px;
  font-weight:800;
}
.hp-fighter-links a:hover{color:#fff!important}

.hp-rating-card{
  padding:30px;
  background:#fff;
  color:var(--hp-text);
  border-radius:16px;
}
.hp-rating-card>small{
  color:var(--hp-blue);
  font-weight:900;
  letter-spacing:.09em;
}
.hp-rating-card>strong{
  display:block;
  margin:14px 0 0;
  color:var(--hp-blue);
  font-size:64px;
  line-height:1;
}
.hp-rating-card>span{
  display:block;
  margin-top:4px;
  color:var(--hp-muted);
  font-size:13px;
}
.hp-rating-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px 26px;
  margin-top:24px;
  padding-top:24px;
  border-top:1px solid var(--hp-line);
}
.hp-rating-grid div{min-width:0}
.hp-rating-grid b{
  display:block;
  color:var(--hp-text);
  font-size:20px;
  line-height:1.2;
  overflow-wrap:normal;
}
.hp-rating-grid small{
  display:block;
  margin-top:4px;
  color:var(--hp-muted);
  font-size:10px;
}

.hp-fighter-shell{
  display:grid;
  grid-template-columns:310px minmax(0,1fr);
  gap:40px;
  align-items:start;
  padding:48px 0;
}
.hp-fighter-sidebar{
  display:grid;
  gap:18px;
  align-self:start;
}
.hp-fighter-facts,
.hp-fighter-rankings,
.hp-fighter-bio{
  background:#fff;
  border:1px solid var(--hp-line);
  border-radius:10px;
}
.hp-fighter-facts,
.hp-fighter-rankings{
  padding:20px;
  align-self:start;
}
.hp-fighter-facts dl,
.hp-fighter-rankings dl{margin:0}
.hp-fighter-facts dl div,
.hp-fighter-rankings dl div{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:11px 0;
  border-bottom:1px solid #edf0f2;
}
.hp-fighter-facts dl div:last-child,
.hp-fighter-rankings dl div:last-child{border-bottom:0}
.hp-fighter-facts dt,
.hp-fighter-rankings dt{
  color:var(--hp-muted);
  font-size:11px;
}
.hp-fighter-facts dd,
.hp-fighter-rankings dd{
  max-width:56%;
  margin:0;
  color:var(--hp-text);
  font-size:12px;
  font-weight:750;
  text-align:right;
  overflow-wrap:anywhere;
}
.hp-fighter-rankings dd{
  color:var(--hp-blue);
  font-size:17px;
}

.hp-fighter-bio{
  min-width:0;
  padding:18px 36px;
  overflow:hidden;
}
.hp-fighter-bio-section{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:18px;
  padding:30px 0;
  border-bottom:1px solid var(--hp-line);
}
.hp-fighter-bio-section:last-child{border-bottom:0}
.hp-fighter-bio-section>span{
  padding-top:5px;
  color:#9bb1cd;
  font-size:11px;
  font-weight:900;
}
.hp-fighter-bio-copy{
  min-width:0;
  max-width:100%;
  overflow:hidden;
}
.hp-fighter-bio-copy h2{
  margin:0 0 12px;
  color:var(--hp-text)!important;
  font-size:27px;
}
.hp-fighter-bio-copy p,
.hp-fighter-bio-copy li{
  color:#39414a;
  font-family:Georgia,serif;
  font-size:16px;
  line-height:1.75;
}
.hp-fighter-bio-copy img,
.hp-fighter-bio-copy iframe,
.hp-fighter-bio-copy video,
.hp-fighter-bio-copy figure{
  max-width:100%!important;
}
.hp-fighter-bio-copy img{
  width:auto;
  height:auto;
  max-height:650px;
  object-fit:contain;
}
.hp-fighter-bio-copy figure{margin:22px 0}
.hp-fighter-bio-copy .wp-block-image,
.hp-fighter-bio-copy .wp-block-embed{
  width:100%;
  overflow:hidden;
}
.hp-fighter-assessment{
  display:block!important;
  margin:28px 0 8px!important;
  padding:24px!important;
  background:var(--hp-blue-soft);
  border-left:4px solid var(--hp-blue);
}
.hp-fighter-assessment small{
  color:var(--hp-blue);
  font-weight:900;
  letter-spacing:.08em;
}

.hp-fighter-auto{padding:0 0 40px}
.hp-team-related{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  padding-bottom:40px;
}
.hp-team-panel h3{margin:0;font-size:24px}
.hp-related-fighters{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.hp-related-fighter{
  display:block;
  color:var(--hp-text)!important;
  text-align:center;
}
.hp-related-fighter img{
  width:86px;
  height:86px;
  margin:0 auto 10px;
  object-fit:cover;
  object-position:center top;
  border-radius:50%;
}
.hp-related-fighter strong{
  display:block;
  font-size:12px;
  line-height:1.25;
}
.hp-related-fighter span{
  display:block;
  margin-top:4px;
  color:var(--hp-muted);
  font-size:10px;
}

@media(max-width:1050px){
  .hp-fighter-hero-grid{
    grid-template-columns:230px minmax(0,1fr);
  }
  .hp-rating-card{grid-column:1/-1}
}
@media(max-width:850px){
  .hp-fighter-shell{grid-template-columns:1fr}
  .hp-fighter-sidebar{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .hp-fighter-hero{padding:42px 0}
  .hp-fighter-hero-grid{grid-template-columns:1fr;gap:26px}
  .hp-fighter-portrait{max-width:280px}
  .hp-native-name{display:block;font-size:23px}
  .hp-native-name span{display:block;margin-top:4px}
  .hp-fighter-sidebar{grid-template-columns:1fr}
  .hp-fighter-bio{padding:14px 20px}
  .hp-fighter-bio-section{grid-template-columns:1fr;gap:8px}
  .hp-related-fighters{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Beta 5.7: fighter data discovery and automatic media gallery */
.hp-team-panel{
  align-self:start;
}
.hp-team-panel .hp-meta{
  margin:0;
}

.hp-fighter-media{
  padding:6px 0 46px;
}
.hp-fighter-media-heading{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  margin-bottom:18px;
  padding-bottom:14px;
  border-bottom:1px solid var(--hp-line);
}
.hp-fighter-media-heading small{
  color:var(--hp-blue);
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
}
.hp-fighter-media-heading h2{
  margin:4px 0 0;
  font-size:30px;
  color:var(--hp-text)!important;
}
.hp-fighter-media-heading>span{
  color:var(--hp-muted);
  font-size:11px;
}
.hp-fighter-gallery{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  grid-auto-rows:230px;
  gap:12px;
}
.hp-fighter-gallery-item{
  display:block;
  min-width:0;
  overflow:hidden;
  border-radius:8px;
  background:#e8eaed;
}
.hp-fighter-gallery-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .25s ease;
}
.hp-fighter-gallery-item:hover img{
  transform:scale(1.025);
}
.hp-fighter-gallery-item:first-child{
  grid-row:span 2;
}
.hp-fighter-gallery-count-1{
  grid-template-columns:1fr;
}
.hp-fighter-gallery-count-1 .hp-fighter-gallery-item:first-child{
  grid-row:auto;
  height:420px;
}
.hp-fighter-gallery-count-2{
  grid-template-columns:2fr 1fr;
}
.hp-fighter-gallery-count-2 .hp-fighter-gallery-item:first-child{
  grid-row:auto;
}
@media(max-width:800px){
  .hp-fighter-gallery{
    grid-template-columns:1fr 1fr;
    grid-auto-rows:210px;
  }
  .hp-fighter-gallery-item:first-child{
    grid-row:auto;
    grid-column:1/-1;
  }
}
@media(max-width:560px){
  .hp-fighter-media-heading{
    display:block;
  }
  .hp-fighter-media-heading>span{
    display:block;
    margin-top:6px;
  }
  .hp-fighter-gallery{
    grid-template-columns:1fr;
    grid-auto-rows:220px;
  }
  .hp-fighter-gallery-item:first-child{
    grid-column:auto;
  }
}

/* Beta 5.8 exact ACF mapping */
.hp-fighter-facts dd{
  word-break:normal;
  overflow-wrap:anywhere;
}
.hp-team-panel h3{
  overflow-wrap:anywhere;
}

/* Beta 5.9 richer team card */
.hp-team-panel .hp-section-heading small{
  color:var(--hp-blue);
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
}
.hp-team-card{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:18px;
  align-items:center;
}
.hp-team-logo{
  display:grid;
  place-items:center;
  width:92px;
  height:92px;
  overflow:hidden;
  border-radius:8px;
  background:#101318;
  color:#fff!important;
  font-size:24px;
  font-weight:900;
}
.hp-team-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:10px;
}
.hp-team-card-copy h3{
  margin:0 0 3px;
  font-size:22px;
}
.hp-team-card-copy p{
  margin:0 0 10px;
  color:var(--hp-muted);
  font-size:12px;
}
.hp-team-facts{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.hp-team-facts span{
  display:flex;
  gap:5px;
  color:var(--hp-muted);
  font-size:11px;
}
.hp-team-facts b{color:var(--hp-text)}
.hp-team-links{
  display:flex;
  gap:14px;
  margin-top:10px;
}
.hp-team-links a{
  color:var(--hp-blue)!important;
  font-size:11px;
  font-weight:800;
}
@media(max-width:560px){
  .hp-team-card{grid-template-columns:72px minmax(0,1fr)}
  .hp-team-logo{width:72px;height:72px}
}