/* sections/paris-contest.css
 *
 * /paris-contest — official rules for the AYS "¿Y tú?" Paris giveaway.
 *
 * The page is built almost entirely from the shared legal-page
 * primitives in `sections/legal.css` (container, numbered block titles,
 * bullets, tables, sub-groups, labeled paragraphs, links). This file
 * keeps only the two treatments unique to the contest page, applied
 * via class composition under `.ays-light`:
 *
 *   - `.ays-paris-contest-formula` — the scoring-formula callout box in
 *                                     section 7 (rendered full-width and
 *                                     centered, mirroring the single-cell
 *                                     table in the source document).
 *   - `.ays-paris-contest-closing` — the "Private. Personal. Yours."
 *                                     sign-off after the legal notice.
 *
 * The hero renders the subtitle + lead tagline as one continuous
 * `.page-subtitle` line with no per-sentence style override, so no
 * page-specific hero rule is needed.
 *
 * Load order in Layout.astro: after legal.css.
 */

/* Scoring-formula box — the source doc renders the weighting formula as
 * a full-width, centered single-cell table. Reproduced here as a
 * bordered callout: white surface on the cream page, brand-purple border
 * and text, centered. `.bds-p2` is intentionally NOT applied in markup
 * so the box owns its own type sizing. 24px vertical margin pulls it
 * away from the surrounding prose the same way `.ays-legal-table` does. */
.ays-light .ays-paris-contest-formula {
  margin: 24px 0;
  padding: 16px 24px;
  border: 1px solid var(--ays-text-brand);
  border-radius: 12px;
  background: var(--ays-surface-base);
  color: var(--ays-text-brand);
  font-family: var(--font-marketing-body);
  font-size: var(--fs-p2);
  line-height: var(--lh-body);
  font-weight: var(--fw-p-medium);
  text-align: center;
}

/* Closing sign-off — "Private. Personal. Yours." Centered, dimmed to
 * secondary, and letter-spaced so it reads as a quiet coda rather than
 * another body paragraph. Overrides `.ays-legal-block p`'s primary
 * color and left alignment. */
.ays-light .ays-paris-contest-closing {
  margin-top: 8px;
  color: var(--ays-text-secondary);
  font-style: italic;
  text-align: center;
  letter-spacing: var(--ls-marketing);
}

/* ── Responsive ── */
@media (max-width: 768px) {
  /* Shrink the formula type on mobile so the (fairly long) weighting
     expression fits a 390px viewport without overflowing its box. */
  .ays-light .ays-paris-contest-formula {
    font-size: var(--fs-p3);
    padding: 12px 16px;
  }
}