:root {
    --ink: #f7f8fa;
    --text: #14181f;
    --dim: #5a6472;
    --rule: #d9dee5;
    --amber: #b8237a;
  }
  @media (prefers-color-scheme: dark) {
    :root {
      --ink: #080d16;
      --text: #dde4ee;
      --dim: #7d8898;
      --rule: #1e2733;
      --amber: #ff4fb0;
    }
  }
  * { box-sizing: border-box; }
  body {
    margin: 0;
    padding: 4rem 1.5rem 6rem;
    background: var(--ink);
    color: var(--text);
    font: 400 17px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
          "Helvetica Neue", Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
  }
  main { max-width: 34rem; margin: 0 auto; }
  .marca {
    font-size: 1.55rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    margin: 0;
  }
  .marca span { color: var(--amber); }
  .fecha {
    color: var(--dim);
    font-size: 0.8rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin: 0.6rem 0 0;
  }
  hr {
    border: 0;
    border-top: 1px solid var(--rule);
    margin: 2.5rem 0;
  }
  h2 {
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--amber);
    margin: 2.6rem 0 0.8rem;
  }
  p, li { margin: 0 0 0.9rem; }
  ul { padding-left: 1.15rem; margin: 0 0 1.2rem; }
  a { color: inherit; text-decoration-color: var(--amber); }
  .lede { font-size: 1.15rem; }
  .otro-idioma {
    margin-top: 5rem;
    padding-top: 2.5rem;
    border-top: 1px solid var(--rule);
  }
  footer {
    margin-top: 4rem;
    color: var(--dim);
    font-size: 0.85rem;
  }