.ds-home-hero {
  padding: 66px 0 49px;
  text-align: center;
  background: linear-gradient(180deg, #f4f8f6 0%, #fff 100%);
}
.ds-home-hero-inner { display: block; }
.ds-home-kicker,
.ds-home-learning-kicker {
  margin: 0 0 16px;
  color: var(--ds-home-teal);
  font-size: 12px;
  font-weight: 750;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.ds-home-hero h1 {
  max-width: none;
  margin: 0 0 19px;
  color: var(--ds-home-ink);
  font-size: clamp(36px, 4.5vw, 58px);
  font-weight: 740;
  letter-spacing: -2.5px;
  line-height: 1.14;
}
.ds-home-subtitle { margin: 0 0 30px; color: var(--ds-home-muted); font-size: 18px; }
.ds-home-quick-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 16px; margin-top: 16px; color: var(--ds-home-muted); font-size: 13px; }
.ds-home-quick-links-label { color: var(--ds-home-muted); }
.ds-home-quick-link { border-bottom: 1px solid #cad7d1; }
.ds-home-topics-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.ds-home-section-dark { background: #123e37; color: #fff; }
.ds-home-section-dark .ds-home-section-heading p { color: #b6cec7; }
.ds-home-section-dark .ds-home-more { color: #dbefdf; }
.ds-home-popular .ds-home-section-heading p { color: var(--ds-home-muted); }
.ds-home-popular .ds-home-more { color: var(--ds-home-ink); }
.ds-home-learning-section { margin: 9px 0 35px; }
.ds-home-learning-section > .ds-home-container { padding: 37px 38px 38px; border-radius: 16px; background: #123e37; color: #fff; }
.ds-home-learning-section .ds-home-learning-kicker { margin-bottom: 9px; color: var(--ds-home-lime); }
.ds-home-learning-section .ds-home-section-heading p { color: #b6cec7; }
.ds-home-learning-section .ds-home-more { color: #dbefdf; }
.ds-home-learning-card { padding: 23px; border: 1px solid #477166; border-radius: 9px; background: rgba(255,255,255,.02); }
.ds-home-learning-card:hover { border-color: #c8e29e; background: rgba(255,255,255,.08); color: #fff; }
.ds-home-learning-number { color: #abc9bd; font-family: ui-monospace, monospace; font-size: 12px; }
.ds-home-learning-card h3 { margin: 19px 0 7px; color: #fff; font-size: 21px; letter-spacing: -.4px; }
.ds-home-learning-card p { margin: 0 0 24px; color: #c1d5cd; font-size: 14px; line-height: 1.6; }
.ds-home-learning-start { color: var(--ds-home-lime); font-size: 13px; font-weight: 650; }
.ds-home-recent-list { display: grid; grid-template-columns: 1fr; gap: 0; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--ds-home-line); }
.ds-home-recent-item { border-bottom: 1px solid var(--ds-home-line); }
.ds-home-recent-item > a { display: grid; grid-template-columns: 125px 1fr 22px; gap: 20px; align-items: center; padding: 17px 0; }
.ds-home-recent-date { grid-column: 1; grid-row: 1 / 3; color: var(--ds-home-muted); font-size: 13px; }
.ds-home-recent-tech { grid-column: 2; grid-row: 1; margin: 0; color: var(--ds-home-muted); font-size: 13px; }
.ds-home-recent-item h3 { grid-column: 2; grid-row: 2; margin: 0; font-size: 16px; font-weight: 570; line-height: 1.4; }
.ds-home-recent-arrow { grid-column: 3; grid-row: 1 / 3; }
.ds-home-recent-item:hover h3 { text-decoration: underline; text-underline-offset: 4px; }

@media (max-width: 900px) {
  .ds-home-topics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ds-home-learning-section > .ds-home-container { padding: 28px; }
}

@media (max-width: 640px) {
  .ds-home-hero { padding: 43px 0 29px; }
  .ds-home-hero h1 { font-size: 36px; letter-spacing: -1.6px; }
  .ds-home-subtitle { max-width: 330px; margin: 0 auto 25px; font-size: 16px; }
  .ds-home-quick-links { gap: 12px; font-size: 12px; }
  .ds-home-learning-section { margin: 16px 0 34px; }
  .ds-home-learning-section > .ds-home-container { padding: 25px 20px; }
  .ds-home-learning-section .ds-home-section-heading { display: block; }
  .ds-home-learning-section .ds-home-more { display: inline-block; margin-top: 13px; }
  .ds-home-learning-card { padding: 18px; }
  .ds-home-learning-card h3 { margin-top: 10px; }
  .ds-home-learning-card p { margin-bottom: 16px; }
  .ds-home-recent-list { grid-template-columns: 1fr; }
  .ds-home-recent-item > a { grid-template-columns: 125px 1fr 22px; gap: 3px 10px; }
}