/* Study with Bao pages: the shared Starry Labs layout (/styles.css) in Bao's violet and orange. */
:root {
  --abyss: #2a1f6e;
  --deep: #4a3aa8;
  --ocean: #7b6cf0;
  --cyan: #ffb36b;
  --panel: rgba(255, 255, 255, 0.12);
  --border: rgba(255, 255, 255, 0.28);
  --text: #ffffff;
  --dim: rgba(255, 255, 255, 0.86);
  --faint: rgba(255, 255, 255, 0.6);
}
body { font-family: 'Nunito', system-ui, sans-serif; font-size: 17px; }
h1, h2 { font-family: 'Nunito', system-ui, sans-serif; font-weight: 900; letter-spacing: 0; }
h1 { text-shadow: none; }
h2 { font-size: 22px; }
h3 { color: var(--text); font-size: 18px; margin: 24px 0 4px; }
.hero { display: flex; gap: 18px; align-items: center; margin-bottom: 8px; }
.hero img { width: 80px; height: 80px; border-radius: 18px; flex: none; }