/* ============================================================
   We Run For Them — Honoree grid (matches original .hon-grid design)
   ============================================================ */

.we-grid-wrap { font-family:'Inter',system-ui,sans-serif; color:#1A1A1A; max-width:1280px; margin:0 auto; padding:32px 16px; }

.we-grid-head, .hon-head { text-align:center !important; margin-bottom:32px; color:#fff; width:100% !important; max-width:100% !important; display:block !important; margin-left:auto !important; margin-right:auto !important; }
.we-grid-head .kicker { font-family:'Cinzel',serif; font-size:11px; letter-spacing:.3em; color:#c62b17; text-transform:uppercase; margin-bottom:12px; }
.we-grid-head h2.anton, .we-grid-head .we-grid-title { font-family:'Anton','Cormorant Garamond',Georgia,serif; font-weight:500; font-size:64px; line-height:1; margin:0 0 18px; letter-spacing:.01em; color:#fff; }
.we-grid-head .hon-sub, .we-grid-head .we-grid-sub { font-size:15px; line-height:1.7; color:rgba(255,255,255,.85); max-width:620px; margin:0 auto; }

.we-grid-controls { max-width:720px; margin:0 auto 16px; }
.we-grid-search, .hon-search { width:100%; height:50px; padding:0 24px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.18); border-radius:999px; color:#fff; font-family:inherit; font-size:14px; outline:none; }
.we-grid-search::placeholder { color:rgba(255,255,255,.5); }
.we-grid-search:focus { border-color:#c62b17; }

.we-grid-filters, .hon-filters { display:flex; flex-wrap:wrap; gap:6px; justify-content:center; margin:0 auto 18px; max-width:880px; padding:6px; background:rgba(255,255,255,.04); border-radius:999px; }
.we-grid-filters button { background:transparent; border:0; padding:8px 18px; border-radius:999px; color:rgba(255,255,255,.7); font-family:inherit; font-size:13px; cursor:pointer; transition:all .12s; }
.we-grid-filters button:hover { color:#fff; background:rgba(255,255,255,.05); }
.we-grid-filters button.on { background:#c62b17; color:#fff; }
.we-grid-filters button span { font-size:11px; opacity:.7; margin-left:4px; }

.we-grid-count, .hon-count { text-align:center; font-size:12px; letter-spacing:.08em; color:rgba(255,255,255,.5); text-transform:uppercase; margin:14px 0 22px; }

.we-grid, .hon-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:16px; }

.hc, .we-grid .hc { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:14px; padding:18px 18px 16px; position:relative; color:#fff; display:flex; flex-direction:column; transition:transform .15s, border-color .15s; }
.hc:hover, .we-grid .hc:hover { transform:translateY(-2px); border-color:rgba(198,43,23,.5); }
.hc .top { position:absolute; top:0; left:18px; right:18px; height:3px; background:#c62b17; border-radius:0 0 3px 3px; }
.hc[data-status="missing"] .top { background:#C9A352; }
.hc .hc-top { display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.hc .mono { width:48px; height:48px; border-radius:50%; background:rgba(255,255,255,.08); color:rgba(255,255,255,.85); display:flex; align-items:center; justify-content:center; font-family:'Cinzel',serif; font-weight:600; font-size:14px; flex-shrink:0; }
.hc .meta { font-size:11px; letter-spacing:.1em; color:rgba(255,255,255,.5); text-transform:uppercase; margin:0 0 4px; }
.hc h4 { font-family:'Anton','Inter',Georgia,serif; font-weight:400; font-size:28px; line-height:1.05; letter-spacing:.02em; text-transform:uppercase; margin:0 0 8px; color:#fff; word-break:break-word; }
.hc .loc { font-size:13px; color:rgba(255,255,255,.7); margin:0 0 10px; }
.hc .sumtxt { font-size:13px; line-height:1.55; color:rgba(255,255,255,.75); margin:0 0 14px; flex:1; }
.hc .foot { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-top:auto; }
.hc .runbtn-hand-ext { width:36px; height:36px; object-fit:contain; flex-shrink:0; display:block; margin-right:auto; }
.hc .stat { display:inline-block; padding:4px 10px; border-radius:999px; background:#c62b17; color:#fff; font-size:9px; letter-spacing:.15em; text-transform:uppercase; font-weight:700; line-height:1.2; }
.hc[data-status="missing"] .stat { background:#C9A352; }
.hc[data-status="in_memory"] .stat { background:#5a7a92; }
.hc[data-status="seeking_justice"] .stat { background:#8b6346; }
.hc[data-status="recovered_safely"] .stat { background:#2b8b5e; }
.hc .runbtn, .we-grid .hc .runbtn { background:#c62b17; color:#fff; border:0; padding:8px 18px; border-radius:999px; font-size:12px; font-weight:600; cursor:pointer; letter-spacing:.04em; transition:background .12s; }
.hc .runbtn:hover { background:#8A2A1F; }
.hc .srclink { font-size:11px; color:rgba(255,255,255,.5); text-decoration:none; margin-top:8px; display:inline-block; }
.hc .srclink:hover { color:#c62b17; }
/* v2.8.0 — cross-site "Read their story" deep link to hozhopathrenewal.org */
.hc .hc-story {
  display:inline-block;
  margin-top:6px;
  font-family:'Cinzel',serif;
  font-size:10px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:rgba(255,255,255,.55);
  text-decoration:none;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:10px;
  transition:color .15s;
}
.hc .hc-story:hover { color:#c62b17; }

.we-grid-pagination { display:flex; justify-content:center; gap:6px; margin:24px 0; }
.we-grid-pagination button { background:rgba(255,255,255,.06); border:0; color:#fff; width:38px; height:38px; border-radius:50%; font-family:inherit; cursor:pointer; transition:background .12s; }
.we-grid-pagination button:hover { background:rgba(255,255,255,.12); }
.we-grid-pagination button.on, .we-grid-pagination button.current { background:#c62b17; }
.we-grid-pagination button[disabled] { opacity:.3; cursor:not-allowed; }

.we-grid-empty { text-align:center; color:rgba(255,255,255,.6); padding:48px 24px; font-style:italic; }
.we-grid-empty a { color:#c62b17; font-weight:600; }

@media (max-width:720px) {
  .we-grid-head h2.anton, .we-grid-head .we-grid-title { font-size:42px; }
  .we-grid { grid-template-columns:1fr; }
}
