:root {
      --bg: #f7f7f9;
      --text: #222;
      --accent: #2a6f97;
      --card-bg: #ffffff;
    }

    @media (prefers-color-scheme: dark) {
      :root {
        --bg: #1c1c1e;
        --text: #e6e6e6;
        --accent: #4da3ff;
        --card-bg: #2a2a2d;
      }
    }

    body {
      font-family: Arial, sans-serif;
      max-width: 900px;
      margin: auto;
      padding: 20px;
      line-height: 1.6;
      background: var(--bg);
      color: var(--text);
      transition: background 0.3s ease, color 0.3s ease;
    }

    h1, h2 {
      color: var(--accent);
    }

    .section {
      margin-bottom: 30px;
      padding: 20px;
      background: var(--card-bg);
      border-radius: 12px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.06);
      transition: background 0.3s ease;
    }

    .job { margin-bottom: 15px; }
    .job-title { font-weight: bold; font-size: 1.1em; color: var(--accent); }
    .job-date { color: #666; font-size: 0.9em; }

    a { color: var(--accent); }