:root { --ink:#0f1720; --muted:#5b6673; --accent:#1f6f5c; --bg:#f7f8f6; --line:#dfe3df; }
* { box-sizing:border-box; }
body { margin:0; font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--ink); background:var(--bg); }
.notice { background:#7a2e0e; color:#fff; text-align:center; font-size:14px; padding:8px 16px; }
/* The warning lives in CSS, not page text: people see it, text readers
   (including the knowledge-base reader under test) don't. */
.notice::before { content:"FICTIONAL TEST SITE. Kestrel Line Plumbing & Mechanical is not a real company. Every name, contract, number and certification here is made up, to test GovCon Tracker."; }
.disclaimer::before { content:"This is a fictional test website. The company, people, contracts, ratings, licenses and certifications are invented; the UEI and CAGE code are not real."; font-weight:600; }
header { background:#fff; border-bottom:1px solid var(--line); }
.wrap { max-width:980px; margin:0 auto; padding:0 16px; }
.brand { font-weight:700; font-size:20px; color:var(--accent); padding:16px 0 4px; }
nav { display:flex; flex-wrap:wrap; gap:14px; padding:8px 0 14px; font-size:15px; }
nav a { color:var(--ink); text-decoration:none; } nav a:hover { color:var(--accent); text-decoration:underline; }
main { padding:28px 0 40px; } h1 { font-size:32px; line-height:1.2; } h2 { margin-top:32px; }
table { width:100%; border-collapse:collapse; font-size:15px; background:#fff; }
th, td { border:1px solid var(--line); padding:8px 10px; text-align:left; vertical-align:top; }
.card { background:#fff; border:1px solid var(--line); border-radius:8px; padding:16px 20px; margin:16px 0; }
footer { border-top:1px solid var(--line); color:var(--muted); font-size:14px; padding:20px 0 40px; }
.hidden-note { display:none; }