body {
        margin: 0;
        padding: 0;
        font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        color: #1a1a1a;
        background: #f4f7fb;
        line-height: 1.6;
      }

      header {
        position: sticky;
        top: 0;
        background: #004080;
        color: #ffffff;
        padding: 1rem;
        text-align: center;
        font-size: 1.6rem;
        font-weight: 600;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        z-index: 10;
      }

      h1,
      h2,
      h3,
      h4 {
        color: #003366;
        margin-top: 1.5rem;
        font-weight: normal;
        margin: 1em 0 0.5em;
      }

      p {
        text-align: justify;
        text-justify: inter-word;
        margin: 0.5em 0;
      }

      a {
        color: #0056b3;
        text-decoration: none;
      }

      a:hover {
        text-decoration: underline;
        color: #003399;
      }

      nav {
        margin: 1em 0;
        text-align: center;
        height: auto;
      }

      nav a {
        color: #000;
        text-decoration: none;
        margin: 0 1em;
      }

      nav a:hover {
        text-decoration: underline;
      }

.slim-navbar {
  text-align: center;
  padding: 0.5rem 0;
  font-size: 1.3rem; /* or 90% */
  background-color: transparent; /* or a light color if needed */
}

.slim-navbar a {
  margin: 0 0.75rem;
  padding: 0.25rem 0.5rem;
  color: #004080;
  text-decoration: none;
  font-weight: 500;
}

.slim-navbar a:hover {
  text-decoration: underline;
  color: #002855;
}

      table {
        width: 100%;
        border-collapse: collapse;
        margin: 1rem 0;
        background: #ffffff;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
      }

      th,
      td {
        padding: 0.75rem 1rem;
        border-bottom: 1px solid #eaeaea;
        text-align: left;
      }

      th {
        background: #e6f0ff;
        color: #003366;
        font-weight: 600;
      }

      tr.border_bottom td {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
      }

      tr:hover {
        background-color: #f5f5f5;
      }

      img#personal {
        max-width: 100%;
        width: 160px;
        height: auto;
        /* margin: 10px; */
        margin: 0 8px 0 0;
        border-radius: 8px; 
      }

img#personal:hover {
  transform: scale(1.05);
  transition: 0.3s ease;
}

      section {
        padding: 1.2rem 1.2rem;
        max-width: 960px;
        margin: 2rem auto;
        background: #ffffff;
        border-radius: 10px;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
      }

      hr {
        border: none;
        border-top: 1px solid #d6e0f5;
        margin: 2rem 0;
      }

      footer {
        text-align: center;
        padding: 1rem;
        margin-top: 2rem;
        background: #004080;
        color: #ffffff;
        font-size: 0.9rem;
      }

      address {
        font-style: normal;
      }

      ul {
        padding-left: 1.2em;
      }

      teaching-table td:first-child {
        font-weight: bold;
      }

      publication-group {
        border: 1px solid #e0e0e0;
        padding: 0.5em 1em;
        margin-bottom: 1em;
        border-radius: 4px;
        background-color: #fafafa;
      }

      details {
        margin-top: 1em;
      }

      /* Responsive adjustments */
      @media (max-width: 768px) {

        table,
        thead,
        tbody,
        th,
        td,
        tr {
          display: block;
          width: 100%;
        }

        tr {
          margin-bottom: 1rem;
          border: 1px solid #ddd;
          border-radius: 6px;
          padding: 0.5rem;
          background: #fff;
        }

        td {
          border: none;
          display: flex;
          justify-content: space-between;
          padding: 0.5rem 0;
        }

        td::before {
          font-weight: bold;
          color: #003366;
          content: attr(data-label);
          margin-right: 1rem;
        }

        th {
          display: none;
        }

        .refs-container {
  text-align: center; /* Centers the inner UL as a whole */
}
.refs-list {
  display: inline-block; /* Shrinks UL to its content width */
  text-align: left;      /* Keeps list items left-aligned */
}

      }