/* Deck 10 · concise evidence-first library presentation */
.learning-breadcrumb {
  display: none;
}

.learning-hero {
  display: block;
  margin-top: 28px;
  padding: clamp(34px, 5vw, 64px);
  overflow: hidden;
  border: 0;
  border-radius: 22px;
  background:
    radial-gradient(circle at 86% 18%, rgba(25, 185, 203, 0.34), transparent 28%),
    linear-gradient(135deg, #06273e, #14516e 64%, #117c7b);
  color: #fff;
}

.learning-hero h1 {
  max-width: 12ch;
  color: #fff;
  font-size: clamp(48px, 7vw, 82px);
}

.learning-hero .learning-kicker {
  color: #fff;
}

.learning-hero .lede {
  max-width: 760px;
  color: #d9ebf2;
  font-size: clamp(0.98rem, 1.55vw, 1.18rem);
}

.learning-boundary {
  max-width: 760px;
  margin: 18px 0 0;
  padding-left: 14px;
  border-left: 3px solid #f2c94c;
  color: #c8dce6;
  font-size: 0.78rem;
  line-height: 1.55;
}

.learning-button.primary,
.learning-button.primary:hover,
.learning-button.primary:focus-visible {
  border-color: #f2c94c;
  background: #f2c94c;
  color: #10283d;
}

#library {
  padding-top: 44px;
}

.resource-card,
.resource-card:hover,
.resource-card.selected {
  transform: none;
}

.resource-card {
  transition: border-color 120ms ease, box-shadow 120ms ease;
}

.resource-card:hover,
.resource-card.selected {
  border-color: color-mix(in srgb, var(--resource-accent) 56%, #cbd6dd);
  box-shadow: 0 10px 26px rgba(16, 40, 61, 0.055);
}

@media (max-width: 720px) {
  .learning-hero {
    margin-top: 18px;
    padding: 30px 24px;
    border-radius: 18px;
  }
}