/* Homepage additions preserve the original landing palette and layout. */
.learning-layers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.learning-layers > div { min-width: 0; }
.learning-layers > div:last-child { grid-column: 1 / -1; }
.learning-layers b { flex-shrink: 0; font-size: .8rem; }
.learning-layers span { min-width: 0; overflow-wrap: anywhere; }
.language-grid { border-left: 0; }
.language-card { --language-accent: #287b71; border-left: 4px solid var(--language-accent); }
.language-card:nth-child(2) { --language-accent: #c18a35; }
.language-card:nth-child(3) { --language-accent: #547fa3; }
.language-card:nth-child(4) { --language-accent: #9a718f; }
.language-card:nth-child(5) { --language-accent: #bd6857; }
.language-card:nth-child(6) { --language-accent: #62844f; }
.language-card:nth-child(7) { --language-accent: #537b86; }
.language-card:nth-child(8) { --language-accent: #9b7850; }
.language-card:nth-child(9) { --language-accent: #7b72a2; }
.language-card:nth-child(10) { --language-accent: #a95770; }
.language-card:nth-child(11) { --language-accent: #42785a; }
.language-card:nth-child(12) { --language-accent: #b6763f; }
@media (max-width: 600px) {
  /* Only horizontal spacing changes; retain existing vertical spacing. */
  .languages-section { padding-inline: 0; }
  .languages-section .section-heading { padding-inline: .625rem; }
  .language-grid { column-gap: 0; }
  .language-card { padding-inline: .625rem; border-right: 0; }
}