/* Race detail pages: keep the portrait/sidebar composition, but use the same
   restrained reading rhythm as the class reference pages. */

.race-content-section[id],
.race-edition-comparison[id]{
  scroll-margin-top:110px;
}

.race-2024-main #race-overview{
  width:100%;
  max-width:none;
  margin:0 0 26px;
  padding:0 0 24px;
  border-bottom:1px solid #ddd4c8;
}
.race-2024-main #race-overview h2{
  margin:6px 0 16px;
  font-size:clamp(26px,3vw,34px);
  line-height:1.12;
}
.race-2024-main #race-overview p{
  width:100%;
  max-width:none;
  margin:0 0 17px;
  color:#302d29;
  font:18px/1.72 Arial,Helvetica,sans-serif;
}
.race-2024-main #race-overview p:last-child{margin-bottom:0}

.race-section-nav{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:0 0 34px;
  padding:12px;
  border:1px solid #ded6cb;
  background:#f6f2eb;
}
.race-section-nav a{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:9px 14px;
  border:1px solid #d4cabe;
  background:#fff;
  color:#2a2927;
  font-size:13px;
  font-weight:800;
  line-height:1.25;
  text-decoration:none;
}
.race-section-nav a:hover,
.race-section-nav a:focus-visible{
  border-color:var(--red);
  color:var(--red);
}

.race-2024-main .race-content-section{
  max-width:none;
  margin:0 0 35px;
  padding:0 0 32px;
  border-bottom:1px solid #ddd4c8;
}
.race-2024-main .race-content-section:last-of-type{margin-bottom:30px}

.race-section-heading{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  margin:0 0 10px;
}
.race-section-heading>span{
  color:#7b6e63;
  font:800 10px/1.3 Arial,Helvetica,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.race-section-heading>h2,
.race-2024-main .race-content-section .race-section-heading>h2{
  margin:0;
  padding:0;
  border:0;
  color:#211e1b;
  font:700 clamp(24px,2.6vw,30px)/1.2 Georgia,serif;
}

.race-feature-list{display:block}
.race-feature-block{
  display:grid;
  grid-template-columns:minmax(180px,230px) minmax(0,1fr);
  gap:30px;
  margin:0;
  padding:22px 0 26px;
  border-top:1px solid #d9d0c4;
}
.race-feature-block:first-child{margin-top:14px}
.race-feature-heading,
.race-feature-block>.race-feature-heading{
  align-self:start;
  margin:0;
  padding:0;
  border:0;
  color:#292520;
  font:700 clamp(20px,2vw,24px)/1.28 Georgia,serif;
}
.race-feature-content{min-width:0;padding-top:1px}
.race-feature-content>p{
  width:100%;
  max-width:none;
  margin:0;
  color:#302d29;
  font:17px/1.74 Georgia,serif;
}
.race-feature-content a{
  color:#71372f;
  font-weight:700;
  text-decoration:underline;
  text-decoration-color:#c5ada3;
  text-underline-offset:3px;
}
.race-feature-content a:hover,
.race-feature-content a:focus-visible{
  color:#a4291d;
  text-decoration-color:currentColor;
}

.race-lore-section{
  margin-bottom:0!important;
  padding-bottom:0!important;
  border-bottom:0!important;
}
.race-lore-block{
  display:grid;
  grid-template-columns:minmax(180px,230px) minmax(0,1fr);
  gap:30px;
  padding:25px 0 29px;
  border-top:1px solid #d9d0c4;
}
.race-lore-block>h2,
.race-2024-main .race-content-section .race-lore-block>h2{
  align-self:start;
  margin:0;
  padding:0;
  border:0;
  color:#292520;
  font:700 clamp(20px,2vw,24px)/1.28 Georgia,serif;
}
.race-lore-content{min-width:0}
.race-lore-content>p{
  width:100%;
  max-width:none;
  margin:0 0 17px;
  color:#302d29;
  font:17px/1.74 Georgia,serif;
}
.race-lore-content>p:last-child{margin-bottom:0}
.race-lore-content a{
  color:#71372f;
  font-weight:700;
  text-decoration:underline;
  text-decoration-color:#c5ada3;
  text-underline-offset:3px;
}

.race-edition-comparison{
  margin-top:34px;
}
.race-edition-comparison h2{
  font-size:clamp(25px,3vw,32px);
}

.race-2024-sidebar > .race-profile-art{
  top:auto;
  margin:0;
}
.race-2024-sidebar > .race-profile-art + .race-quick-card{
  margin-top:20px;
}

@media(min-width:701px) and (max-width:950px){
  .race-2024-sidebar > .race-profile-art + .race-quick-card{margin-top:0}
}

@media(max-width:700px){
  .race-2024-main #race-overview p{
    font-size:17px;
    line-height:1.7;
  }
  .race-section-nav{
    margin-left:-4px;
    margin-right:-4px;
    margin-bottom:28px;
    padding:9px;
    flex-wrap:nowrap;
    overflow-x:auto;
    overscroll-behavior-x:contain;
  }
  .race-section-nav a{
    flex:0 0 auto;
    min-height:36px;
    padding:8px 10px;
    font-size:12px;
  }
  .race-section-heading{
    display:block;
    margin-bottom:8px;
  }
  .race-section-heading>span{
    display:block;
    margin-bottom:4px;
  }
  .race-feature-block,
  .race-lore-block{
    display:block;
    padding:18px 0 22px;
  }
  .race-feature-heading,
  .race-feature-block>.race-feature-heading,
  .race-lore-block>h2,
  .race-2024-main .race-content-section .race-lore-block>h2{
    margin:0 0 12px;
    font-size:21px;
  }
  .race-feature-content>p,
  .race-lore-content>p{
    font-size:16px;
    line-height:1.7;
  }
}