<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Professional and Employment History</title>

  <style>
    :root {
      --text: #1f1f1f;
      --link: #0b57d0;
      --visited: #5b3f96;
      --border: #cfcfcf;
      --focus: #ffbf47;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1.6;
      color: var(--text);
      background: #fff;
    }

    main {
      max-width: 900px;
      margin: 0 auto;
      padding: 1.5rem;
    }

    header {
      text-align: center;
      margin-bottom: 1.5rem;
    }

    h1 {
      font-size: 2.25rem;
      margin: 0;
    }

    a {
      color: var(--link);
    }

    a:visited {
      color: var(--visited);
    }

    a:hover,
    a:focus {
      outline: 3px solid var(--focus);
      outline-offset: 2px;
    }

    ul {
      margin: 1rem 0 1rem 1.25rem;
      padding: 0;
    }

    li {
      margin: 0.75rem 0;
    }

    .back-link {
      margin-top: 2rem;
      padding-top: 1rem;
      border-top: 1px solid var(--border);
    }

    .skip-link {
      position: absolute;
      left: -9999px;
      top: auto;
      width: 1px;
      height: 1px;
      overflow: hidden;
    }

    .skip-link:focus {
      left: 1rem;
      top: 1rem;
      width: auto;
      height: auto;
      padding: 0.75rem 1rem;
      background: #fff;
      border: 2px solid var(--focus);
      z-index: 1000;
    }
  </style>
</head>

<body>
  <a class="skip-link" href="#content">Skip to content</a>

  <main id="content">
    <header>
      <h1>Professional and Employment History</h1>
    </header>

    <section aria-labelledby="employment-heading">
      <h2 id="employment-heading" style="position:absolute;left:-9999px;">
        Employment history list
      </h2>

      <ul>
        <li>Undergraduate Student, University of the Philippines at Los Banos (1976–1979)</li>
        <li>Instructor and Graduate Student, University of the Philippines at Los Banos (1979–1982)</li>
        <li>Graduate Student, Florida State University (1982–1986)</li>
        <li>Assistant Professor, Bowling Green State University (1986–1991)</li>
        <li>Associate Professor, Bowling Green State University (1991–1997)</li>
        <li>Professor, Bowling Green State University (1997–2000)</li>
        <li>Visiting Associate Professor, University of Michigan, Ann Arbor (1995–1996)</li>
        <li>Visiting Professor, University of Michigan, Ann Arbor (1999–2000)</li>
        <li>Professor, University of South Carolina, Columbia (2000–Present)</li>
        <li>Program Director (Rotator), Division of Mathematical Sciences, Statistics Program, National Science Foundation (2020–2023)</li>
        <li>Chair, Department of Statistics, University of South Carolina, Columbia (2024–Present)</li>
      </ul>

      <p class="back-link">
        <a href="index.html">Back to Main Page</a>
      </p>
    </section>
  </main>
</body>
</html>