/* =========================================================
   Site Overrides
   =========================================================
   Reserved for manual site-specific CSS overrides.

   This file intentionally loads last.
   Keep empty unless a site needs a targeted fix that does not belong
   in oc-ui.css, oc-components.css, tokens.css, or theme-generated.css.
   ========================================================= */

  .issues-page-header {
      background-color: var(--oc-surface);
      border-bottom: 3px solid var(--oc-primary);
      padding: 3rem 0 2.5rem;
    }

    .issues-page-header h1 {
      font-family: var(--oc-font-heading);
      color: var(--oc-heading-primary);
      font-weight: 800;
      font-size: clamp(2rem, 5vw, 3rem);
      margin-bottom: .5rem;
    }

    .issues-page-header .lead {
      color: var(--oc-muted-text);
      max-width: 640px;
    }

    /* ── Issue cards ── */
    .issue-card {
      background: #fff;
      border: 1px solid #e4e8ee;
      border-radius: 14px;
      padding: 1.75rem 1.75rem 1.5rem;
      height: 100%;
      transition: box-shadow 0.18s ease;
    }

    .issue-card:hover {
      box-shadow: 0 6px 24px rgba(0,0,0,.08);
    }

    .issue-card-icon {
      width: 44px;
      height: 44px;
      border-radius: 10px;
      background-color: color-mix(in srgb, var(--oc-primary) 10%, white);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1rem;
      font-size: 1.25rem;
      color: var(--oc-primary);
    }

    .issue-card h2 {
      font-family: var(--oc-font-heading);
      color: var(--oc-heading-primary);
      font-size: 1.35rem;
      font-weight: 700;
      margin-bottom: .75rem;
    }

    .issue-card p {
      color: var(--oc-text);
      font-size: .95rem;
      line-height: 1.7;
      margin: 0;
    }

    /* ── Section divider label ── */
    .issues-section-label {
      font-size: .72rem;
      font-weight: 700;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: var(--oc-muted-text);
      margin-bottom: 1.25rem;
    }

    /* ── Nav anchors sidebar ── */
    .issues-nav {
      position: sticky;
      top: 1.5rem;
    }

    .issues-nav .nav-link {
      color: var(--oc-nav-text);
      font-size: .9rem;
      padding: .35rem .75rem;
      border-left: 2px solid transparent;
      border-radius: 0;
      line-height: 1.4;
    }

    .issues-nav .nav-link:hover,
    .issues-nav .nav-link.active {
      color: var(--oc-primary);
      border-left-color: var(--oc-primary);
      background: color-mix(in srgb, var(--oc-primary) 6%, white);
    }

    /* ── CTA strip ── */
    .issues-cta {
      background: var(--oc-secondary);
      color: #fff;
      border-radius: 16px;
      padding: 2rem 1.75rem;
    }

    .issues-cta h3 {
      font-family: var(--oc-font-heading);
      font-size: 1.4rem;
      font-weight: 700;
      margin-bottom: .5rem;
      color: #fff;
    }

    .issues-cta p {
      font-size: .95rem;
      opacity: .9;
      margin-bottom: 1.25rem;
    }

    .issues-cta .btn-light {
      border-radius: var(--oc-button-radius);
      font-weight: 600;
      padding: .6rem 1.4rem;
      color: var(--oc-secondary);
    }