/* Editorial pages share the existing site typography and content layout. */
.learn-hero h1 {
  font-size: clamp(2.1rem, 4.6vw, 4.6rem);
  line-height: 1.08;
  max-width: 24ch;
  overflow-wrap: anywhere;
}
.learn-hero .content-hero__meta { line-height: 1.8; }
.learn-teaser .card h3 { line-height: 1.2; }
.learn-teaser .card a { color: var(--ice); text-decoration-color: var(--ice-deep); text-underline-offset: .2em; }
.learn-teaser .card a:hover { color: #c7fdff; }
.learn-teaser .text-link { display: inline-block; margin-top: 1rem; line-height: 1.8; }
.learn-teaser__intro { max-width: 52rem; color: var(--text-dim); margin: -1rem 0 2rem; line-height: 1.7; }
@media (max-width: 600px) {
  .learn-hero h1 { font-size: 2.15rem; }
  .learn-hero .content-hero__meta { display: block; }
}
.learn-teaser .bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 760px) {
  .learn-teaser .bento { grid-template-columns: minmax(0, 1fr); }
}
/* Existing homepage display headings must also fit narrow phone screens. */
@media (max-width: 360px) {
  .section-title, .features .section-title, .how .section-title { font-size: 2.1rem; }
}

/* Topic groups keep the growing library scannable without hiding crawlable links. */
.learning-jumps { margin-bottom: 2.5rem; }
.learning-start {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: 2rem;
  padding: clamp(1.3rem, 3vw, 2.5rem);
  border: 1px solid var(--line-strong);
  background: linear-gradient(135deg, rgba(125,249,255,.06), rgba(8,19,27,.75));
}
.learning-start h2 { font-size: clamp(1.6rem, 2.5vw, 2.3rem); line-height: 1.15; margin: .8rem 0; }
.learning-start p, .learning-topic-intro { color: var(--text-dim); line-height: 1.7; }
.learning-start ol { padding-left: 1.5rem; margin: 0; }
.learning-start li { padding: .55rem 0 .55rem .4rem; line-height: 1.6; }
.learning-start li::marker { color: var(--ice); }
.learning-start a { color: var(--ice); text-underline-offset: .2em; }
.learning-topics { scroll-margin-top: 6rem; }
.learning-topics h2 { scroll-margin-top: 6rem; margin-bottom: 1rem; }
.learning-topic-intro { margin: 0 0 1.7rem; max-width: 52rem; }
.learning-topics .doc-card { min-height: 19rem; }
.learning-topics .doc-card h3 {
  font-family: var(--font-display);
  font-size: clamp(1.35rem, 2.2vw, 2rem);
  font-weight: 800;
  line-height: 1.16;
  margin: 1.8rem 0 1rem;
  overflow-wrap: anywhere;
}
.learning-topics .doc-card p { padding-bottom: 1.5rem; line-height: 1.65; }
.learning-jumps a:focus-visible, .learning-start a:focus-visible, .learning-topics .doc-card:focus-visible {
  outline: 2px solid var(--ice); outline-offset: 4px;
}
@media (max-width: 760px) {
  .learning-start { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .learning-topics .doc-card { min-height: 16rem; }
}