@import url("pill-glow-20260828.css?v=20260828-1434");

/* About page — background and current learning. */
body[data-page="about"] .page-hero p{max-width:900px}

.about-story-section{padding:66px 0 26px}
.about-story-card{padding:38px}
.about-story-copy{max-width:980px}
.about-story-copy h2{margin:8px 0 18px;font-size:clamp(32px,4vw,48px);line-height:1.04}
.about-story-copy p{margin:0 0 16px;color:var(--muted);font-size:15px;line-height:1.75;max-width:960px}
.about-story-copy p:last-child{margin-bottom:0}

.about-section-head{margin-bottom:24px}
.about-section-head h2{margin:7px 0 8px;font-size:clamp(32px,4vw,46px);line-height:1.05}
.about-section-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.65;max-width:720px}

.about-learning-section{padding:38px 0 24px}
.about-learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.about-learning-card{display:flex;flex-direction:column;min-height:210px;padding:30px}
.about-learning-card h3{margin:9px 0 12px;font-size:24px;line-height:1.15}
.about-learning-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}

.about-next-section{padding:34px 0 76px}
.about-next-card{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:38px}
.about-next-card>div:first-child{max-width:690px}
.about-next-card h2{margin:7px 0 10px;font-size:clamp(30px,4vw,44px);line-height:1.06}
.about-next-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}
.about-next-card .actions{flex:0 0 auto}

@media(max-width:980px){
  .about-learning-grid{grid-template-columns:1fr}
  .about-learning-card{min-height:0}
  .about-next-card{align-items:flex-start;flex-direction:column}
}

@media(max-width:620px){
  .about-story-section{padding-top:46px}
  .about-story-card,.about-learning-card,.about-next-card{padding:23px}
  .about-learning-section{padding-top:28px}
  .about-next-card .actions{width:100%}
}