/* sources.css — C-N61 public source catalog */
:root {
  --sc-bg: #0e1014;
  --sc-card: #161a22;
  --sc-ink: #e8eaed;
  --sc-mute: #8a909c;
  --sc-gold: #d4a853;
  --sc-rule: rgba(255,255,255,0.08);
  --sc-live: #4ade80;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: Inter, sans-serif;
  background: var(--sc-bg);
  color: var(--sc-ink);
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
.sc-top {
  display: flex; justify-content: space-between; align-items: center;
  padding: 16px 28px; border-bottom: 1px solid var(--sc-rule);
}
.sc-mark { font-family: 'Cormorant Garamond', serif; font-size: 22px; }
.sc-mark span { color: var(--sc-gold); }
.sc-hero { max-width: 900px; margin: 0 auto; padding: 56px 28px 32px; }
.sc-hero h1 { font-family: 'Cormorant Garamond', serif; font-size: clamp(32px, 5vw, 48px); margin-bottom: 16px; }
.sc-stats { font-size: 13px; color: #9aa0ad; margin-top: 12px; max-width: 640px; }
.sc-lead { color: var(--sc-mute); line-height: 1.55; font-size: 17px; }
.sc-cats { max-width: 1100px; margin: 0 auto; padding: 24px 28px 64px; }
.sc-cat-title {
  font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--sc-gold); margin: 32px 0 16px;
}
.sc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 14px;
}
.sc-card {
  background: var(--sc-card);
  border: 1px solid var(--sc-rule);
  border-radius: 8px;
  padding: 18px;
}
.sc-card h3 { font-size: 15px; margin-bottom: 8px; }
.sc-card p { font-size: 13px; color: var(--sc-mute); line-height: 1.45; }
.sc-meta { font-size: 11px; color: var(--sc-mute); margin-top: 12px; font-family: 'JetBrains Mono', monospace; }
.sc-live {
  display: inline-block;
  font-size: 10px;
  color: var(--sc-live);
  border: 1px solid rgba(74,222,128,0.35);
  padding: 2px 8px;
  border-radius: 10px;
  margin-bottom: 8px;
}
@media (max-width: 600px) {
  .sc-hero { padding: 40px 20px 24px; }
  .sc-cats { padding: 16px 20px 48px; }
}