/* Repere istorice — Divizia 2 „Getica" */
.d2i-rep { max-width: var(--container-narrow, 860px); }
.d2i-rep__head { display: flex; align-items: center; gap: 16px; margin-bottom: 22px; }
.d2i-rep__mark { width: 52px; height: 52px; flex-shrink: 0; border-radius: 10px; background: var(--getica-red, #dd0321);
  display: inline-flex; align-items: center; justify-content: center; color: #fff; }
.d2i-rep__mark .d2i-ico { color: #fff; }
.d2i-rep__mark-img { height: 28px; width: auto; }
.d2i-rep__title { font-family: var(--font-display, sans-serif); font-weight: 700; font-size: 30px; color: var(--ink-900, #14171a); margin: 0; }

.d2i-rep__intro { font-size: 16px; line-height: 1.7; color: var(--text-body, #2c3338); }
.d2i-rep__intro p { margin: 0 0 16px; }
.d2i-rep__intro p:last-child { margin-bottom: 0; }
.d2i-rep__intro strong { color: var(--getica-green, #013609); }

.d2i-rep__tl-title { font-family: var(--font-display, sans-serif); font-weight: 700; font-style: italic; font-size: 20px;
  color: var(--getica-green, #013609); margin: 32px 0 20px; padding-bottom: 10px; border-bottom: 2px solid var(--getica-gold, #e88504); display: inline-block; }
.d2i-rep__tl { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.d2i-rep__ev { display: grid; grid-template-columns: 88px 1fr; gap: 18px; align-items: start; padding: 14px 0; border-bottom: 1px solid var(--border-subtle, #d4dade); }
.d2i-rep__ev:last-child { border-bottom: none; }
.d2i-rep__year { font-family: var(--font-display, sans-serif); font-weight: 700; font-size: 18px; color: var(--getica-red, #dd0321);
  border-left: 3px solid var(--getica-red, #dd0321); padding-left: 12px; line-height: 1.2; }
.d2i-rep__ev-text { font-size: 16px; line-height: 1.6; color: var(--text-body, #2c3338); }

.d2i-rep__meta { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 28px; padding-top: 16px; border-top: 1px solid var(--border-subtle, #d4dade);
  font-family: var(--font-display, sans-serif); font-size: 13px; text-transform: uppercase; letter-spacing: .06em; color: var(--text-muted, #545d65); }
.d2i-rep__meta span { display: inline-flex; align-items: center; gap: 7px; }
.d2i-rep__meta svg { width: 15px; height: 15px; }

@media (max-width: 600px) {
  .d2i-rep__title { font-size: 24px; }
  .d2i-rep__ev { grid-template-columns: 70px 1fr; gap: 12px; }
}