/* Base */
html { scroll-behavior: smooth; }
body { font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif; }

/* Header */
.profile-img {
  width: 130px; height: 130px; object-fit: cover;
  border: 4px solid rgba(255,255,255,.6);
  box-shadow: 0 6px 22px rgba(0,0,0,.25);
}

/* Timeline base */
.timeline { position: relative; padding-left: 12px; }
.timeline-item { position: relative; margin-bottom: 28px; }

/* Company visual (logo or icon) */
.company-wrap { display: inline-flex; }
.company-logo {
  width: 60px; height: 60px;
  object-fit: contain;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 4px;
}
.company-icon {
  width: 60px; height: 60px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%;
  background: #f8f9fa;
  border: 1px solid #ddd;
  font-size: 26px;
}

/* See more button */
.see-more-btn {
  background: none;
  border: none;
  color: #0d6efd;
  font-size: 0.92rem;
  cursor: pointer;
  padding: 0;
  transition: color 0.2s ease, transform 0.1s ease;
}
.see-more-btn:hover { color: #0b5ed7; }
.see-more-btn:active { transform: translateY(1px); }

/* Skill cards */
.skill-card {
  border: none;
  border-left: 5px solid #0d6efd;
  transition: transform .25s ease, box-shadow .25s ease;
}
.skill-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(13,110,253,.15);
}

/* Sections */
section { transition: background .5s ease; }
section:hover { background: linear-gradient(180deg, #f8f9fa 0%, #fff 100%); }

/* Navbar */
.navbar-brand { letter-spacing: .2px; }

/* Print friendly */
@media print {
  .navbar, header, footer { box-shadow: none !important; }
  .bg-primary, .text-primary { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  a[href]:after { content: ""; } /* no raw links after anchors */
}