:root {
      --navy:#10233f; --blue:#1d4f91; --red:#b3202a; --cream:#fbf7ed; --gold:#d6a23a;
      --ink:#172033; --muted:#667085; --card:#ffffff; --line:#e7e0d2;
    }
    * { box-sizing:border-box; }
    body { margin:0; font-family: Arial, Helvetica, sans-serif; background:linear-gradient(180deg,#f7f1e4 0%,#fff 36%); color:var(--ink); }
    .town-bar { background:var(--navy); color:white; padding:12px 22px; display:flex; justify-content:space-between; gap:12px; align-items:center; flex-wrap:wrap; }
    .town-bar strong { letter-spacing:.04em; }
    .town-links { display:flex; gap:18px; font-size:14px; opacity:.92; }
  /*  .hero { position:relative; overflow:hidden; padding:54px 22px 42px; background:radial-gradient(circle at top right, rgba(214,162,58,.33), transparent 34%), linear-gradient(135deg,var(--navy),#183b6d); color:white; } */
    .hero { position:relative; overflow:hidden; padding:54px 22px 42px; min-height: 350px; background-image: url('/sites/default/files/flag.jpg'); background-size: cover; background-position: center; } 
    .hero:after { content:""; position:absolute; inset:auto -80px -160px auto; width:360px; height:360px; border-radius:50%; border:42px solid rgba(255,255,255,.08); }
    .wrap { max-width:1180px; margin:0 auto; }
    .badge { display:inline-block; background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.25); border-radius:999px; padding:8px 13px; font-size:14px; margin-bottom:16px; }
    h1 { font-size:clamp(34px,5vw,64px); line-height:1; margin:0 0 14px; letter-spacing:-.04em; }
    .hero p { max-width:720px; font-size:30px; line-height:1.55; margin:0; color:#fff; }
    .search-panel { margin:-26px auto 30px; max-width:1180px; padding:0 22px; position:relative; z-index:2; }
    .search-box { background:white; border-radius:22px; box-shadow:0 20px 55px rgba(16,35,63,.18); padding:18px; border:1px solid var(--line); }
    label { display:block; font-weight:800; margin:0 0 9px; color:var(--navy); }
    .search-row { display:grid; grid-template-columns:1fr auto; gap:12px; }
    input { width:100%; border:2px solid #d9deea; border-radius:14px; padding:16px 17px; font-size:18px; outline:none; }
    input:focus { border-color:var(--blue); box-shadow:0 0 0 4px rgba(29,79,145,.12); }
    button { border:0; border-radius:14px; padding:0 18px; font-weight:800; background:var(--red); color:white; cursor:pointer; font-size:15px; }
    .hint { color:var(--muted); margin:10px 2px 0; font-size:14px; }
    .stats { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:26px 0; }
    .stat { background:var(--cream); border:1px solid var(--line); border-radius:18px; padding:18px; }
    .stat b { display:block; font-size:30px; color:var(--navy); }
    .stat span { color:var(--muted); }
    .section-head { display:flex; justify-content:space-between; align-items:end; gap:20px; margin:32px 0 18px; }
    .section-head h2 { margin:0; color:var(--navy); font-size:30px; }
    #resultCount { color:var(--muted); font-weight:700; }
    .pole-list { display:grid; gap:18px; padding-bottom:46px; }
    .pole-card { background:var(--card); border:1px solid var(--line); border-radius:22px; padding:20px; box-shadow:0 8px 25px rgba(16,35,63,.07); }
    .pole-card:hover { transform:translateY(-2px); transition:.18s ease; box-shadow:0 15px 34px rgba(16,35,63,.12); }
    .pole-top { display:flex; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); padding-bottom:14px; margin-bottom:16px; }
    .eyebrow { margin:0 0 3px; text-transform:uppercase; letter-spacing:.14em; font-size:12px; font-weight:900; color:var(--red); }
    .pole-top h2 { margin:0; color:var(--navy); font-size:27px; }
    .location { margin:6px 0 0; color:var(--muted); font-size:16px; font-weight:700; }
    .pole-number { min-width:58px; height:58px; border-radius:18px; background:linear-gradient(135deg,var(--gold),#f6d47a); display:grid; place-items:center; color:var(--navy); font-size:22px; font-weight:900; }
    .veteran-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
    .vet-name { background:linear-gradient(180deg,#fff,#f8f4ea); border:1px solid #eadfcb; border-left:5px solid var(--red); border-radius:14px; padding:14px 10px; font-weight:900; text-align:center; min-height:52px; display:flex; align-items:center; justify-content:center; }
    .vet-name.mark { outline:3px solid rgba(214,162,58,.45); background:#fff6d8; }
    .actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
    .actions a { text-decoration:none; background:var(--navy); color:white; border-radius:12px; padding:11px 15px; font-weight:800; }
    .actions a:nth-child(2) { background:var(--blue); }
    .empty { display:none; text-align:center; background:white; border:1px dashed #c8c2b5; padding:30px; border-radius:18px; color:var(--muted); font-weight:700; }
    footer { background:var(--navy); color:#d9e4f5; padding:28px 22px; text-align:center; }
    @media (max-width:800px) { .search-row,.stats { grid-template-columns:1fr; } .veteran-grid { grid-template-columns:repeat(2,1fr); } .town-links { display:none; } }
    @media (max-width:480px) { .veteran-grid { grid-template-columns:1fr; } .pole-top { align-items:flex-start; } }
    @media print { .town-bar,.hero,.search-panel,.actions,footer { display:none; } .pole-card { box-shadow:none; break-inside:avoid; } }