/* ============================================================
   tps-statement.css — the TPS press-release / statement page.
   Loaded after css/styles.css (shared base).
   ============================================================ */

/* Header - floating rounded pill (matches every other page) */
  .site-header {
    position: fixed; top: 14px;
    left: clamp(14px, 2vw, 28px); right: clamp(14px, 2vw, 28px);
    z-index: 100; padding: 8px clamp(18px, 2vw, 28px);
    background: rgba(250, 244, 232, 0.96);
    backdrop-filter: saturate(180%) blur(14px);
    border-radius: var(--radius-pill);
    box-shadow:
      0 1px 0 rgba(255,255,255,0.95),
      0 3px 0 rgba(31,143,62,0.85),
      0 5px 0 rgba(215,46,31,0.45),
      0 8px 14px rgba(26,20,16,0.06);
    transition: all var(--t-med);
  }

@media (max-width: 980px) {
    .nav-links, .nav-actions .btn-outline { display: none; }
    .nav-toggle { display: inline-flex; }
    .mobile-open .nav-links {
      display: flex; flex-direction: column;
      position: absolute; top: 100%; left: 0; right: 0;
      background: var(--c-cream); padding: 20px;
      gap: 14px; border-radius: 20px;
      margin-top: 12px;
      box-shadow: 0 16px 36px rgba(26,20,16,0.12);
    }
  }

/* Hero — solid band, no photo */
.statement-hero {
    padding: clamp(130px, 16vw, 200px) 0 clamp(40px, 6vw, 70px);
    background: var(--c-paper);
    border-bottom: 1px solid var(--c-line);
  }

.statement-hero h1 { max-width: 20ch; margin-bottom: 0; }

.statement-hero h1 em { color: var(--c-red); font-style: italic; }

.breadcrumb {
    display: flex; gap: 8px; flex-wrap: wrap; align-items: center;
    font-size: 0.78rem; letter-spacing: 0.1em; text-transform: uppercase;
    color: var(--c-muted); margin-bottom: 22px; font-weight: 600;
  }
.breadcrumb a { color: var(--c-ink); }
.breadcrumb a:hover { color: var(--c-red); }
.breadcrumb .sep { color: var(--c-line); }

/* Body */
.statement-body { background: var(--c-cream); }

.statement-inner { max-width: 1040px; margin: 0 auto; }

.statement-inner p { font-size: 1.08rem; line-height: 1.75; }

.dateline { font-weight: 700; color: var(--c-ink); }

/* Executive Director quote */
.statement-quote {
    margin: 32px 0;
    padding: 4px 0 4px 28px;
    border-left: 4px solid var(--c-red);
  }

.statement-quote p {
    font-family: 'Fraunces', Georgia, serif;
    font-style: italic;
    font-size: clamp(1.15rem, 1.8vw, 1.4rem);
    line-height: 1.5;
    color: var(--c-ink);
  }

.statement-quote p:last-child { margin-bottom: 0; }

/* Press-release end mark + boilerplate */
.statement-end {
    text-align: center;
    letter-spacing: 0.3em;
    color: var(--c-muted);
    margin: 40px 0;
  }

.statement-boiler {
    font-size: 0.95rem !important;
    color: var(--c-muted);
    border-top: 1px solid var(--c-line);
    padding-top: 26px;
  }

.statement-actions {
    display: flex; flex-wrap: wrap; gap: 14px;
    margin-top: 40px;
  }