/* Elmore for Mayor - brand B4/B5/B6 */
:root{--brand-red:#C72028;--brand-navy:#2E3E55;--brand-navy-deep:#2D3E58;--brand-white:#FFFFFF;
--ink:#1a2233;--ink2:#4a5468;--page:#f7f7f5;--surface:#ffffff;--ring:rgba(20,30,50,.12);--wash:#eef0f4;--good:#1c6b1c;}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Segoe UI",system-ui,-apple-system,sans-serif;background:var(--page);color:var(--ink);line-height:1.55}
a{color:var(--brand-navy)}
.h-band{height:8px;background:var(--brand-red)}
header.site{background:var(--brand-white);border-bottom:1px solid var(--ring)}
header.site .inner{max-width:1060px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.wordmark{font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:1.35rem;color:var(--brand-navy);text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.wordmark .fwd{width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid var(--brand-red)}
nav.site{margin-left:auto;display:flex;gap:4px 14px;flex-wrap:wrap;font-size:.92rem}
nav.site a{text-decoration:none;color:var(--ink2);font-weight:600;padding:6px 2px;border-bottom:3px solid transparent}
nav.site a:hover{color:var(--brand-navy)}
nav.site a.on{color:var(--brand-navy);border-bottom-color:var(--brand-red)}
main{max-width:1060px;margin:0 auto;padding:26px 20px 48px}
.hero{background:var(--brand-navy);color:#fff;border-radius:14px;padding:44px 34px;margin-bottom:26px;position:relative;overflow:hidden}
.hero h1{font-style:italic;font-weight:800;text-transform:uppercase;font-size:clamp(1.6rem,4.5vw,2.6rem);line-height:1.12}
.hero .slogan{color:#f2d5d7;font-weight:700;font-style:italic;margin-top:10px;font-size:1.1rem}
.hero .fwd-big{position:absolute;right:-24px;bottom:-24px;width:0;height:0;border-top:70px solid transparent;border-bottom:70px solid transparent;border-left:110px solid var(--brand-red);opacity:.35}
.hero .cta-row{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;background:var(--brand-red);color:#fff;font-weight:700;text-decoration:none;padding:11px 20px;border-radius:8px;border:0;font-size:.95rem;cursor:pointer}
.btn.ghost{background:transparent;border:2px solid #fff}
.btn.navy{background:var(--brand-navy)}
h2.sec{font-style:italic;font-weight:800;text-transform:uppercase;color:var(--brand-navy);font-size:1.25rem;margin:30px 0 12px;display:flex;align-items:center;gap:10px}
h2.sec::before{content:"";width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid var(--brand-red)}
.card,.stat{background:var(--surface);border:1px solid var(--ring);border-radius:12px;padding:18px}
.grid{display:grid;gap:14px}
.grid.c2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.grid.c3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.grid.c4{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}
.card h3{color:var(--brand-navy);font-size:1.02rem;margin-bottom:6px}
.card p,.card li{font-size:.92rem;color:var(--ink2)}
.card ul{margin:6px 0 0 18px}
.card a.more{font-weight:700;font-size:.88rem}
.stat .v{font-size:1.9rem;font-weight:800;color:var(--brand-navy)}
.stat .v .dir{color:var(--good);font-size:1.1rem}
.stat .l{font-weight:700;font-size:.92rem;margin-top:2px}
.stat .s{font-size:.76rem;color:var(--ink2)}
.add{background:#fff3cd;border:1px dashed #b58900;color:#7a5d00;font-weight:700;padding:1px 8px;border-radius:6px;font-size:.85em;white-space:nowrap}
.photo-ph{background:var(--wash);border:2px dashed var(--ring);border-radius:12px;min-height:230px;display:flex;align-items:center;justify-content:center;color:var(--ink2);font-weight:600;text-align:center;padding:18px}
.note{font-size:.8rem;color:var(--ink2);background:var(--wash);border-left:3px solid var(--brand-navy);padding:8px 12px;border-radius:0 8px 8px 0;margin-top:10px}
.basis{font-size:.72rem;color:var(--ink2);background:var(--wash);border-radius:999px;padding:2px 10px;display:inline-block;margin-top:6px}
.commit{background:var(--brand-navy);color:#fff;border-radius:12px;padding:20px 22px}
.commit strong{color:#fff}
.embed-wrap{background:var(--surface);border:1px solid var(--ring);border-radius:12px;padding:8px}
.embed-wrap iframe{width:100%;border:0;border-radius:8px}
.embed-foot{display:flex;justify-content:space-between;align-items:center;padding:8px 10px 4px;font-size:.85rem}
form .row{margin-bottom:12px}
form label{display:block;font-weight:700;font-size:.9rem;margin-bottom:4px}
form input,form select,form textarea{width:100%;padding:9px 10px;border:1px solid var(--ring);border-radius:8px;font:inherit;background:#fff}
.timeline{border-left:3px solid var(--brand-red);margin-left:8px;padding-left:20px;display:grid;gap:14px}
.timeline .tl h3{color:var(--brand-navy);font-size:.98rem}
.timeline .tl p{font-size:.9rem;color:var(--ink2)}
footer.site{background:var(--brand-navy-deep);color:#e8ebf1;margin-top:40px}
footer.site .inner{max-width:1060px;margin:0 auto;padding:22px 20px;font-size:.85rem;display:flex;flex-direction:column;gap:6px}
footer.site strong{color:#fff}
footer.site a{color:#f2d5d7}
@media (max-width:640px){.hero{padding:30px 22px}}

figure.ph{margin:0}
figure.ph img{width:100%;border-radius:12px;border:1px solid var(--ring);display:block}
figure.ph .photo-ph{display:none}
figure.ph.missing img{display:none}
figure.ph.missing .photo-ph{display:flex}
figure.ph figcaption{font-size:.78rem;color:var(--ink2);margin-top:6px}
.logo-img{max-width:300px;width:100%;border-radius:12px;display:block}
.gallery{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:12px}

.wordmark img.logo-sm{height:48px;width:48px;border-radius:9px;display:block;border:1px solid var(--ring)}
figure.logo-fig{max-width:260px;margin:0 auto}

figure.mailer-fig{max-width:780px;margin:0 auto}

/* public-safety spotlight (ported from the dashboard renderer) */
.ps-box{background:var(--surface);border:1px solid var(--ring);border-radius:12px;padding:20px 20px 14px;margin:10px 0 16px}
.ps-head{font-size:1.15rem;font-weight:800;color:var(--brand-navy)}
.ps-lead{font-size:.92rem;color:var(--ink2);margin:8px 0 14px;max-width:80ch}
.ps-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:14px}
.ps-stat{border:1px solid var(--ring);border-radius:10px;padding:12px 14px}
.ps-val{font-size:1.6rem;font-weight:750}
.ps-arrow{color:var(--good);font-size:1rem}
.ps-label{font-size:.85rem;font-weight:650;margin-top:2px}
.ps-sub{font-size:.74rem;color:var(--ink2)}
.ps-callout{background:var(--wash);border-left:3px solid var(--brand-red);border-radius:0 8px 8px 0;padding:10px 14px;margin:10px 0 14px}
.ps-callout-big{font-weight:750;font-size:.95rem}
.ps-callout-text{font-size:.8rem;color:var(--ink2);margin-top:4px;max-width:90ch}
.ps-inv-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink2);margin:10px 0 6px}
.ps-inv{margin:0 0 8px 18px;font-size:.85rem;color:var(--ink2)}
.ps-inv li{margin-bottom:5px;max-width:88ch}
.ps-closing{font-size:.9rem;font-style:italic;color:var(--ink2);margin:8px 0}
.ps-src{font-size:.72rem;color:var(--ink2);opacity:.85;margin-top:6px}


figure.gtj-family{max-width:620px;margin:0 auto}
.gallery figure.ph{max-width:340px}
.gallery figure.ph img{width:100%;height:400px;object-fit:cover}

.card .btn{margin-top:12px}

figure.rec-photo{max-width:520px;margin:16px auto 0}

.hero .fb-ico{position:absolute;top:16px;right:16px;display:block;line-height:0;border-radius:50%}
.hero .fb-ico:hover circle{fill:#f2d5d7}