/* #learn — "Can't read notes yet?" (1.3, David 2026-11-06). Own file so a cached site.css can't hide it. */
.learn { background: var(--cream-alt); }
.learn .learn-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(20px, 3vw, 40px); margin-top: 34px; }
.learn .learn-card { display: grid; grid-template-columns: minmax(110px, 34%) minmax(0, 1fr); gap: 22px; align-items: start;
  background: var(--cream); border: 1px solid var(--hairline); border-radius: var(--radius-card); padding: 22px;
  box-shadow: 0 3px 8px rgba(12, 9, 7, 0.08); }
.learn .learn-card img { width: 100%; height: auto; display: block; border-radius: 18px; border: 6px solid #1a1410; }
.learn .learn-card h3 { font-family: var(--display); font-size: clamp(1.3rem, 2.2vw, 1.6rem); margin: 0 0 10px; line-height: 1.2; }
.learn .learn-card p { margin: 0; line-height: 1.55; color: rgba(59, 44, 28, 0.85); }
@media (max-width: 900px) { .learn .learn-cards { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .learn .learn-card { grid-template-columns: 1fr; } .learn .learn-card img { max-width: 220px; margin: 0 auto; } }