.history { border-top: 1px solid var(--line); }
.history-list { border-top: 1px solid var(--line); }
.history-list article { display: grid; grid-template-columns: 30% 1fr; gap: 24px; padding: 31px 0; border-bottom: 1px solid var(--line); }
.history-date { color: var(--lime); font: 11px 'DM Mono', monospace; letter-spacing: .05em; }
.history-role { margin: 0 0 5px; color: var(--muted); font: 11px 'DM Mono', monospace; letter-spacing: .05em; }
.history-list h3 { margin: 0 0 12px; font-size: 25px; letter-spacing: -.06em; }
.history-list h3 + p { max-width: 620px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.history-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 17px; }
.history-tags span { padding: 6px 8px; border: 1px solid var(--line); color: var(--ink); font: 10px 'DM Mono', monospace; }
@media (max-width: 700px) { .history-list article { grid-template-columns: 1fr; gap: 11px; } }