/* The type scale is declared once in style-foundation.css. */

.hero h1,.book-preview-hero h1,.reinforcement-head h1{
  text-wrap:balance;
}

/* The learning landing is the product thesis and owns the strongest voice. */
body[data-page="learn"]:not(.learning-active) .learn-landing-hero{
  padding-top:64px;
}
body[data-page="learn"]:not(.learning-active) .learn-landing-hero h1{
  max-width:900px;
  font-size:var(--type-hero-primary);
  line-height:1.07;
  letter-spacing:-.052em;
}
body[data-page="learn"]:not(.learning-active) .learn-entry-copy h2{
  font-size:clamp(37.5px,4.2vw,54px);
  line-height:1.2;
}

/* Primary sections introduce a tool, not a second landing page. */
body[data-page="books"] .hero,
body[data-page="quick-memory"] .knowledge-hero{
  padding-top:52px;
  padding-bottom:25px;
}
body[data-page="books"] .hero h1,
body[data-page="quick-memory"] .knowledge-hero h1{
  max-width:820px;
  font-size:var(--type-hero-section);
  line-height:1.1;
  letter-spacing:-.047em;
}
body[data-page="books"] .hero p,
body[data-page="quick-memory"] .knowledge-hero p{
  max-width:760px;
  font-size:24px;
  line-height:1.78;
}
body[data-page="books"] .category-block h2{
  font-size:33px;
}
body[data-page="quick-memory"] .knowledge-part-nav-head h2{
  font-size:var(--type-section-title);
  line-height:1.2;
}
body[data-page="quick-memory"] .knowledge-detail-head h2{
  font-size:clamp(45px,5.1vw,58.5px)!important;
  line-height:1.15;
}
body[data-page="quick-memory"] .knowledge-section-title h3{
  font-size:33px;
}

/* Task pages should feel compact and operational. */
body[data-page="account"] .account-hero,
body[data-page="admin"] .hero{
  padding-top:46px;
  padding-bottom:24px;
}
body[data-page="account"] .account-hero h1,
body[data-page="admin"] .hero h1,
body[data-page="reinforcement"] .learn-landing-hero h1{
  max-width:720px;
  font-size:var(--type-hero-task);
  line-height:1.13;
  letter-spacing:-.043em;
}
body[data-page="account"] .account-hero p,
body[data-page="admin"] .hero p,
body[data-page="reinforcement"] .learn-landing-hero p{
  font-size:24px;
  line-height:1.75;
}
body[data-page="account"] .auth-card h2,
body[data-page="account"] .danger-zone>h2,
body[data-page="admin"] .card h2{
  font-size:33px;
}

body[data-page="book-preview"] .book-preview-hero h1{
  max-width:720px;
  font-size:clamp(51px,5.4vw,66px);
  line-height:1.15;
  letter-spacing:-.042em;
}
body[data-page="book-preview"] .word-catalog-card h2,
body[data-page="book-preview"] .preview-plan-card h2{
  font-size:34.5px;
  line-height:1.25;
}

body[data-page="reinforcement"] .reinforcement-shell{
  padding-top:34px;
}
body[data-page="reinforcement"] .reinforcement-head h1{
  font-size:clamp(52.5px,6vw,69px);
  line-height:1.13;
  letter-spacing:-.043em;
}
body[data-page="reinforcement"] .practice-prompt h2{
  font-size:clamp(39px,5.55vw,57px);
  line-height:1.32;
}

@media(max-width:900px){
  body[data-page="learn"]:not(.learning-active) .learn-landing-hero h1{font-size:clamp(60px,12vw,81px)}
  body[data-page="books"] .hero h1,
  body[data-page="quick-memory"] .knowledge-hero h1{font-size:clamp(57px,10.5vw,72px)}
  body[data-page="account"] .account-hero h1,
  body[data-page="admin"] .hero h1,
  body[data-page="reinforcement"] .learn-landing-hero h1{font-size:clamp(51px,9vw,63px)}
}

@media(max-width:640px){
  body[data-page="learn"]:not(.learning-active) .learn-landing-hero{padding-top:34px}
  body[data-page="learn"]:not(.learning-active) .learn-landing-hero h1{font-size:54px;line-height:1.12}
  body[data-page="learn"]:not(.learning-active) .learn-entry-copy h2{font-size:40.5px}
  body[data-page="books"] .hero,
  body[data-page="quick-memory"] .knowledge-hero{padding-top:32px;padding-bottom:20px}
  body[data-page="books"] .hero h1,
  body[data-page="quick-memory"] .knowledge-hero h1{font-size:51px;line-height:1.13}
  body[data-page="account"] .account-hero,
  body[data-page="admin"] .hero{padding-top:30px;padding-bottom:20px}
  body[data-page="account"] .account-hero h1,
  body[data-page="admin"] .hero h1,
  body[data-page="reinforcement"] .learn-landing-hero h1{font-size:46.5px;line-height:1.16}
  body[data-page="book-preview"] .book-preview-hero h1{font-size:45px;line-height:1.17}
  body[data-page="reinforcement"] .reinforcement-shell{padding-top:24px}
  body[data-page="reinforcement"] .reinforcement-head h1{font-size:48px;line-height:1.16}
  body[data-page="quick-memory"] .knowledge-part-nav-head h2{font-size:39px}
  body[data-page="quick-memory"] .knowledge-detail-head h2{font-size:43.5px!important}
}