/* Metric-matched fallback for Inter: prevents layout shift (CLS) when the web font swaps in */
    @font-face {
      font-family: 'Inter Fallback';
      src: local('Arial'), local('Helvetica'), local('Liberation Sans');
      size-adjust: 107.12%;
      ascent-override: 90.44%;
      descent-override: 22.52%;
      line-gap-override: 0%;
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --dark:   #1B261E;
      --card:   #222e25;
      --cream:  #FDFBF7;
      --sage:   #A3AD8B;
      --sage2:  #98A282;
      --border: rgba(163,173,139,0.28);
    }
    body {
      background: var(--dark);
      color: var(--cream);
      font-family: 'Inter', 'Inter Fallback', sans-serif;
      font-size: 16px;
      line-height: 1.65;
      padding: 40px 24px;
      -webkit-font-smoothing: antialiased;
    }
    .container {
      max-width: 800px;
      margin: 0 auto;
      background: var(--card);
      padding: 40px;
      border-radius: 16px;
      border: 1px solid var(--border);
    }
    h1 {
      font-size: 32px;
      font-weight: 900;
      margin-bottom: 24px;
      color: var(--cream);
    }
    h2 {
      font-size: 24px;
      font-weight: 700;
      margin-top: 32px;
      margin-bottom: 16px;
      color: var(--sage);
    }
    p, ul {
      margin-bottom: 16px;
      color: var(--cream);
    }
    ul {
      padding-left: 24px;
    }
    a {
      color: var(--sage);
      text-decoration: none;
    }
    a:hover {
      text-decoration: underline;
    }
    .back-btn {
      display: inline-block;
      margin-bottom: 24px;
      color: var(--sage);
      font-weight: 600;
    }