.page-main{ display:grid; gap:16px; }

.intro{ display:grid; gap:10px; }

.pill-row{ display:flex; flex-wrap:wrap; gap:8px; }
.pill{ padding:8px 12px; border-radius:12px; background: linear-gradient(180deg, var(--glass2), var(--glass)); border:1px solid var(--stroke); font-weight:700; color:var(--muted); }

.lesson-grid{ display:grid; gap:12px; }

.lesson-card{ display:grid; gap:8px; padding:16px; border-radius:18px; border:1px solid var(--stroke); background: linear-gradient(180deg, var(--glass2), var(--glass)); box-shadow: var(--shadow2); }
.lesson-card__header{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.lesson-card h2{ margin:0; }
.lesson-card p{ margin:0; color:var(--muted); }
.badge{ padding:6px 10px; border-radius:999px; background: var(--glass); border:1px solid var(--stroke); font-size:12px; font-weight:800; color:var(--text); }
.link{ color:var(--text); font-weight:700; text-decoration:none; display:inline-flex; gap:6px; align-items:center; }
.link:hover{ text-decoration:underline; }