/* style.css */

body {
  margin: 0; font-family: Arial, sans-serif;
}

.top-nav {
  background: #fff; border-bottom: 1px solid #ddd;
}
.top-nav ul {
  display: flex; list-style: none; margin: 0; padding: 0 1rem;
}
.top-nav li { margin-right: 1.5rem; }
.top-nav a {
  display: block; padding: 1rem 0; text-decoration: none; color: #555;
}
.top-nav a.active,
.top-nav a:hover { color: #000; border-bottom: 2px solid #007bff; }

.container {
  display: flex; max-width: 1200px; margin: 2rem auto; padding: 0 1rem;
}
.sidebar {
  width: 200px; padding-right: 1.5rem; border-right: 1px solid #eee;
}
.profile-pic {
  width: 80%; margin-bottom: 1rem;
}
.sidebar h2 { margin: 0 0 .5rem; }
.contact-links a {
  display: block; margin: .5rem 0; text-decoration: none; color: #007bff;
}

.main-content {
  flex: 1; padding-left: 1.5rem;
}
.main-content section {
  margin-bottom: 2rem;
}
.pub-item {
  display: flex; margin-bottom: 1.5rem;
}
.pub-item img {
  width: 120px; height: auto; margin-right: 1rem;
}
.pub-item h3 {
  margin: 0 0 .25rem;
}
.pub-item a {
  margin-right: 1rem; text-decoration: none; color: #007bff;
}