/* Shared landing page for literacy training and classroom teaching. */
.learning-home {
  --paper:#f7fafb; --paper-2:#edf3f5; --paper-3:#dce8eb; --white:#fff;
  --ink:#172d32; --ink-soft:#425b61; --muted:#637a80; --muted-2:#81959a;
  --line:#cedde1; --line-soft:#e0e9ec;
  --accent:#087f84; --accent-ink:#06656a; --accent-soft:#e4f2f1;
  --lab:#327caf; --lab-soft:#e7f1f9; --header-bg:rgba(255,255,255,.96);
  --p-map:#327caf; --p-learn:#087f84; --p-language:#a84b64; --p-world:#506e94;
  --radius:8px; --wide:1240px; --header-h:72px;
  background:var(--paper); color:var(--ink);
}
.learning-home * { letter-spacing:0; }
.learning-home .site-header { box-shadow:none; }
.learning-home .brand-word { font-family:var(--font-ui); font-weight:700; }
.learning-home .site-nav>a { padding-inline:9px; }
.learning-home .hero-band { height:auto; min-height:620px; max-height:none; background:#edf5f7; }
.learning-home .hero-band-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 68%; animation:none; }
.learning-home .hero-band-veil { display:block; background:linear-gradient(90deg,rgba(248,252,253,.94) 0%,rgba(248,252,253,.77) 30%,rgba(248,252,253,.13) 63%,transparent 100%); }
.learning-home .hero-band-copy { padding-top:64px; padding-bottom:72px; height:auto; }
.learning-home .hero-band-copy>* { max-width:640px; }
.learning-home .hero-band-copy .kicker { color:#2d686f; font-size:12px; font-weight:600; }
.hero-english { font-family:var(--font-ui); font-size:28px; font-weight:500; color:#398088; margin:32px 0 8px; }
.learning-home .hero-band-copy h1 { font-family:var(--font-ui); font-size:64px; font-weight:700; line-height:1.2; margin:0 0 24px; animation:none; }
.learning-home .hero-lead { font-family:var(--font-ui); font-size:20px; line-height:1.8; color:#426169; margin:0 0 24px; animation:none; }
.hero-teacher { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 14px; font-size:12px; color:#506d74; margin:0 0 28px; }
.hero-teacher strong { font-size:17px; font-weight:600; color:#1c464d; }
.learning-home .hero-cta { display:flex; flex-wrap:wrap; gap:12px; animation:none; }
.learning-home .hero-cta .btn { border-radius:5px; padding:13px 22px; gap:28px; font-family:var(--font-ui); font-size:14px; font-weight:600; background:#087f84; color:#fff; border:1px solid #087f84; box-shadow:none; }
.learning-home .hero-cta .ghost { background:rgba(255,255,255,.85); color:#244e56; border-color:#afcace; }
.learning-home .hero-cta .btn:hover { background:#06666d; color:#fff; transform:translateY(-2px); }
.hero-footnote { font-size:12px; color:#56767e; margin:18px 0 0; }
.learning-entries { border-bottom:1px solid var(--line); background:white; }
.learning-entries>.wrap { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.learning-entries a { display:flex; align-items:center; gap:18px; padding:26px 24px; min-width:0; }
.learning-entries a+a { border-left:1px solid var(--line-soft); }
.learning-entries a:hover { background:#f0f7f8; }
.entry-no { font:12px var(--font-mono); color:#70969e; }
.learning-entries strong { display:block; font-size:18px; font-weight:600; margin-bottom:4px; }
.learning-entries small { display:block; font-size:12px; color:var(--muted); }
.entry-go { margin-left:auto; font-size:23px; color:#268a93; }
.learning-home .hero-under { padding:64px 0 36px; }
.learning-home .hero-grid { gap:56px; }
.learning-home .hero-intro h2 { font:600 30px/1.5 var(--font-ui); margin-top:14px; }
.learning-home .hero-intro p { font-family:var(--font-ui); font-size:15px; color:var(--ink-soft); }
.learning-home .hero-meta { gap:12px 22px; }
.learning-home .hero-meta span { font-size:12px; }
.learning-home .hero-meta b { color:#087f84; font-size:22px; }
.learning-home .ntk { border:1px solid #ccdee2; border-radius:8px; box-shadow:none; background:#fff; }
.learning-home .ntk-text { min-height:86px; }
.learning-home .ntk-note { font-size:12px; }
.learning-home .section { padding-top:48px; padding-bottom:36px; }
.learning-home .section-head h2 { font-family:var(--font-ui); font-size:30px; font-weight:600; }
.learning-home .section-head p { font-family:var(--font-ui); font-size:14px; color:var(--muted); }
.learning-home .gallery-card,.learning-home .topic-card,.learning-home .mode,.learning-home .lab-tile { border-radius:6px; box-shadow:none; }
.learning-home .gallery-card img { filter:saturate(.72); }
.learning-home .modes { gap:20px; }
.learning-home .mode { background:white; }
.learning-home .mode.primary { background:#eaf5f4; border-color:#b9d9d7; }
.learning-home .mode h3,.learning-home .toc-part h3,.learning-home .credits h2 { font-family:var(--font-ui); }
.learning-home .toc-part { background:transparent; border-radius:0; }
.learning-home .labs-grid { gap:16px; }
.learning-home .lab-tile { background:#fff; }
.learning-home .credits { border-top:1px solid var(--line); padding-top:36px; }
.learning-home .site-footer { margin-top:24px; background:#eef4f6; }
@media(min-width:1800px) { .learning-home .hero-band { min-height:680px; } .learning-home .hero-band-copy { padding-top:86px; } }
@media(min-width:861px) and (max-width:1120px) {
  .learning-home .brand-sub { display:none; }
  .learning-home .site-nav>a { padding-inline:6px; font-size:13px; }
  .learning-home .nav-pdf b { display:none; }
}
@media(max-width:900px) {
  .learning-home .hero-band { min-height:580px; }
  .learning-home .hero-band-copy { padding-top:48px; padding-bottom:64px; }
  .learning-home .hero-band-copy h1 { font-size:52px; }
  .learning-entries a { gap:10px; padding:22px 14px; }
  .learning-entries strong { font-size:16px; }
  .learning-home .hero-grid { gap:32px; }
}
@media(max-width:600px) {
  .learning-home { --header-h:60px; }
  .learning-home .hero-band { min-height:590px; }
  .learning-home .hero-band-img { object-position:64% bottom; opacity:.83; }
  .learning-home .hero-band-veil { background:linear-gradient(180deg,#f5fafbf5 0%,#f5fafbef 46%,#f5fafb40 77%,transparent 100%); }
  .learning-home .hero-band-copy { padding-top:34px; padding-bottom:128px; }
  .learning-home .hero-band-copy h1 { font-size:40px; margin-bottom:18px; }
  .hero-english { font-size:23px; margin-top:26px; }
  .learning-home .hero-lead { font-size:17px; margin-bottom:18px; }
  .hero-teacher { gap:6px 10px; margin-bottom:22px; }
  .hero-teacher span:last-child { flex-basis:100%; }
  .learning-home .hero-cta .btn { padding:11px 14px; gap:16px; font-size:13px; }
  .hero-footnote { font-size:11px; }
  .learning-entries>.wrap { grid-template-columns:1fr; }
  .learning-entries a { padding:18px 0; gap:18px; }
  .learning-entries a+a { border-left:0; border-top:1px solid var(--line-soft); }
  .learning-home .hero-under { padding-top:38px; }
  .learning-home .hero-intro h2,.learning-home .section-head h2 { font-size:25px; }
  .learning-home .section { padding-top:32px; padding-bottom:24px; }
  .learning-home .gallery-card { width:244px; }
}
@media(max-width:360px) {
  .learning-home .hero-band-copy h1 { font-size:35px; }
  .learning-home .hero-cta { gap:8px; }
  .learning-home .hero-cta .btn { padding-inline:12px; gap:10px; }
}