.definition-text {
line-height: 1.6;
}
.related-term {
text-decoration: none;
}
.related-term:hover {
text-decoration: underline;
}
/* Timeline (Approach F) */
ol.timeline {
list-style: none;
padding-left: 0;
position: relative;
}
ol.timeline::before {
content: "";
position: absolute;
left: 18px;
top: 0; bottom: 0;
width: 2px; background: rgba(0,0,0,.1);
}
.timeline-item { position: relative; padding-left: 48px; margin-bottom: 1rem; }
.timeline-marker {
position: absolute; left: 8px; top: .25rem;
width: 20px; height: 20px; border-radius: 50%;
background: var(--bs-secondary-bg);
color: var(--bs-emphasis-color);
display: flex; align-items: center; justify-content: center;
font-size: .75rem; border: 1px solid rgba(0,0,0,.1);
}
/* Chips (Approach I) */
.chip { display: inline-block; padding: .25rem .5rem; border-radius: 999px; border: 1px solid rgba(0,0,0,.1); text-decoration: none; }
.chip:hover { text-decoration: underline; }
.chip-syn { background: var(--bs-primary-bg-subtle); }
.chip-ant { background: var(--bs-warning-bg-subtle); }
.chip-see { background: var(--bs-success-bg-subtle); }
.chip-cf { background: var(--bs-secondary-bg-subtle); }
/* Tiles */
.tile-card { border-radius: .75rem; }

.card-gradient-border {
  border-left-width: 8px;
  border-left-style: solid;
  border-image: linear-gradient(to bottom, #4caf50, #ccc) 1;
}

.text-secondary {
  color: #d6d6d6ff !important;
}