<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Position and Address</title>
  <style>
    :root {
      --text: #1f1f1f;
      --link: #0b57d0;
      --visited: #5b3f96;
      --focus: #ffbf47;
      --border: #d0d7de;
      --bg: #ffffff;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      margin: 0;
      background: var(--bg);
      color: var(--text);
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1.6;
    }

    a {
      color: var(--link);
    }

    a:visited {
      color: var(--visited);
    }

    a:focus,
    a:hover {
      outline: 3px solid var(--focus);
      outline-offset: 2px;
    }

    .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;
    }

    main {
      max-width: 52rem;
      margin: 0 auto;
      padding: 2rem 1.25rem;
    }

    header {
      margin-bottom: 1.5rem;
      padding-bottom: 1rem;
      border-bottom: 1px solid var(--border);
    }

    h1 {
      margin: 0 0 0.75rem 0;
      font-size: 2rem;
      line-height: 1.2;
    }

    .contact-card {
      font-size: 1.125rem;
    }

    .contact-card p {
      margin: 0.35rem 0;
    }

    .back-link {
      margin-top: 2rem;
      padding-top: 1rem;
      border-top: 1px solid var(--border);
    }
  </style>
</head>
<body>
  <a class="skip-link" href="#content">Skip to content</a>

  <main id="content">
    <header>
      <h1>Position and Address</h1>
    </header>

    <section class="contact-card" aria-labelledby="contact-heading">
      <h2 id="contact-heading" style="position:absolute;left:-9999px;">Contact information</h2>

      <p><strong>Edsel A. Pena, PhD</strong></p>
      <p>Professor and Chair</p>
      <p>Department of Statistics</p>
      <p>University of South Carolina</p>
      <p>Columbia, SC 29208</p>
      <p>
        E-Mail:
        <a href="mailto:pena@stat.sc.edu">pena@stat.sc.edu</a>
      </p>
      <p>
        Mobile Phone:
        <a href="tel:+18032069401">803-206-9401</a>
      </p>
      <p>
        Department of Statistics Office Phone:
        <a href="tel:+18037777800">803-777-7800</a>
      </p>
    </section>

    <p class="back-link"><a href="index.html">Back to Main Page</a></p>
  </main>
</body>
</html>