/* ---- edited front page ---- */
.hero{max-width:var(--max);margin:0 auto;padding:46px var(--pad) 0}
.hero-head{max-width:52rem;margin:0 auto;text-align:center}
.hero-kicker{display:inline-block;margin-bottom:16px;font-family:var(--ui);font-weight:600;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.hero-kicker:hover{text-decoration:none;color:var(--ink)}
.hero-title{margin:0;font-weight:700;font-size:clamp(30px,3.8vw,51px);line-height:1.08;letter-spacing:-.02em;text-wrap:balance}
.hero-title a{color:var(--ink)}
.hero-title a:hover{color:var(--accent);text-decoration:none}
.hero-dek{margin:18px auto 0;max-width:44ch;font-style:italic;font-size:20px;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.hero .byline{margin-top:16px}
.hero-figure{max-width:58rem;margin:32px auto 0}
.hero-figure img{width:100%;max-height:540px;object-fit:contain}
.hero-figure figcaption{text-align:center}
.hero-body{max-width:40rem;margin:30px auto 0;padding-bottom:0}

.hp{max-width:var(--max);margin:72px auto 0;padding:0 var(--pad)}
.hp-bar{display:flex;justify-content:space-between;align-items:baseline;gap:24px;border-top:1px solid var(--ink);padding-top:14px;margin-bottom:28px}
.hp-label{margin:0;font-family:var(--ui);font-weight:600;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.hp-dek{margin:6px 0 0;font-family:var(--display);font-style:italic;font-size:17px;line-height:1.4;color:var(--ink-3)}
.hp-all{white-space:nowrap;font-family:var(--ui);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.hp-all:hover{color:var(--accent);text-decoration:none}
.hp-meta{display:block;margin-top:10px;font-family:var(--ui);font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.hp a:hover{text-decoration:none}

/* Latest Science: a research desk, text only */
.sci-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 40px}
.sci-item{display:block;color:var(--ink)}
.sci-title{display:block;font-family:var(--display);font-weight:700;font-size:20px;line-height:1.24;text-wrap:balance}
.sci-dek{display:block;margin-top:10px;font-size:15.5px;line-height:1.5;color:var(--ink-2)}
.sci-item:hover .sci-title{color:var(--accent)}

/* The Art of Learning: one feature, two companions */
.art-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:36px 48px;align-items:start}
.art-main{grid-row:span 2}
.art-main,.art-side{display:block;color:var(--ink)}
.art-figure{display:block;background:var(--paper-2)}
.art-figure img{width:100%;aspect-ratio:3/2;object-fit:cover}
.art-title{display:block;margin-top:16px;font-family:var(--display);font-weight:700;font-size:34px;line-height:1.12;letter-spacing:-.015em;text-wrap:balance}
.art-side .art-title{margin-top:12px;font-size:21px;line-height:1.22;letter-spacing:0}
.art-dek{display:block;margin-top:12px;font-size:17px;line-height:1.55;color:var(--ink-2)}
.art-side .art-dek{font-size:15px}
.art-main:hover .art-title,.art-side:hover .art-title{color:var(--accent)}

/* Myths About Learning: the struck-through myth carries the section */
.myth-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.myth{display:block;color:var(--ink)}
.myth-title{display:block;font-family:var(--display);font-weight:700;font-size:26px;line-height:1.2;text-wrap:balance}
.myth-dek{display:block;margin-top:14px;font-size:16px;line-height:1.5;color:var(--ink-2)}
.myth:hover .myth-dek{color:var(--accent)}

/* How Can I...? */
.howto-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 56px}
.howto{display:block;color:var(--ink)}
.howto-title{display:block;font-family:var(--display);font-weight:700;font-size:22px;line-height:1.24;text-wrap:balance}
.howto-dek{display:block;margin-top:8px;font-size:15.5px;line-height:1.5;color:var(--ink-2)}
.howto:hover .howto-title{color:var(--accent)}

/* Talent10: the monthly event, with its own lockup (italic word nested on the numerals) */
.t10x{display:grid;grid-template-columns:auto minmax(0,1fr);gap:56px;align-items:center;background:#fbf7ec;padding:44px 56px 40px}
.t10x-mark{--t10:clamp(130px,15vw,200px);margin:0;display:inline-flex;flex-direction:column;align-items:center;color:var(--accent);font-family:var(--display)}
.t10x-word{display:block;position:relative;z-index:1;margin-bottom:calc(var(--t10)*-.03);font-style:italic;font-weight:500;font-size:calc(var(--t10)*.29);line-height:1;letter-spacing:-.01em}
.t10x-num{display:block;font-weight:700;font-size:var(--t10);line-height:.8;letter-spacing:-.06em;padding-right:.06em;font-variant-numeric:lining-nums}
.t10x-title{display:block;margin-top:0;font-family:var(--display);font-weight:700;font-size:clamp(26px,2.6vw,34px);line-height:1.15;color:var(--ink);text-wrap:balance}
.t10x-title:hover{color:var(--accent)}
.t10x-dek{margin:12px 0 0;max-width:46rem;font-size:17px;line-height:1.55;color:var(--ink-2)}
.t10x-list{list-style:none;margin:26px 0 20px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px}
.t10x-list a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:baseline;color:var(--ink)}
.t10x-list a:hover .t10x-h{color:var(--accent)}
.t10x-n{font-family:var(--display);font-weight:700;font-size:28px;line-height:1;color:var(--accent)}
.t10x-h{font-family:var(--display);font-weight:600;font-size:17px;line-height:1.3}
.t10x-all{color:var(--accent)}

/* Our Bookshelf: three books */
.bk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.bk{display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;align-items:start;color:var(--ink)}
.bk-cover{display:block;width:92px;height:auto;border:1px solid var(--rule-light);background:var(--paper-2)}
.bk-cover-empty{aspect-ratio:2/3}
.bk-text{display:block;min-width:0}
.bk-title{display:block;font-family:var(--display);font-weight:600;font-size:19px;line-height:1.26}
.bk-dek{display:block;margin-top:8px;font-size:14.5px;line-height:1.5;color:var(--ink-3)}
.bk:hover .bk-title{color:var(--accent)}

/* What Others Say */
.hp-others{padding-top:0}
.hp-others .others-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}

/* Timeless */
.keep-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.keep{display:block;color:var(--ink)}
.keep-figure{display:block;margin-bottom:12px;background:var(--paper-2)}
.keep-figure img{width:100%;aspect-ratio:3/2;object-fit:cover}
.keep .kicker{color:var(--ink-3);font-size:9.5px;letter-spacing:.14em;margin-bottom:6px}
.keep-title{display:block;font-family:var(--display);font-weight:600;font-size:18px;line-height:1.28}
.keep:hover .keep-title{color:var(--accent)}

/* From Around the World: the map, without the full list */
.hp-world .tw-home{max-width:none;margin:0;padding:0}
.hp-world .tw{padding:28px 0 0;border-top:1px solid var(--ink)}
.hp-world #tw-l{display:none}
.hp-world-all{display:inline-block;margin-top:6px}
.hp-world:not(:has(.tw-home)){display:none}

/* small recurring elements */
.smalls-grid{display:grid;grid-template-columns:minmax(0,300px) repeat(2,minmax(0,1fr));gap:48px;align-items:start;border-top:1px solid var(--ink);padding-top:22px}
.small-head{margin:0 0 14px}
.hp-smalls .qotd{margin:0;padding:0;border:0}
.hp-smalls .qotd-date{margin:0 0 10px}
.hp-smalls .tg-card{margin:0}
.hp-smalls .tg-slot:empty{display:none}
.hp-smalls .quiz-card{margin-top:0}

.closer{margin-top:80px}

@media (max-width:1100px){
  .sci-grid,.keep-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bk{grid-template-columns:72px minmax(0,1fr)}
  .bk-cover{width:72px}
  .t10x{gap:36px;padding:40px}
  .t10x-list{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:820px){
  .mini-mark{font-size:27px}
  .mini-inner{padding-top:10px;padding-bottom:8px}
  .hero{padding-top:26px}
  .hero-head{text-align:left}
  .hero-kicker{margin-bottom:10px}
  .hero-title{font-size:clamp(28px,7.6vw,35px);line-height:1.12;letter-spacing:-.015em}
  .hero-dek{margin:14px 0 0;max-width:none;text-align:left;font-size:18px}
  .hero .byline{text-align:left;margin-top:14px}
  .hero-figure{margin-top:22px}
  .hero-figure figcaption{text-align:left}
  .hero-body{margin-top:22px}
  .hp{margin-top:52px}
  .hp-bar{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:22px}
  .myth-grid,.art-grid,.smalls-grid,.hp-others .others-grid{grid-template-columns:minmax(0,1fr) !important;gap:30px}
  .art-main{grid-row:auto}
  .art-title{font-size:27px}
  .t10x{grid-template-columns:minmax(0,1fr);gap:4px;padding:30px 22px 28px}
  .t10x-mark{--t10:100px;justify-self:start;margin-bottom:18px}
  .closer{margin-top:56px}
}
@media (max-width:560px){
  .sci-grid,.howto-grid,.bk-grid{grid-template-columns:minmax(0,1fr);gap:26px}
  .keep-grid{gap:24px 18px}
  .keep-title{font-size:16.5px}
  .myth-title{font-size:23px}
}