.timeline{flex-flow:wrap;justify-content:center;align-items:center;gap:0;margin-bottom:32px;padding:0 16px;display:flex}.timeline-content{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;padding:10px 20px;position:relative}.timeline-content h2{color:var(--color-text-muted);font-size:.9rem;font-weight:600;font-family:var(--font-mono), monospace;transition:color var(--transition-fast)}.timeline-content:hover{background:#38bdf80f;border-color:#38bdf84d}.timeline-content:hover h2{color:var(--color-accent)}.active-tl{border-color:var(--color-accent)!important;background:linear-gradient(135deg,#38bdf826,#818cf81a)!important}.active-tl h2{font-weight:700;color:var(--color-accent)!important}.connector{background:linear-gradient(90deg, var(--color-border), #38bdf84d, var(--color-border));border:none;flex-shrink:0;width:32px;height:2px}.job-description{text-align:left;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:680px;margin:0 auto;padding:28px 36px;animation:.3s both fadeInUp}.job-description h2{color:var(--color-text-light);margin-bottom:4px;font-size:1.15rem}.job-description h3{color:var(--color-accent);margin-bottom:4px;font-size:.95rem;font-weight:500}.job-description h4{color:var(--color-text-muted);font-size:.8rem;font-family:var(--font-mono), monospace;margin-bottom:12px}.job-description ul{text-align:left;color:var(--color-text);padding-left:20px;font-size:.9rem;line-height:1.7}.job-description ul li{margin-bottom:4px}.job-description ul li::marker{color:var(--color-accent)}.job-separator{background:var(--color-border);border:none;height:1px;margin:20px 0}.close-btn{width:100%;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:flex-end;align-items:center;margin-bottom:8px;display:flex}.close-btn:hover{color:var(--color-accent);transition:all .2s}@media screen and (max-width:768px){.timeline{flex-direction:column;align-items:center;gap:0;margin-bottom:24px;padding:0 8px}.timeline-content{padding:8px 16px}.timeline-content h2{font-size:.85rem}.connector{background:linear-gradient(180deg, var(--color-border), #38bdf84d, var(--color-border));width:2px;height:20px}.job-description{margin:0 8px;padding:20px}}