/* Shared platform chrome — header, ads, dashboard */
.ad-slot {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  margin: 12px auto; max-width: 100%; border-radius: 10px;
  background: rgba(255,255,255,0.03); border: 1px dashed rgba(255,255,255,0.12);
  min-height: 50px; color: #6b7280; font-size: 11px; text-transform: uppercase;
  letter-spacing: 0.06em;
}
.ad-slot--banner-top { min-height: 50px; width: 100%; max-width: 728px; }
.ad-slot--banner-footer { min-height: 50px; width: 100%; max-width: 728px; margin-top: auto; }
.ad-slot--sidebar { min-height: 250px; max-width: 300px; }
.ad-slot--native-card { min-height: 120px; width: 100%; }
.ad-slot__dims { font-size: 10px; opacity: 0.7; margin-top: 4px; }
.platform-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.platform-nav { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.course-card-grid { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.course-progress-card {
  background: var(--panel, #1a1d23); border: 1px solid var(--line, rgba(255,255,255,.08));
  border-radius: 14px; padding: 16px;
}
.course-progress-card h3 { font-size: 1rem; margin: 0 0 6px; }
.course-progress-card .bar {
  height: 6px; background: rgba(255,255,255,.08); border-radius: 999px; overflow: hidden; margin: 10px 0;
}
.course-progress-card .bar i { display: block; height: 100%; background: #4ade80; border-radius: 999px; }