/* about.css — About, credentials, timeline */
.about-creds-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(260px,1fr)); gap: 14px; margin-bottom: 32px; }
.cred-card { border: 1.5px solid var(--border); border-radius: var(--r-lg); padding: 18px; background: var(--white); }
.cred-card-title { font-family: var(--ff-h); font-size: 13px; font-weight: 700; color: var(--blue-d); margin-bottom: 4px; }
.cred-card-num   { font-size: 11.5px; color: var(--muted); font-family: var(--ff-m); margin-bottom: 6px; }
.cred-card-desc  { font-size: 12px; color: var(--light); line-height: 1.55; }
.timeline { display: flex; flex-direction: column; gap: 0; }
.tl-item { display: flex; gap: 20px; position: relative; }
.tl-item::before { content: ''; position: absolute; left: 108px; top: 44px; bottom: -20px; width: 2px; background: var(--border); }
.tl-item:last-child::before { display: none; }
.tl-year { width: 80px; flex-shrink: 0; font-family: var(--ff-h); font-size: 13px; font-weight: 800; color: var(--blue-d); padding-top: 18px; text-align: right; }
.tl-dot  { width: 18px; height: 18px; border-radius: 50%; background: var(--blue); border: 3px solid var(--white); box-shadow: 0 0 0 2px var(--border); flex-shrink: 0; margin-top: 20px; z-index: 1; }
.tl-content { flex: 1; padding: 14px 0 28px; }
.tl-content h4 { font-family: var(--ff-h); font-size: 14px; font-weight: 700; color: var(--blue-d); margin-bottom: 5px; }
.tl-content p  { font-size: 13px; color: var(--muted); line-height: 1.6; }
.about-creds-grid{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
}.cred-card{
    max-width: 280px;
}