/* RebidRadar - B2B gov-tech. Cool slate ground, federal navy, signal amber.
   Data-table forward; tabular figures in a mono face. Its own identity. */
:root{
  --bg:#f4f6f9;--panel:#ffffff;--panel2:#eef2f7;--ink:#141b26;--muted:#5b6b80;
  --line:#d9e0ea;--navy:#0f2f5b;--navy2:#173e73;--amber:#d9772b;--amber-ink:#8a4410;
  --green:#1f7a4d;--red:#b8391f;--chip:#e7edf5;
  --mono:"SFMono-Regular",ui-monospace,"JetBrains Mono","Roboto Mono",Menlo,Consolas,monospace;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 var(--sans);}
a{color:var(--navy2);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
.muted{color:var(--muted)}
.small{font-size:13px}

.devbar{background:#241a12;color:#f0c48a;font:600 11px/1 var(--mono);letter-spacing:.14em;
  text-transform:uppercase;text-align:center;padding:5px 8px}

header.site{background:var(--navy);border-bottom:3px solid var(--amber)}
header.site .wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:14px 20px}
.brand{font:800 21px/1 var(--sans);color:#fff;letter-spacing:.2px;display:flex;align-items:center;gap:7px}
.brand:hover{text-decoration:none}
.brand .mark{color:var(--amber);font-size:22px}
.brand .hi{color:#9ec2f2}
nav.main{display:flex;gap:18px;flex-wrap:wrap;margin-left:auto}
nav.main a{color:#cddcf0;font-size:14px;font-weight:600}
nav.main a:hover{color:#fff;text-decoration:none}

h1{font:700 29px/1.2 var(--sans);margin:.5em 0 .2em;letter-spacing:-.01em}
h2{font:700 20px/1.25 var(--sans);margin:1.6em 0 .5em;border-bottom:1px solid var(--line);padding-bottom:.35em}
h3{font:700 16px/1.3 var(--sans);margin:1em 0 .3em}
.lede{color:var(--muted);font-size:18px;max-width:72ch;margin:.4em 0 1em}

.hero{padding:26px 0 6px}
.eyebrow{font:700 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--amber-ink)}

/* stat band */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:20px 0}
.stat{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--navy);
  border-radius:8px;padding:14px 16px}
.stat.amber{border-left-color:var(--amber)}
.stat b{display:block;font-family:var(--mono);font-variant-numeric:tabular-nums;
  font-size:27px;line-height:1.1;color:var(--navy);font-weight:700}
.stat.amber b{color:var(--amber-ink)}
.stat small{color:var(--muted);font-size:12.5px;text-transform:uppercase;letter-spacing:.05em}

/* cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:16px 0}
.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px 16px}
.card:hover{border-color:#b9c6d8}
.card h3{margin:0 0 4px}
.card .v{font-family:var(--mono);font-weight:700;color:var(--amber-ink);font-size:18px}
.card .meta{color:var(--muted);font-size:13px}

/* data tables */
table{width:100%;border-collapse:collapse;margin:14px 0;background:var(--panel);
  border:1px solid var(--line);border-radius:8px;overflow:hidden;font-size:14px}
thead th{background:var(--panel2);text-align:left;font:700 12px/1 var(--sans);
  text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--line)}
tbody td{padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}
tbody tr:last-child td{border-bottom:none}
tbody tr:hover{background:#f7fafd}
td.r,th.r{text-align:right}
td.num,th.num{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}

/* expiry chips */
.chip{display:inline-block;border-radius:999px;padding:2px 9px;font:700 12px/1.5 var(--mono);
  background:var(--chip);color:var(--navy)}
.chip.soon{background:#fbe3d3;color:var(--red)}
.chip.mid{background:#fdf1dc;color:var(--amber-ink)}
.chip.far{background:#e2eef4;color:var(--navy2)}

.pill{display:inline-block;background:var(--panel2);border:1px solid var(--line);border-radius:6px;
  padding:2px 9px;font-size:12.5px;color:var(--muted);margin:2px 4px 2px 0}

/* record page */
.record{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px 24px;margin:16px 0}
.record .kv{display:grid;grid-template-columns:180px 1fr;gap:8px 18px;margin:16px 0}
.record .kv dt{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.03em}
.record .kv dd{margin:0;font-size:15px}
.record .headline{font-family:var(--mono);font-size:22px;color:var(--amber-ink);font-weight:700}

.callout{background:var(--panel2);border:1px solid var(--line);border-left:4px solid var(--amber);
  border-radius:8px;padding:14px 18px;margin:18px 0;color:#33404f}
.callout strong{color:var(--ink)}

.btn{display:inline-block;background:var(--navy);color:#fff;font-weight:700;border:none;
  border-radius:8px;padding:10px 16px;font-size:14px}
.btn:hover{text-decoration:none;background:var(--navy2)}
.btn.amber{background:var(--amber)}
.btn.amber:hover{background:var(--amber-ink)}

.crumbs{font-size:13px;color:var(--muted);margin:14px 0 0}
.crumbs a{color:var(--muted)}

.noindex-note{font:600 12px var(--mono);color:var(--amber-ink);background:#fdf1dc;
  border:1px dashed #e3b579;border-radius:6px;padding:6px 10px;display:inline-block;margin:8px 0}

footer.site{margin-top:44px;background:var(--navy);color:#c6d5ea;padding:22px 0}
footer.site a{color:#9ec2f2}
footer.site .foot-brand{color:#fff;font-size:15px}
footer.site .muted{color:#9fb2cc}

@media(max-width:640px){
  .record .kv{grid-template-columns:1fr}
  h1{font-size:24px}
  table{font-size:13px}
  thead{display:none}
  .resp tbody td{display:block;border:none;padding:3px 12px}
  .resp tbody tr{display:block;border-bottom:1px solid var(--line);padding:8px 0}
}

/* honeypot: off-screen, only bots fill it */
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.consent.optional{opacity:.85;font-size:.9em}