/* App-specific styles on top of Pico.css */
:root {
  --pico-font-size: 100%;
}

header.container nav { padding-block: 0.25rem; }
header .brand { text-decoration: none; }
footer.container { padding-block: 2rem; color: var(--pico-muted-color); }

.muted { color: var(--pico-muted-color); }
.nowrap { white-space: nowrap; }
.mono { font-family: var(--pico-font-family-monospace); }

/* --- CVE list --- */
.search-form .filters { display: grid; grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr)); gap: 0 0.5rem; }
.search-form .filters > * { margin-bottom: 0.5rem; }
.stats { grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr)); }
.stats article { margin-bottom: 1rem; padding-block: 0.75rem; }
.stats h3 { margin: 0; }
.cve-row { margin-bottom: 0.75rem; padding-block: 0.75rem; }
.cve-row header { margin-bottom: 0.4rem; padding-block: 0.5rem; display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: baseline; }
.cve-row p { margin-bottom: 0.25rem; }
.cve-title { font-weight: 600; }
.cve-desc-full { font-size: 1.1rem; }
.facts > div { margin-bottom: 1rem; }
.sev, .kev, .chg, .run, .tag {
  display: inline-block; padding: 0.05rem 0.5rem; border-radius: 1rem;
  font-size: 0.8rem; font-weight: 600; white-space: nowrap; line-height: 1.5;
}
.sev-critical { background: #7f1d1d; color: #fff; }
.sev-high     { background: #c2410c; color: #fff; }
.sev-medium   { background: #ca8a04; color: #111; }
.sev-low      { background: #15803d; color: #fff; }
.sev-none, .sev-unscored { background: var(--pico-muted-border-color); color: var(--pico-color); font-weight: 400; }
.sev-rejected { background: #4b5563; color: #fff; }
.kev { background: #581c87; color: #fff; }
.chg-new { background: #1d4ed8; color: #fff; }
.chg-updated { background: var(--pico-muted-border-color); color: var(--pico-color); }
.chg-removed { background: #4b5563; color: #fff; }
.run-ok { background: #15803d; color: #fff; }
.run-error { background: #b91c1c; color: #fff; }
.run-running { background: #1d4ed8; color: #fff; }
.tag { background: var(--pico-muted-border-color); color: var(--pico-color); font-weight: 400; margin-left: 0.25rem; }
.stale { color: #b91c1c; }
.ok { color: #15803d; }
.small { font-size: 0.8rem; }
.refs li { word-break: break-all; }
pre.json { max-height: 40rem; overflow: auto; font-size: 0.8rem; }
.pager ul { display: flex; gap: 1rem; list-style: none; padding: 0; }