/* The September 22 brand shell with the current account/subscription features. */
:root{--blue:#1761d3;--muted:#748295;--line:#e2e8f0;--soft:#f6f7fa}
.site-header .header-account{background:transparent;color:#191a23;padding:0;border-radius:0}
.site-header .header-account:hover{color:var(--brand)}
.site-header .header-account span{margin-left:0}
.site-header .site-nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--brand)}
.site-header .header-avatar{flex-shrink:0}
.classic-subjects{display:flex;justify-content:center;gap:8px;margin:30px auto 34px;flex-wrap:wrap}
.classic-subjects button{font:inherit;font-weight:700;border:1px solid #dce5f1;background:#f6f7fa;border-radius:5px;padding:10px 30px;cursor:pointer}
.classic-subjects button[aria-pressed="true"]{background:#1761d3;border-color:#1761d3;color:#fff}
.classic-home #course-grid .course-card{display:block;background:#f6f7fa;border-radius:14px;overflow:hidden;border:0;color:var(--ink);text-decoration:none}
.classic-home #course-grid .course-card>img{width:100%;aspect-ratio:1.6;object-fit:cover}
.classic-home #course-grid .course-card-copy{padding:24px}
.classic-home #course-grid small{color:#7e8da0;font-size:13px}
.classic-home #course-grid h3{margin:12px 0;font:700 23px/1.5 var(--display)}
.classic-home #course-grid p{color:#748295;line-height:1.9}
.classic-home #course-grid .card-action{display:flex;justify-content:space-between;color:#1761d3;font-size:14px;margin-top:20px}
.classic-home #course-grid.single{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
.platform-page .page-intro{padding:76px 0 42px;text-align:left}
.platform-page .page-intro h1{font-size:clamp(34px,4.6vw,58px);margin:18px 0;line-height:1.4}
.platform-page .page-intro p{color:#748295}
.platform-page .page-intro.compact{padding-top:56px}
.platform-page .course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.platform-page .course-card{display:block;padding:0;background:#f6f7fa;border:0;border-radius:14px;overflow:hidden}
.platform-page .course-card>img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover}
.platform-page .course-card-copy{padding:24px}
.platform-page .course-card h3{font-size:23px;line-height:1.5;margin:10px 0}
.platform-page .course-card-copy p{font-size:15px;line-height:1.9}
.platform-page .site-footer p{margin:0}
.platform-page .site-footer .font-credit{margin-top:22px}
.platform-page .site-header .site-logo small{font-size:8px;letter-spacing:1.1px;margin-top:4px}
.platform-page .site-header .brand-mark{display:grid;place-items:center}
.platform-page .subject-filters{flex-wrap:wrap}
@media(max-width:1100px){.site-header .header-inner{padding-inline:32px;gap:18px}.site-header .site-nav{gap:2px}.site-nav>.nav-link{padding-inline:12px}}
@media(max-width:800px){
  .site-header .header-inner{padding-inline:22px;gap:16px;grid-template-columns:1fr auto auto}
  .site-header .site-nav{display:none;position:absolute;top:80px;left:0;right:0;height:auto;padding:18px 22px;background:#fff;box-shadow:0 12px 20px #14294d0d;flex-direction:column;align-items:stretch}
  .site-header .site-nav.open{display:flex}
  .site-header .header-account{font-size:13px}
  .site-header .header-actions{gap:12px}
  .platform-page .container{width:calc(100% - 40px)}
  .platform-page .course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .classic-home #course-grid.single{grid-template-columns:repeat(2,minmax(0,1fr))}
  .platform-page .page-intro{padding-top:46px}
}
@media(max-width:560px){
  .site-header .header-inner{padding-inline:18px;gap:12px}
  .site-header .header-avatar{display:none}
  .classic-subjects{gap:7px}.classic-subjects button{padding:8px 20px}
  .classic-home #course-grid.single,.platform-page .course-grid{grid-template-columns:1fr}
  .platform-page .page-intro h1{font-size:34px}
}