main.subject-page{max-width:1100px;margin-inline:auto;padding:24px 16px 56px}
.subject-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;color:#64748b;font:600 .9rem/1.4 Nunito,system-ui,sans-serif}
.subject-breadcrumb a{color:#1d4ed8;text-decoration:none}
.subject-breadcrumb a:hover{text-decoration:underline}
.subject-breadcrumb a:focus-visible,.subject-area-card a:focus-visible{outline:3px solid #f59e0b;outline-offset:3px;border-radius:6px}
.subject-page h1{margin:0 0 8px;color:#0f172a;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.15}
.subject-page .subject-intro{max-width:760px;margin:0 0 24px;color:#475569;font-size:1.04rem;line-height:1.55}
.subject-section-title{margin:26px 0 12px;color:#0f172a;font-size:1.15rem}
.subject-area-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;margin:0;padding:0;list-style:none}
.subject-area-card{display:flex;min-height:136px;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;background:#fff;border:1px solid #dbe3ee;border-radius:14px;box-shadow:0 2px 8px rgba(15,23,42,.045);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.subject-area-card:hover{transform:translateY(-2px);border-color:#93c5fd;box-shadow:0 8px 20px rgba(15,23,42,.08)}
.subject-area-card h2,.subject-area-card h3{margin:0;color:#0f172a;font-size:1.06rem;line-height:1.3}
.subject-area-card p{margin:0;color:#526174;line-height:1.45}
.subject-area-card a{margin-top:auto;padding-top:5px;color:#1d4ed8;font-weight:800;text-decoration:none}
.subject-area-card a:hover{text-decoration:underline}
.subject-area-card--short{min-height:100px}
.subject-page .subject-note{margin:24px 0 0;padding:14px 16px;border-left:4px solid #2563eb;border-radius:8px;background:#f8fbff;color:#475569}
@media(prefers-reduced-motion:reduce){.subject-area-card{transition:none}.subject-area-card:hover{transform:none}}


/* Social Studies hub: a clear course directory with games as a secondary path. */
.subject-page--social-studies{max-width:1120px;padding-top:28px}
.subject-page--social-studies .subject-breadcrumb{margin-bottom:24px}
.ss-hero{display:block;position:relative;overflow:hidden;margin:0 0 34px;padding:32px 36px;border:1px solid #dbeafe;border-radius:22px;background:radial-gradient(ellipse at 92% 10%,rgba(251,191,36,.23),transparent 34%),linear-gradient(115deg,#eff6ff 0%,#f8fafc 54%,#fff7ed 100%)}
.ss-hero:after{position:absolute;right:30px;bottom:-46px;width:190px;height:190px;border:1px solid rgba(37,99,235,.12);border-radius:50%;box-shadow:0 0 0 22px rgba(37,99,235,.035),0 0 0 46px rgba(37,99,235,.025);content:"";pointer-events:none}
.ss-eyebrow{margin:0 0 8px;color:#2563eb;font-size:.74rem;font-weight:900;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}
.subject-page--social-studies .subject-page h1{margin:0}
.subject-page--social-studies h1{position:relative;z-index:1;margin:0 0 8px;color:#10213b;font-size:clamp(2.2rem,5vw,3rem);letter-spacing:-.035em}
.subject-page--social-studies .subject-intro{position:relative;z-index:1;max-width:600px;margin:0;color:#45566f;font-size:1.08rem}
.ss-course-section,.ss-games-section{margin-top:34px}
.ss-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}
.ss-section-heading .ss-eyebrow{margin-bottom:5px}
.ss-section-heading h2{margin:0;color:#10213b;font-size:clamp(1.35rem,2vw,1.65rem);letter-spacing:-.02em}
.ss-count{margin-bottom:3px;padding:7px 11px;border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.82rem;font-weight:800;white-space:nowrap}
.ss-course-grid,.ss-game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.ss-course-card{grid-column:span 2;min-width:0}
.ss-course-card:nth-last-child(2){grid-column:2/span 2}
.ss-course-card:last-child{grid-column:4/span 2}
.ss-course-card>a{position:relative;display:flex;min-height:226px;height:100%;flex-direction:column;align-items:flex-start;overflow:hidden;padding:21px 22px 19px;border:1px solid #dbe3ee;border-top:4px solid var(--ss-accent,#2563eb);border-radius:17px;background:linear-gradient(150deg,var(--ss-wash,#eff6ff),#fff 62%);box-shadow:0 4px 12px rgba(15,23,42,.045);color:inherit;text-decoration:none;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}
.ss-course-card>a:hover{transform:translateY(-4px);border-color:var(--ss-accent,#2563eb);box-shadow:0 14px 28px rgba(15,23,42,.11)}
.ss-course-card>a:focus-visible,.ss-game-card:focus-visible,.ss-more-games:focus-visible{outline:3px solid #f59e0b;outline-offset:4px}
.ss-course-card--history{--ss-accent:#b45309;--ss-wash:#fff7ed}
.ss-course-card--world{--ss-accent:#7c3aed;--ss-wash:#f5f3ff}
.ss-course-card--civics{--ss-accent:#2563eb;--ss-wash:#eff6ff}
.ss-course-card--geography{--ss-accent:#0f766e;--ss-wash:#f0fdfa}
.ss-course-card--economics{--ss-accent:#15803d;--ss-wash:#f0fdf4}
.ss-card-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:19px}
.ss-card-icon{display:grid;width:39px;height:39px;place-items:center;border-radius:12px;background:var(--ss-accent);color:#fff;font-size:.77rem;font-weight:900;letter-spacing:.04em}
.ss-card-kicker{color:#64748b;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.ss-course-card h3{margin:0 0 7px;color:#13233b;font-size:1.17rem;line-height:1.25}
.ss-course-card p{max-width:31ch;margin:0;color:#536277;font-size:.94rem;line-height:1.5}
.ss-card-action{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;padding-top:16px;color:var(--ss-accent);font-size:.9rem;font-weight:900}
.ss-card-action span,.ss-more-games span,.ss-game-action span{font-size:1.15rem;transition:transform .17s ease}
.ss-course-card>a:hover .ss-card-action span,.ss-game-card:hover .ss-game-action span,.ss-more-games:hover span{transform:translateX(4px)}
.ss-games-section{padding-top:27px;border-top:1px solid #e2e8f0}
.ss-more-games{display:inline-flex;align-items:center;gap:7px;margin-bottom:3px;color:#1d4ed8;font-size:.88rem;font-weight:850;text-decoration:none}
.ss-more-games:hover{text-decoration:underline}
.ss-game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.ss-game-grid>li{min-width:0}
.ss-game-card{display:flex;min-height:151px;height:100%;flex-direction:column;align-items:flex-start;padding:17px;border:1px solid #dbe3ee;border-radius:15px;background:#fff;box-shadow:0 3px 10px rgba(15,23,42,.04);color:inherit;text-decoration:none;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}
.ss-game-card:hover{transform:translateY(-3px);border-color:#93c5fd;box-shadow:0 10px 22px rgba(15,23,42,.085)}
.ss-game-tag{margin-bottom:11px;padding:5px 8px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.68rem;font-weight:900;letter-spacing:.035em}
.ss-game-title{color:#14243c;font-size:1rem;font-weight:850;line-height:1.35}
.ss-game-action{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;padding-top:13px;color:#1d4ed8;font-size:.82rem;font-weight:900}
@media(max-width:760px){
  .subject-page--social-studies{padding-inline:18px}
  .ss-hero{padding:27px 25px}
  .ss-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ss-course-card,.ss-course-card:nth-last-child(2),.ss-course-card:last-child{grid-column:auto}
  .ss-course-card:last-child{grid-column:1/-1;justify-self:center;width:calc((100% - 16px)/2)}
  .ss-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .subject-page--social-studies{padding-inline:14px}
  .ss-hero{padding:24px 20px}
  .ss-hero:after{right:-82px}
  .ss-section-heading{align-items:flex-start}
  .ss-count{font-size:.72rem}
  .ss-course-grid,.ss-game-grid{grid-template-columns:1fr}
  .ss-course-card:last-child{grid-column:auto;width:auto}
  .ss-course-card>a{min-height:198px}
  .ss-section-heading:has(.ss-more-games){flex-direction:column;gap:10px}
}
@media(prefers-reduced-motion:reduce){
  .ss-course-card>a,.ss-game-card,.ss-card-action span,.ss-more-games span{transition:none}
  .ss-course-card>a:hover,.ss-game-card:hover{transform:none}
}

/* Shared subject hub layout for concise, fully clickable subject and topic tiles. */
.subject-page--hub{max-width:1120px;padding-top:28px}
.subject-page--hub .subject-breadcrumb{margin-bottom:24px}
.hub-hero{position:relative;overflow:hidden;margin:0 0 34px;padding:32px 36px;border:1px solid #dbeafe;border-radius:22px;background:radial-gradient(ellipse at 92% 10%,rgba(251,191,36,.2),transparent 34%),linear-gradient(115deg,#eff6ff 0%,#f8fafc 54%,#fff7ed 100%)}
.hub-hero:after{position:absolute;right:30px;bottom:-46px;width:190px;height:190px;border:1px solid rgba(37,99,235,.12);border-radius:50%;box-shadow:0 0 0 22px rgba(37,99,235,.035),0 0 0 46px rgba(37,99,235,.025);content:"";pointer-events:none}
.hub-eyebrow{margin:0 0 8px;color:#2563eb;font-size:.74rem;font-weight:900;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}
.subject-page--hub h1{position:relative;z-index:1;margin:0 0 8px;color:#10213b;font-size:clamp(2.2rem,5vw,3rem);letter-spacing:-.035em}
.subject-page--hub .subject-intro{position:relative;z-index:1;max-width:650px;margin:0;color:#45566f;font-size:1.08rem}
.hub-section{margin-top:34px}
.hub-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}
.hub-section-heading .hub-eyebrow{margin-bottom:5px}
.hub-section-heading h2{margin:0;color:#10213b;font-size:clamp(1.35rem,2vw,1.65rem);letter-spacing:-.02em}
.hub-count{margin-bottom:3px;padding:7px 11px;border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.82rem;font-weight:800;white-space:nowrap}
.hub-tile-grid,.hub-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.hub-tile{min-width:0}
.hub-tile>a{position:relative;display:flex;min-height:214px;height:100%;flex-direction:column;align-items:flex-start;overflow:hidden;padding:21px 22px 19px;border:1px solid #dbe3ee;border-top:4px solid var(--hub-accent,#2563eb);border-radius:17px;background:linear-gradient(150deg,var(--hub-wash,#eff6ff),#fff 62%);box-shadow:0 4px 12px rgba(15,23,42,.045);color:inherit;text-decoration:none;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}
.hub-tile>a:hover{transform:translateY(-4px);border-color:var(--hub-accent,#2563eb);box-shadow:0 14px 28px rgba(15,23,42,.11)}
.hub-tile>a:focus-visible,.hub-game-card:focus-visible,.hub-more:focus-visible{outline:3px solid #f59e0b;outline-offset:4px}
.hub-tile--math{--hub-accent:#2563eb;--hub-wash:#eff6ff}
.hub-tile--ela{--hub-accent:#7c3aed;--hub-wash:#f5f3ff}
.hub-tile--science{--hub-accent:#0f766e;--hub-wash:#f0fdfa}
.hub-tile--social-studies,.hub-tile--history{--hub-accent:#b45309;--hub-wash:#fff7ed}
.hub-tile--fine-arts{--hub-accent:#db2777;--hub-wash:#fdf2f8}
.hub-tile--world{--hub-accent:#7c3aed;--hub-wash:#f5f3ff}
.hub-tile--civics{--hub-accent:#2563eb;--hub-wash:#eff6ff}
.hub-tile--geography{--hub-accent:#0f766e;--hub-wash:#f0fdfa}
.hub-tile--economics{--hub-accent:#15803d;--hub-wash:#f0fdf4}
.hub-tile-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:18px}
.hub-tile-icon{display:grid;width:39px;height:39px;place-items:center;border-radius:12px;background:var(--hub-accent);color:#fff;font-size:.77rem;font-weight:900;letter-spacing:.04em}
.hub-tile-kicker{color:#64748b;font-size:.7rem;font-weight:900;letter-spacing:.07em;text-align:right;text-transform:uppercase}
.hub-tile h3{margin:0 0 7px;color:#13233b;font-size:1.12rem;line-height:1.25}
.hub-tile p{max-width:34ch;margin:0;color:#536277;font-size:.94rem;line-height:1.5}
.hub-tile-action{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;padding-top:16px;color:var(--hub-accent);font-size:.9rem;font-weight:900}
.hub-tile-action span,.hub-more span,.hub-game-action span{font-size:1.15rem;transition:transform .17s ease}
.hub-tile>a:hover .hub-tile-action span,.hub-game-card:hover .hub-game-action span,.hub-more:hover span{transform:translateX(4px)}
.hub-subject-grid .hub-tile:nth-last-child(1){grid-column:2}
.hub-games{margin-top:36px;padding-top:27px;border-top:1px solid #e2e8f0}
.hub-more{display:inline-flex;align-items:center;gap:7px;margin-bottom:3px;color:#1d4ed8;font-size:.88rem;font-weight:850;text-decoration:none}
.hub-more:hover{text-decoration:underline}
.hub-game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.hub-game-grid>li{min-width:0}
.hub-game-card{display:flex;min-height:151px;height:100%;flex-direction:column;align-items:flex-start;padding:17px;border:1px solid #dbe3ee;border-radius:15px;background:#fff;box-shadow:0 3px 10px rgba(15,23,42,.04);color:inherit;text-decoration:none;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}
.hub-game-card:hover{transform:translateY(-3px);border-color:#93c5fd;box-shadow:0 10px 22px rgba(15,23,42,.085)}
.hub-game-tag{margin-bottom:11px;padding:5px 8px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.68rem;font-weight:900;letter-spacing:.035em}
.hub-game-title{color:#14243c;font-size:1rem;font-weight:850;line-height:1.35}
.hub-game-action{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;padding-top:13px;color:#1d4ed8;font-size:.82rem;font-weight:900}
@media(max-width:900px){.hub-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-subject-grid .hub-tile:nth-last-child(1){grid-column:auto}.subject-page--hub .hub-tile-grid:has(> .hub-tile:nth-child(5):last-child) .hub-tile:last-child{grid-column:1/-1;justify-self:center;width:calc((100% - 16px)/2)}}
@media(max-width:600px){.subject-page--hub{padding-inline:14px}.hub-hero{padding:24px 20px}.hub-hero:after{right:-82px}.hub-section-heading{align-items:flex-start}.hub-section-heading:has(.hub-more){flex-direction:column;gap:10px}.hub-tile-grid,.hub-game-grid{grid-template-columns:1fr}.subject-page--hub .hub-tile-grid:has(> .hub-tile:nth-child(5):last-child) .hub-tile:last-child{grid-column:auto;width:auto}.hub-tile>a{min-height:190px}}
@media(prefers-reduced-motion:reduce){.hub-tile>a,.hub-game-card,.hub-tile-action span,.hub-more span{transition:none}.hub-tile>a:hover,.hub-game-card:hover{transform:none}}
.hub-quick-links{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:17px;padding:13px 15px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}
.hub-quick-links>span{margin-right:3px;color:#64748b;font-size:.78rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.hub-quick-links a{padding:7px 10px;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.84rem;font-weight:800;text-decoration:none}
.hub-quick-links a:hover{text-decoration:underline}
.hub-quick-links a:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}