/* Keep the algebra introduction readable without compressing its worked example. */
.algebra-page .algebra-hero {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 68px max(28px, calc((100% - 1180px) / 2)) 76px;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
  gap: 52px;
  align-items: center;
}
.algebra-hero .hero-editorial { min-width: 0; }
.algebra-hero .hero-editorial h1 { font-size: clamp(38px, 3.5vw, 50px); line-height: 1.18; letter-spacing: -.035em; margin: 0 0 24px; }
.algebra-hero .hero-editorial h1 > span,
.algebra-hero .hero-editorial h1 > em { display: block; text-wrap: balance; }
.algebra-hero .hero-editorial h1 > em { margin-top: .12em; color: #385d9c; font: inherit; letter-spacing: inherit; }
.algebra-hero .hero-description { max-width: 590px; font-size: 17px; line-height: 1.8; }
.algebra-hero .hero-editorial .a-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 28px; max-width: 470px; }
.algebra-hero .hero-editorial .a-button { max-width: none; min-width: 0; padding: 14px 16px; gap: 12px; font-size: 14px; }
.algebra-hero .hero-footnote { max-width: 510px; font-size: 13px; line-height: 1.65; margin-top: 22px; }
.algebra-hero .hero-study { width: 100%; max-width: none; min-width: 0; padding: 22px; }
.algebra-hero .study-label { gap: 8px; font-size: 10px; letter-spacing: .1em; margin-bottom: 20px; }
.algebra-hero .study-label > span:last-child { display: block; flex-shrink: 0; }
.algebra-hero .study-paper { padding: 22px 20px 0; transform: none; min-width: 0; }
.algebra-hero .paper-top { align-items: flex-start; font-size: 10px; line-height: 1.6; gap: 12px; }
.algebra-hero .sample-label { flex-shrink: 0; }
.algebra-hero .study-paper h2 { margin-top: 18px; font-size: 26px; line-height: 1.2; letter-spacing: -.025em; }
.algebra-hero .graph-row { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(110px, .8fr); gap: 12px; margin-top: 16px; }
.algebra-hero .graph-row svg { display: block; width: 100%; height: auto; max-height: none; }
.algebra-hero .graph-equations { min-width: 0; margin-top: 0; }
.algebra-hero .graph-equations p { display: flex; align-items: baseline; font-size: 16px; margin-bottom: 12px; }
.algebra-hero .graph-equations .math-expression { flex-wrap: nowrap; white-space: nowrap; }
.algebra-hero .graph-equations > span { margin-top: 18px; font-size: 12px; line-height: 1.6; }
.algebra-hero .line-key { flex-shrink: 0; }
.algebra-hero .paper-flow { align-items: center; padding: 16px 0; font-size: 11px; line-height: 1.5; gap: 6px; }
.algebra-hero .study-next { margin: 20px 0 0; padding: 16px; gap: 12px; }
.algebra-hero .study-next small { color: #6d5327; font-size: 10px; letter-spacing: .08em; margin-bottom: 5px; }
.algebra-hero .study-next strong { display: block; color: #24334d; font-size: 13px; line-height: 1.5; font-weight: 700; }
.algebra-hero .study-next .next-icon { color: #24334d; border-color: #b69759; flex: 0 0 28px; }
@media(max-width:1000px) {
  .algebra-page .algebra-hero { grid-template-columns: minmax(0, 1fr); gap: 40px; padding-top: 48px; padding-bottom: 56px; }
  .algebra-hero .hero-editorial { width: 100%; max-width: 700px; margin-inline: auto; }
  .algebra-hero .hero-study { max-width: 640px; justify-self: center; }
  .algebra-hero .hero-editorial h1 { font-size: clamp(34px, 5.2vw, 46px); }
}
@media(max-width:480px) {
  .algebra-page .algebra-hero { padding-inline: 22px; gap: 32px; }
  .algebra-hero .hero-editorial h1 { font-size: clamp(30px, 8vw, 38px); }
  .algebra-hero .hero-description { font-size: 16px; }
  .algebra-hero .hero-editorial .a-actions { grid-template-columns: 1fr; gap: 14px; }
  .algebra-hero .hero-study { padding: 18px 14px; }
  .algebra-hero .study-paper { padding: 18px 14px 0; }
  .algebra-hero .study-paper h2 { font-size: 23px; }
  .algebra-hero .study-label { font-size: 9px; letter-spacing: .06em; }
  .algebra-hero .graph-row { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .algebra-hero .graph-row svg { max-width: 250px; justify-self: center; }
  .algebra-hero .graph-equations { display: flex; flex-wrap: wrap; gap: 10px 18px; padding-bottom: 14px; }
  .algebra-hero .graph-equations p { margin: 0; font-size: 15px; }
  .algebra-hero .graph-equations > span { margin: 0; flex-basis: 100%; }
  .algebra-hero .graph-equations > span br { display: none; }
}