/* Navbar: opak */
.nav-solid{ background: #0047B3; border-bottom:1px solid rgba(255,255,255,.06); }

.about{ background:#fff; }

/* Container */
.container{ max-width:1100px; margin:0 auto; padding:0 24px; }

/* Title */
.title{
  padding-top:110px; /* fixed navbar boşluğu */
  margin:0 0 24px;
  text-align:center;
  font-size: clamp(1.8rem, 4.5vw, 2.6rem);
  font-weight:900;
  color:#ef2a56; /* pembe/kırmızı vurgu */
}

/* Timeline wrapper */
.timeline{
  display:flex; flex-direction:column; gap:26px; margin:0 0 80px;
}

/* Card row */
.tl-card{
  background:#f5f6f8;
  border-radius:28px;
  padding:26px;
  display:grid;
  grid-template-columns: 170px 24px 1fr 120px; /* tarih | çizgi | içerik | ikon */
  align-items:center;
  gap:18px;
  box-shadow:0 18px 32px rgba(0,0,0,.06);
}

/* Date column */
.tl-date{ text-align:center; font-weight:800; color:#1f2937; }
.tl-date .m{ font-size:1.05rem; }
.tl-date .y{ font-size:1.4rem; }

/* vertical separator */
.tl-sep{ width:2px; height:100%; background:#111; opacity:.25; border-radius:2px; }

/* content */
.tl-content p{
  margin:0; color:#4b5563; line-height:1.7; font-weight:500;
}
.link{ color:#2563eb; text-decoration:none; }
.link:hover{ text-decoration:underline; }

/* icon */
.tl-icon{ display:flex; align-items:center; justify-content:center; }
.tl-icon svg{ display:block; }

/* Responsive */
@media (max-width: 900px){
  .tl-card{
    grid-template-columns: 1fr; text-align:left;
  }
  .tl-sep{ display:none; }
  .tl-date{ text-align:left; display:flex; gap:8px; }
  .tl-icon{ justify-content:flex-start; margin-top:8px; }
}
/* sayfa gövdesi beyaz kalsın */
html, body, .about { background:#fff; }

/* footer ile içerik arasında yumuşak ayrım */
.footer-line { border-top:1px solid rgba(0,0,0,.08); }


.about h2 { color: #0047B3; }