/* BILINGUAL V3 — English-only content-fit patch. No changes to ID CSS or elements. */
html[lang="en"] #about .about-stage {
  grid-template-columns: minmax(0, 41fr) minmax(0, 59fr);
  column-gap: clamp(24px, 3vw, 40px);
}
html[lang="en"] #about .about-portrait,
html[lang="en"] #about .about-text {
  min-width: 0;
  max-width: 100%;
}
html[lang="en"] #about .about-text h2 {
  font-size: clamp(24px, 2.5vw, 36px);
  line-height: 1.25;
  letter-spacing: -0.075em;
  max-width: 100%;
  overflow-wrap: break-word;
}
html[lang="en"] #about .about-text p {max-width: 100%; overflow-wrap: break-word;}

html[lang="en"] #education .education-stage {
  grid-template-columns: minmax(0, 43fr) minmax(0, 57fr);
  column-gap: clamp(24px, 3vw, 50px);
}
html[lang="en"] #education .education-photo-wrap,
html[lang="en"] #education .education-copy {
  min-width: 0;
  max-width: 100%;
}
html[lang="en"] #education .education-copy h2 {
  max-width: 100%;
  overflow-wrap: break-word;
}
html[lang="en"] #education .education-gpa {overflow-wrap: break-word;}
html[lang="en"] #education .achievement-list {
  width: 100%;
  max-width: min(100%, 550px);
  min-width: 0;
  align-items: stretch;
}
html[lang="en"] #education .achievement-list li {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: break-word;
}
/* Keep the original mobile one-column compositions. */
@media (max-width: 850px) {
  html[lang="en"] #about .about-stage {
    grid-template-columns: minmax(0, 35fr) minmax(0, 65fr);
    gap: 20px;
  }
  html[lang="en"] #education .education-stage {
    grid-template-columns: minmax(0, 42fr) minmax(0, 58fr);
    gap: 24px;
  }
  html[lang="en"] #about .about-text h2 {font-size: clamp(23px, 3.0vw, 28px);}
}
@media (max-width: 600px) {
  html[lang="en"] #about .about-text h2 {font-size: clamp(22px, 5.9vw, 26px);}
  html[lang="en"] #education .education-stage {grid-template-columns: minmax(0, 1fr);}
  html[lang="en"] #education .education-copy {width: 100%; padding: 0;}
  html[lang="en"] #education .education-copy h2 {font-size: clamp(22px, 6.5vw, 26px);}
  html[lang="en"] #education .achievement-list {max-width: 100%;}
}