/* One CPF brand — aligned to the launch flier the Board published (2026-09-20).
   The flier is now the reference artwork, so the platform and the printed
   material read as one thing: the same navy field, the same gold, the same
   alternating bands, the same white callouts with a gold spine.

   Palette
     navy       #1f3a73  the field the flier sits on (was #1f3a73 — the old
                         value was noticeably darker than the published sheet)
     navy-deep  #162e5c  header rule and pressed states
     band       #3c5ca6  alternating feature rows (was --oc-blue #3c5ca6, which
                         read more violet than the flier's softer blue)
     gold       #c8971f  gold on WHITE — "Partners in Policing", small caps
     gold-brt   #f2c63c  gold on NAVY — the CPF wordmark, pills, row numbers
     tagline    #c6d2ee  the muted line under the wordmark

   --oc-blue is kept as an alias so nothing that referenced it breaks.
   System fonts only — no third-party fetches. */
:root {
  --oc-navy:#1f3a73; --oc-navy-deep:#162e5c; --oc-band:#3c5ca6;
  --oc-gold:#c8971f; --oc-gold-bright:#f2c63c; --oc-tagline:#c6d2ee;
  --oc-blue:#3c5ca6;
}

/* ── Flier furniture ──────────────────────────────────────────────────────
   The masthead, pill, callout, numbered feature rows and footer lifted from
   the published sheet, so a page can be built that matches it exactly. */

/* Masthead: white band, Board name in navy, "Partners in Policing" in gold,
   the enabling section beneath, closed by the gold rule. */
.gpcpb-masthead { display:flex; align-items:center; gap:14px; background:#fff; padding:14px 20px; border-bottom:4px solid var(--oc-navy); }
.gpcpb-masthead img { width:48px; height:56px; flex:none; }
.gpcpb-masthead h1 { font-family:Arial,Helvetica,sans-serif; font-size:1.25rem; font-weight:800; color:var(--oc-navy); margin:0; letter-spacing:.01em; }
.gpcpb-masthead .tagline { font-family:Arial,Helvetica,sans-serif; font-size:.9rem; font-weight:700; color:var(--oc-gold); margin:.1rem 0 0; }
.gpcpb-masthead .enabling { font-family:Arial,Helvetica,sans-serif; font-size:.72rem; color:#5a6377; margin:.15rem 0 0; }

/* The navy field everything else sits on. */
.onecpf-field { background:var(--oc-navy); padding:1.75rem 1.25rem; }

/* Status pill — "NOW LIVE • IN PRODUCTION". */
.onecpf-pill { display:inline-block; background:var(--oc-gold-bright); color:var(--oc-navy); font-family:Arial,Helvetica,sans-serif; font-weight:800; font-size:.85rem; letter-spacing:.08em; padding:.55rem 1.6rem; border-radius:999px; }
.onecpf-kicker { font-family:Arial,Helvetica,sans-serif; color:var(--oc-gold-bright); font-weight:700; font-size:.8rem; letter-spacing:.18em; margin:.9rem 0 0; }

/* Gold-outlined callout — "STATION SECRETARIES". */
.onecpf-callout { border:2px solid var(--oc-gold-bright); border-radius:10px; padding:1rem 1.25rem; margin:1.25rem 0; }
.onecpf-callout h3 { font-family:Arial,Helvetica,sans-serif; color:var(--oc-gold-bright); font-size:1rem; font-weight:800; letter-spacing:.06em; margin:0 0 .35rem; }
.onecpf-callout p { font-family:Arial,Helvetica,sans-serif; color:#fff; margin:0; font-size:.95rem; }

/* White callout with a gold spine — "IDENTITY CARDS". */
.onecpf-note { background:#fff; border-left:6px solid var(--oc-gold-bright); border-radius:6px; padding:.9rem 1.15rem; margin:1.25rem 0; }
.onecpf-note h4 { font-family:Arial,Helvetica,sans-serif; color:var(--oc-gold); font-size:.8rem; font-weight:800; letter-spacing:.1em; margin:0 0 .3rem; }
.onecpf-note p { font-family:Arial,Helvetica,sans-serif; color:var(--oc-navy); margin:0; font-size:.92rem; font-weight:600; }

/* Numbered feature rows, alternating banded / bare. */
.onecpf-features { list-style:none; margin:1.25rem 0; padding:0; counter-reset:oc; }
.onecpf-features li { counter-increment:oc; display:flex; align-items:center; gap:.9rem; padding:.55rem .9rem; border-radius:999px; font-family:Arial,Helvetica,sans-serif; color:#fff; font-weight:700; font-size:1rem; }
.onecpf-features li:nth-child(odd) { background:var(--oc-band); }
.onecpf-features li::before { content:counter(oc); flex:none; width:26px; height:26px; border-radius:50%; background:var(--oc-gold-bright); color:var(--oc-navy); font-size:.78rem; font-weight:800; display:flex; align-items:center; justify-content:center; }

/* Footer: gold rule, then the Board's public contact block. */
.gpcpb-footer { border-top:5px solid var(--oc-gold-bright); background:#fff; padding:1.1rem 1.25rem; font-family:Arial,Helvetica,sans-serif; }
.gpcpb-footer a { color:var(--oc-navy); font-weight:800; font-size:1.05rem; text-decoration:none; }
.gpcpb-footer .contact { color:#5a6377; }
.gpcpb-footer p { margin:.2rem 0 0; color:#5a6377; font-size:.85rem; }

.onecpf-brand { display:flex; align-items:center; justify-content:center; gap:14px; }
.onecpf-brand img { width:52px; height:60px; flex:none; }
.onecpf-wordmark { font-family:Georgia,"Times New Roman",serif; font-weight:700; letter-spacing:-.01em; line-height:1; margin:0; }
.onecpf-wordmark .one { color:var(--oc-navy); }
.onecpf-wordmark .cpf { color:var(--oc-gold); }
.onecpf-wordmark.on-navy .one { color:#fff; }
.onecpf-wordmark.on-navy .cpf { color:var(--oc-gold-bright); }
.onecpf-slogan { font-family:Arial,Helvetica,sans-serif; color:#5a6377; margin:.25rem 0 0; font-size:.95rem; }
.onecpf-proof { font-family:Arial,Helvetica,sans-serif; color:var(--oc-gold); font-weight:700; font-size:.85rem; margin:.15rem 0 0; }
.onecpf-proof::before { content:"\2713\00a0 "; }
/* Standing strip: Verified · Attested · Carded · Active */
.onecpf-chips { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:.75rem 0 1rem; }
.onecpf-chip { font-family:Arial,Helvetica,sans-serif; font-size:.8rem; font-weight:700; padding:.3rem .8rem; border-radius:999px; border:1.5px solid var(--oc-navy); color:var(--oc-navy); background:#fff; }
.onecpf-chip::before { content:"\25CB\00a0 "; color:#9aa3b8; }
.onecpf-chip.done { background:var(--oc-navy); color:#fff; }
.onecpf-chip.done::before { content:"\2713\00a0 "; color:var(--oc-gold-bright); }
/* Member card — layout from the approved mock-up */
.onecpf-card { display:grid; grid-template-columns:96px 1fr; max-width:520px; margin:0 auto; border-radius:14px; overflow:hidden; box-shadow:0 6px 24px rgba(20,39,95,.18); text-align:left; font-family:Arial,Helvetica,sans-serif; background:#fff; }
.onecpf-card .band { background:var(--oc-gold-bright); display:flex; flex-direction:column; align-items:center; justify-content:space-between; padding:14px 8px; }
.onecpf-card .band img { width:56px; height:64px; background:#fff; border-radius:8px; padding:6px; }
.onecpf-card .band small { color:var(--oc-navy); font-weight:800; font-size:.6rem; letter-spacing:.08em; text-align:center; line-height:1.3; }
.onecpf-card .body { padding:16px 18px 14px; border-left:4px solid var(--oc-navy); }
.onecpf-card .issuer { color:var(--oc-navy); font-weight:800; letter-spacing:.14em; font-size:.78rem; }
.onecpf-card .verified { float:right; background:#1d6f42; color:#fff; font-weight:700; font-size:.7rem; padding:.25rem .7rem; border-radius:999px; }
.onecpf-card .verified.no { background:#9aa3b8; }
.onecpf-card .pill { display:inline-block; margin:.35rem 0 .5rem; background:var(--oc-navy); color:#fff; font-weight:700; font-size:.7rem; letter-spacing:.1em; padding:.25rem .7rem; border-radius:999px; }
.onecpf-card .name { font-family:Georgia,"Times New Roman",serif; font-weight:700; font-size:1.5rem; color:var(--oc-navy); margin:0; }
.onecpf-card .meta { color:#5a6377; font-size:.85rem; margin:.15rem 0 .75rem; }
.onecpf-card .kv { display:flex; gap:1.5rem; }
.onecpf-card .kv label { display:block; font-size:.6rem; letter-spacing:.12em; color:#5a6377; font-weight:700; }
.onecpf-card .kv strong { color:var(--oc-navy); font-size:1rem; }
.onecpf-card .note { font-size:.7rem; color:#9aa3b8; margin:.6rem 0 0; }
@media (max-width:420px) { .onecpf-card { grid-template-columns:72px 1fr; } }