.timeline {
    position: relative; max-width: 900px; margin: 0 auto;
    border-left: 2px solid var(--accent); padding-left: 40px;
}

.timeline-item { margin-bottom: 60px; position: relative; }
.timeline-item::before {
    content: ''; position: absolute; left: -49px; top: 0; width: 16px; height: 16px;
    background: var(--bg-deep); border: 2px solid var(--accent); border-radius: 50%;
}

.date-badge {
    display: inline-block; background: var(--accent); color: #000;
    font-weight: bold; padding: 4px 10px; border-radius: 4px; font-size: 0.8rem;
    margin-bottom: 15px; font-family: var(--font-head);
}

.content-box { padding: 30px; }
.content-box h3 { margin-bottom: 10px; font-family: var(--font-head); font-size: 1.4rem; }

.gallery-mini { display: flex; gap: 15px; margin-top: 20px; }
.mini-img {
    width: 120px; height: 120px; background: rgba(0,0,0,0.1);
    border: 1px dashed var(--text-muted); border-radius: 8px;
    display: flex; align-items: center; justify-content: center; font-size: 0.7rem;
}

.code-snippet-mini {
    background: #111; padding: 15px; border-radius: 8px; margin-top: 15px;
    font-family: var(--font-code); font-size: 0.85rem; color: #ccc;
    border: 1px solid #333;
}