:root {
      --background-color: #ffffff;
      --text-color: #111111;
      --copy-color: #444444;
    }

    * {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      min-height: 100vh;
      font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
      background-color: var(--background-color);
      color: gold;
      display: flex;
      justify-content: center;
      padding: 32px 16px;
    }

    main.wrapper {
      width: min(480px, 100%);
      display: flex;
      flex-direction: column;
      gap: 24px;
    }

    .language-switcher {
      display: flex;
      justify-content: center;
      gap: 12px;
      font-weight: 600;
    }

    .language-switcher button {
      background: transparent;
      border: none;
      cursor: pointer;
      font-size: 14px;color:lime;
    }

    .language-switcher button.active {
      text-decoration: underline;
      text-underline-offset: 4px;
    }

    .button-group {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    .action-button {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 18px 24px;
      border: 1px solid gold;
      text-decoration: none;
      color: white;
      font-weight: 600;
      text-transform: uppercase;border-radius: 50px;    text-align: center;
    font-size: large;
    }

    .provenance-link {
      text-align: center;
    }

    #provenanceContent {
      margin-top: 16px;
      text-align: justify;
    }

    footer {
      margin-top: 32px;
      font-size: 10px;
      color: var(--copy-color);
      text-align: center;
    }