/* A quieter, human-made academic presentation.
   Layout remains page-specific; this layer only simplifies the visual language. */
body.playful-site.academic-site {
  --ink: #17324d;
  --blue: #17324d;
  --orange: #275f8c;
  --gold: #a58b59;
  --soft: #f3f5f4;
  --line: #d4dcdF;
  --muted: #536574;
  --paper: #fbfaf7;
  background-color: #fbfaf7;
  background-image: none;
}

/* The repeated formula wallpaper made every page feel generated. Keep the
   mathematics in the actual content and examples instead. */
body.playful-site.academic-site
  :is(.hero, .page-hero, .content-hero, .science-hero, .school-hero, .course-hero, .store-hero, .competition-hero, .algebra-hero, .club-hero, .programs, .bookstore, .v2-programs, .method, .stories, .program-band, .home-club, .trial, .page-cta, .club-closing, .competition-section, .practice-section, .modeling-section, .semester-section, .private-support, .alignment-section) {
  background-image: none !important;
}

body.playful-site.academic-site
  :is(.hero, .page-hero, .content-hero, .science-hero, .school-hero, .course-hero, .store-hero, .competition-hero, .algebra-hero, .club-hero) {
  background: #edf2f4;
  border-bottom: 1px solid #cfd9df;
}

body.playful-site.academic-site
  :is(.v2-programs, .method, .stories, .program-band.light, .home-club, .trial, .page-cta, .competition-section.tinted, .practice-section, .modeling-section, .semester-section, .private-support, .alignment-section) {
  background-color: #f4f3ee;
}

body.playful-site.academic-site
  :is(.hero h1, .page-hero h1, .content-hero h1, .science-hero h1, .school-hero h1, .competition-hero h1, .algebra-hero h1, .course-hero h1, .club-hero h1, .v2-heading h2, .section-heading h2, .page-intro h2, .program-copy h2, .method h2, .trial h2, .page-cta h2) {
  font-family: "DM Sans", Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -.025em;
}

body.playful-site.academic-site
  :is(.eyebrow, .kicker, .club-kicker, .contest-tag, .study-label) {
  text-transform: none;
  letter-spacing: .055em;
  font-weight: 650;
}

/* Flat, useful surfaces instead of a repeated floating-card effect. */
body.playful-site.academic-site
  :is(.home-pathways .program-card, .program-card, .book-card, .story-grid blockquote, .info-card, .content-grid article, .pathway-cards > a, .v2-program-grid > a, .v2-five > article, .course-card, .level-pathway article, .two-column-details article, .club-duo article, .stage-grid article, .contest-card, .sample-card, .assessment-card, .schedule-card, .confirmation-card, .account-record, .account-stats article, .account-admin-grid > section, .student-list article, .admin-area-grid > a, .login-card, .registration-card, .overview article, .setup-card, .panel, .catalog-card, .hero-study, .worked-example, .unit-detail, .organizer-intro, .cms-contests, .school-hero aside, .problem-card, .club-notebook, .study-paper, .alignment-form, .trial-form, .inquiry-form, .account-login, .enrol-summary, .placement-help, .lesson-card, .preview-note, .review-sidebar, .common-mistake, .next-review, .catalog-filters),
body.playful-site.academic-site.registration-result-page #confirmation {
  border-radius: 3px;
  box-shadow: none;
  transform: none;
}

body.playful-site.academic-site
  :is(.home-pathways .program-card, .program-card, .book-card, .story-grid blockquote, .info-card, .content-grid article, .pathway-cards > a, .v2-program-grid > a, .v2-five > article, .course-card, .level-pathway article, .two-column-details article, .club-duo article, .stage-grid article, .contest-card, .sample-card, .assessment-card, .catalog-card):hover {
  box-shadow: none;
  transform: none;
}

body.playful-site.academic-site
  :is(.home-pathways .program-card, .program-card, .book-card, .story-grid blockquote, .info-card, .content-grid article, .pathway-cards > a, .v2-program-grid > a, .v2-five > article, .course-card, .level-pathway article, .two-column-details article, .club-duo article, .stage-grid article, .contest-card, .assessment-card) {
  background: #fff;
  border-color: #cfd8de;
}

body.playful-site.academic-site :is(.button, .a-button, .club-button) {
  border-radius: 3px;
  background: #1c3a52;
  border-color: #1c3a52;
  box-shadow: none;
  color: #fff;
  transform: none;
}
body.playful-site.academic-site :is(.button, .a-button, .club-button):hover {
  background: #285873;
  border-color: #285873;
  box-shadow: none;
  color: #fff;
  transform: none;
}

body.playful-site.academic-site :is(.hero, .page-hero)::after,
body.playful-site.academic-site :is(.content-hero, .science-hero, .school-hero)::after {
  display: none;
}

body.playful-site.academic-site .problem-card {
  background: #f8fbfc;
  border-top-color: #365c73;
}
body.playful-site.academic-site .club-notebook { background: #f7f8f3; }

/* Color identifies sections through a restrained rule, not a different pastel
   fill on every card. */
body.playful-site.academic-site
  :is(.home-pathways .program-card, .content-grid article, .info-card, .stage-grid article) {
  border-top-width: 2px;
}

@media (hover: hover) and (pointer: fine) {
  body.playful-site.academic-site
    :is(.home-pathways .program-card, .program-card, .book-card, .info-card, .content-grid article, .pathway-cards > a, .v2-program-grid > a, .course-card, .contest-card, .catalog-card):hover {
    border-color: #7894a6;
  }
}

/* Desktop should feel like a working school site, not an oversized landing-page
   template. Tablet and phone retain their dedicated dimensions. */
@media (min-width: 1367px) {
  body.playful-site.academic-site
    :is(.site-header, .simple-header, .algebra-header, .club-header, .course-header) {
    height: 84px;
    min-height: 84px;
    padding-block: 7px;
  }
  body.playful-site.academic-site
    :is(.site-header, .simple-header, .algebra-header, .club-header, .course-header) .brand-logo {
    width: auto;
    height: 66px;
    max-height: 66px;
  }
  body.playful-site.academic-site.home-page .hero {
    min-height: 0;
    padding-block: 68px;
  }
  body.playful-site.academic-site
    :is(.page-hero, .content-hero, .science-hero, .school-hero) {
    padding-block: 62px;
  }
  body.playful-site.academic-site
    :is(.section, .page-wrap, .content-wrap, .competition-section, .trial, .v2-programs, .v2-system) {
    padding-block: 64px;
  }
}

/* Present the learning process as an editorial sequence, not five floating
   feature cards. */
body.playful-site.academic-site.home-page .v2-five {
  gap: 0;
  border-block: 1px solid #c8d3d9;
}
body.playful-site.academic-site.home-page .v2-five > article,
body.playful-site.academic-site.home-page .v2-five > article:hover {
  padding: 22px 18px;
  background: transparent;
  border: 0;
  border-left: 1px solid #d8dfe2;
  border-radius: 0;
  box-shadow: none;
}
body.playful-site.academic-site.home-page .v2-five > article:first-child { border-left: 0; }
body.playful-site.academic-site.home-page .v2-five h3 { margin-top: 8px; }

/* The final routes are reading links rather than another repeated card set. */
body.playful-site.academic-site.home-page .story-grid { gap: 28px; }
body.playful-site.academic-site.home-page .story-grid blockquote,
body.playful-site.academic-site.home-page .story-grid blockquote:hover {
  padding: 22px 0 0;
  background: transparent;
  border: 0;
  border-top: 2px solid #627f90;
  border-radius: 0;
  box-shadow: none;
}
body.playful-site.academic-site.home-page .story-grid blockquote footer {
  width: auto;
  border-top: 1px solid #d4dcdf;
}

@media (min-width: 621px) and (max-width: 1040px) and (orientation: portrait) {
  body.playful-site.academic-site.home-page .v2-five { grid-template-columns: minmax(0, 1fr); }
  body.playful-site.academic-site.home-page .v2-five > article,
  body.playful-site.academic-site.home-page .v2-five > article:first-child {
    display: grid;
    grid-template-columns: 34px 100px minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 3px 12px;
    padding: 15px 8px;
    border-left: 0;
    border-top: 1px solid #d8dfe2;
  }
  body.playful-site.academic-site.home-page .v2-five > article:first-child { border-top: 0; }
  body.playful-site.academic-site.home-page .v2-five b { grid-column: 1; grid-row: 1 / 3; }
  body.playful-site.academic-site.home-page .v2-five h3 { grid-column: 2; grid-row: 1 / 3; margin: 0; }
  body.playful-site.academic-site.home-page .v2-five strong { grid-column: 3; grid-row: 1; }
  body.playful-site.academic-site.home-page .v2-five p { grid-column: 3; grid-row: 2; margin: 0; }
}

@media (max-width: 620px) {
  body.playful-site.academic-site.home-page .v2-five { grid-template-columns: minmax(0, 1fr); }
  body.playful-site.academic-site.home-page .v2-five > article,
  body.playful-site.academic-site.home-page .v2-five > article:first-child {
    display: grid;
    grid-template-columns: 28px 78px minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 3px 9px;
    padding: 14px 0;
    border-left: 0;
    border-top: 1px solid #d8dfe2;
  }
  body.playful-site.academic-site.home-page .v2-five > article:first-child { border-top: 0; }
  body.playful-site.academic-site.home-page .v2-five b { grid-column: 1; grid-row: 1 / 3; }
  body.playful-site.academic-site.home-page .v2-five h3 { grid-column: 2; grid-row: 1 / 3; margin: 0; }
  body.playful-site.academic-site.home-page .v2-five strong { grid-column: 3; grid-row: 1; }
  body.playful-site.academic-site.home-page .v2-five p { grid-column: 3; grid-row: 2; margin: 0; }
  body.playful-site.academic-site.home-page .story-grid { gap: 22px; }
}