@layer components {
  @scope (.analogy) {
    .analogy__heading {
      font-size: clamp(1.9rem, 5vw, 3.5rem);
      line-height: 1;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      margin: 0 0 1.5rem;
      max-inline-size: 18ch;
    }
    .analogy__intro {
      font-size: clamp(1rem, 1.5vw, 1.2rem);
      line-height: 1.5;
      max-inline-size: 52ch;
      color: rgba(12, 14, 10, 0.72);
      margin: 0 0 clamp(2rem, 4vw, 3rem);
    }

    .analogy__table {
      display: flex;
      flex-direction: column;
    }
    .analogy__head {
      display: grid;
      grid-template-columns: 1.6fr 1fr;
      gap: 1rem;
      padding-block-end: 0.75rem;
      border-block-end: 2px solid var(--ink);
      font-family: var(--font-mono);
      font-size: 0.68rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      opacity: 0.6;
    }
    .analogy__head .ar { text-align: end; }

    .analogy__row {
      display: grid;
      grid-template-columns: 1.6fr 1fr;
      gap: 1rem;
      align-items: center;
      padding-block: 1.15rem;
      border-block-end: 1px solid rgba(12, 14, 10, 0.14);
    }
    .analogy__liga {
      font-family: var(--font-display);
      font-weight: normal;
      font-size: clamp(1.05rem, 2vw, 1.4rem);
      text-transform: uppercase;
      letter-spacing: -0.01em;
    }
    .analogy__pop {
      text-align: end;
      font-weight: 800;
      font-size: clamp(1.2rem, 2.5vw, 1.75rem);
      font-variant-numeric: tabular-nums;
    }
    .analogy__floor {
      margin: 1rem 0 0;
      font-family: var(--font-mono);
      font-size: 0.7rem;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: rgba(12, 14, 10, 0.6);
    }

    /* Nod pra Copa dos Campeões: card cheio em ouro */
    .campeoes-nod {
      background: var(--gold);
      color: var(--ink);
      padding: clamp(1.75rem, 3vw, 2.5rem);
      margin-block-start: clamp(3rem, 6vw, 5rem);
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
      text-align: center;
    }
    .campeoes-nod__eyebrow {
      font-family: var(--font-mono);
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--ink);
      margin: 0;
    }
    .campeoes-nod__title {
      font-family: var(--font-display);
      font-weight: normal;
      font-size: clamp(1.8rem, 4vw, 2.75rem);
      line-height: 1;
      letter-spacing: -0.02em;
      color: var(--ink);
      margin: 0;
    }
    .campeoes-nod__body {
      font-size: clamp(0.98rem, 1.4vw, 1.1rem);
      line-height: 1.5;
      color: rgba(12, 14, 10, 0.82);
      margin: 0 auto;
      max-inline-size: 60ch;
    }
  }
}