/* ===== Dark-theme overrides (resume) ===== */
#resume,#skills,#service,.section,section{background:#000!important;color:#fff!important;}
/* … other dark rules … */

/* ===== Timeline tweaks ===== */
.timeline-post-content-holder{position:relative;border-radius:12px;padding:20px;background:rgba(20,20,20,.95);}
.timeline-post-left .timeline-post-content-holder:before,
.timeline-post-right .timeline-post-content-holder:before{
  content:'';position:absolute;top:28px;border:9px solid transparent;
}
.timeline-post-left  .timeline-post-content-holder:before{left:-18px;border-right-color:rgba(20,20,20,.95);}
.timeline-post-right .timeline-post-content-holder:before{right:-18px;border-left-color:rgba(20,20,20,.95);}

/* ===== Tiny pics in timeline ===== */
.timeline-post-image{float:right;width:110px;margin:0 0 10px 15px;}
.timeline-post-image img{width:100%;height:auto;border-radius:6px;}

/* ===== Milestone cards ===== */
#status .milestones-title{color:#fff;font-size:48px;font-weight:800;letter-spacing:3px;margin-bottom:60px;text-align:center;text-transform:uppercase;}
#status .milestone-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;}
#status .milestone{background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.15);border-radius:18px;padding:28px 24px 32px;width:230px;text-align:center;backdrop-filter:blur(4px);transition:transform .25s,box-shadow .25s;}
#status .milestone:hover{transform:translateY(-6px);box-shadow:0 8px 22px rgba(0,0,0,.35);}
#status .milestone-badge,#status .milestone-icon{width:90px;height:90px;border-radius:50%;margin-bottom:18px;object-fit:cover;}
#status .milestone-icon{line-height:90px;font-size:42px;color:#e74c3c;background:rgba(255,255,255,.9);}
#status .milestone-year{font-size:22px;font-weight:700;color:#ffd44d;margin:0 0 6px;}
#status .milestone-label{font-size:16px;line-height:24px;color:#fff;margin:0;}