/* Changelog: dated release log. Site token system. */

:root {
  --bg: #0b0b0c;
  --surface: #121214;
  --surface-hover: #18181b;
  --border: #222226;
  --border-strong: #323238;
  --text: #f2f2f5;
  --text-secondary: #bcbcc6;
  --text-muted: #9a9aa4;
  --accent: #d46a58;
  --sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --mono: 'JetBrains Mono', monospace;
}

.hero-compact { padding: 56px 0 28px; }
.hero-compact h1 { font-family: var(--serif); font-weight: 600; font-size: clamp(2.2rem, 5vw, 3.2rem); line-height: 1.05; margin: 10px 0 16px; letter-spacing: -0.01em; }

.cl-list { max-width: 720px; margin: 0 auto; display: grid; gap: 14px; }
.cl-group { background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 20px 24px; }
.cl-date { color: var(--accent); font-family: var(--mono); font-size: .85rem; margin-bottom: 10px; }
.cl-items { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.cl-items li { color: var(--text-secondary); line-height: 1.6; padding-left: 20px; position: relative; }
.cl-items li::before { content: '\2192'; position: absolute; left: 0; color: var(--accent); }