/* School focus V1 — School only; Research Journey removed; illustration unchanged */

.school-focus .school-hero{
  padding:48px 0 36px;
  background:var(--ink);
  color:#fff;
  border-bottom:0;
}
.school-focus .school-hero .kicker{color:var(--mint);margin:0 0 10px}
.school-focus .school-hero h1{
  max-width:18ch;
  margin:0 0 14px;
  color:#fff;
  font:500 clamp(2.2rem,4.2vw,3.5rem)/1.05 Newsreader,serif;
  letter-spacing:-.035em;
}
.school-focus .school-lede{
  margin:0;
  max-width:42rem;
  color:#bdcbd1;
  font-size:1.08rem;
  line-height:1.65;
}
.school-focus .school-lede strong{color:#fff;font-weight:600}

.school-focus .school-figure-section{
  padding:36px 0 28px;
  border-bottom:1px solid var(--line);
}
.school-focus .school-diagram{
  margin:0;
  padding:14px;
  border:1px solid var(--line);
  background:#fff;
}
.school-focus .school-figure-scroll img{
  display:block;
  width:100%;
  height:auto;
}
.school-focus .school-diagram-caption{
  margin:12px 0 0;
  max-width:none;
  color:var(--quiet);
  font:400 .78rem/1.5 DM Mono,monospace;
}

.school-focus .school-principles-section{
  padding:40px 0 56px;
  border-bottom:0;
}
.school-focus .school-principles-section .kicker{
  margin:0 0 8px;
}
.school-focus .school-principles-section h2{
  margin:0 0 22px;
  font:500 clamp(1.7rem,3vw,2.4rem)/1.1 Newsreader,serif;
  letter-spacing:-.03em;
}
.school-focus .school-principles{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  list-style:none;
  margin:0;
  padding:0;
}
.school-focus .school-principles li{
  margin:0;
  padding:18px 18px 16px;
  border:1px solid var(--line);
  background:#fff;
}
.school-focus .school-principles strong{
  display:block;
  margin:0 0 8px;
  font:600 1rem/1.35 Manrope,sans-serif;
  color:var(--ink);
}
.school-focus .school-principles span{
  display:block;
  color:var(--quiet);
  font-size:.95rem;
  line-height:1.55;
}

@media(max-width:850px){
  .school-focus .school-principles{grid-template-columns:1fr}
  .school-focus .school-hero{padding:40px 0 28px}
  .school-focus .school-figure-section{padding:28px 0 22px}
  .school-focus .school-principles-section{padding:32px 0 44px}
}