@import url('https://fonts.googleapis.com/css2?family=Jua&family=Noto+Sans+KR:wght@400;500;700&display=swap');

:root {
  --bg: #211215;
  --text: #F2E3E6;
  --primary: #B33A4B;
  --secondary: #4A2530;
  --font-display: 'Jua', serif;
  --font-body: 'Noto Sans KR', sans-serif;
}

.timeline {
  max-width: 720px;
  margin: 8px auto 56px;
  padding: 0 20px 0 44px;
  border-left: 2px solid #4A2530;
}
.tl-step { position: relative; padding-bottom: 40px; }
.tl-step:last-child { padding-bottom: 0; }
.tl-dot {
  position: absolute;
  left: -50px;
  top: 4px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid var(--primary);
  background: var(--primary);
}
.tl-step h2 { font-weight: 700; font-size: 1.12rem; color: var(--primary); margin-bottom: 8px; }
.tl-step p { font-size: 0.96rem; opacity: 0.92; }