/* ==========================================================================
     /press/ page-scoped styles. Three rules, all token-only, none of which an
     existing class covers. Nothing here is added to assets/styles.css, because
     that file is shared and this page is the only consumer.
     ========================================================================== */

  /* 1. (Removed 2026-10-06, owner D-233.) The hero panel's <h2> is styled by
        the site stylesheet now, which treats every panel heading level alike,
        so this page no longer needs its own rule for it. */

  /* 2. Row headers. `.wp-table th` is written for COLUMN headers — 11px mono,
        uppercase, accent-coloured — which is right at the top of a table and
        unreadable down its left edge, where the cells carry multi-word phrases
        ("Working with named institutions", "Logo (mark + wordmark)"). Accessible
        markup requires <th scope="row"> here, so the row headers keep the
        semantics and take body typography. */
  .press-table th[scope="row"] {
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: normal;
    text-transform: none;
    color: var(--text);
    white-space: normal;
  }

  /* 3. Hex values. A press page exists so an editor can copy exact values, and
        a hex sitting in body type is easy to mis-transcribe. There is no code /
        mono utility class in the shared stylesheet, so one is defined here. */
  .press-hex {
    font-family: var(--font-mono);
    font-size: 13px;
    letter-spacing: 0.02em;
    color: var(--text);
    white-space: nowrap;
  }

  /* 4. Prose and in-table links. The global reset is `a { color: inherit;
        text-decoration: none; }`, so an anchor inside a paragraph or a table
        cell renders identically to the text around it — invisible as a link.
        The shared stylesheet styles links only inside specific components
        (`.reg-list__row dd a`, `.reg-person__links a`, `.link-arrow`), and this
        page has links in ordinary prose and in a table of downloads, which none
        of those cover. */
  .press-link,
  .press-table td a {
    color: var(--accent);
    text-decoration: underline;
    text-underline-offset: 2px;
    overflow-wrap: anywhere;
  }
  .press-link:hover,
  .press-link:focus-visible,
  .press-table td a:hover,
  .press-table td a:focus-visible {
    color: var(--teal);
  }

  /* 5. Blockquote for the two boilerplate texts. Both are meant to be selected
        and pasted verbatim, so they need to read as a discrete quoted block
        rather than as page prose; `.card` is a hover-lifting container and
        `.section-subtitle` is undifferentiated body copy, so neither fits. */
  .press-quote {
    margin: 0 0 34px;
    padding: 20px 24px;
    border-left: 3px solid var(--teal);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
    background: var(--teal-soft);
  }
  .press-quote p {
    margin: 0;
    color: var(--text);
    font-size: 16px;
    line-height: 1.68;
  }