@font-face {
  font-family: Inter;
  src: url("/fonts/inter-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("/fonts/inter-latin-variable-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}

.vuln-page .pagehero { padding-bottom: 54px; }
.vuln-page .pagehero + .section { padding-top: 38px; padding-bottom: 54px; }
.vuln-page .pagehero + .section .grid2 { align-items: start; }
.vuln-page .pagehero + .section .form { padding: 24px; }
.vuln-page .pagehero + .section .form .field { margin-bottom: 13px; }
.vuln-page .pagehero + .section .form .btn { width: 100%; margin-top: 5px; }
.vuln-live { padding: 52px 0 72px; }
.vuln-live-head { display: flex; justify-content: space-between; gap: 20px; align-items: end; margin-bottom: 24px; }
.vuln-live-head h2 { margin-bottom: 4px; }
.vuln-live-head p { margin: 0; color: var(--muted); }
.vuln-live-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.vuln-active-filter { display: inline-flex; padding: 5px 9px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 12px; }
.vuln-summary { color: var(--muted); margin-bottom: 14px; }
.vuln-records { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.vuln-record { display: grid; grid-template-columns: minmax(0, 1fr) 84px; gap: 20px; min-height: 198px; padding: 20px; border: 1px solid var(--line); border-radius: 10px; background: white; }
.vuln-record:hover { border-color: var(--orange); transform: translateY(-1px); }
.vuln-record h3 { margin: 7px 0; font-size: 18px; line-height: 1.35; }
.vuln-record p { margin: 0; color: var(--muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vuln-record-meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 13px; }
.vuln-evidence { display: flex; flex-wrap: wrap; gap: 8px 12px; margin-top: 16px; color: var(--muted); font-size: 12px; }
.vuln-aliases { margin-top: 8px; color: var(--muted); font-size: 11px; }
.vuln-id { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 750; }
.vuln-badge { display: inline-flex; padding: 3px 8px; border-radius: 999px; background: #eef1f5; font-size: 11px; font-weight: 800; }
.vuln-badge.critical { color: #a50e0e; background: #fee8e7; }
.vuln-badge.high { color: #984b00; background: #fff0df; }
.vuln-badge.medium { color: #725400; background: #fff7cf; }
.vuln-badge.low { color: #08725a; background: #dff8ef; }
.vuln-badge.moderate { color: #725400; background: #fff7cf; }
.vuln-badge.unknown { color: #4d5969; background: #eef1f5; }
.vuln-score { min-width: 76px; text-align: right; }
.vuln-score strong { display: block; font-size: 28px; line-height: 1; }
.vuln-score > span { display: block; color: var(--muted); font-size: 11px; margin-top: 4px; }
.vuln-score .vuln-badge { display: inline-flex; margin-top: 10px; }
.vuln-next { margin-top: 20px; }
.vuln-empty { padding: 24px; border: 1px solid var(--line); border-radius: 10px; }
.vuln-loading { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.vuln-loading-copy { grid-column: 1/-1; }
.vuln-loading-copy h2 { margin-bottom: 4px; }
.vuln-loading-copy p { margin: 0; color: var(--muted); }
.vuln-loading-card { height: 190px; border: 1px solid var(--line); border-radius: 10px; background: linear-gradient(100deg,transparent 20%,rgba(127,127,127,.08) 45%,transparent 70%); background-size: 220% 100%; animation: vuln-shimmer 1.4s linear infinite; }
.required-note { margin-top: -8px; color: var(--muted); font-size: 12px; }
.required-note span { color: #a64000; font-weight: 850; }
.field-error { display:block; margin-top:6px; color:#a50e0e; font-size:12px; font-weight:650; }
#registration input[aria-invalid="true"] { border-color:#c62929; box-shadow:0 0 0 2px rgba(198,41,41,.12); }
@keyframes vuln-shimmer { to { background-position: -220% 0; } }

html[data-theme="dark"] .vuln-record,
html[data-theme="dark"] .vuln-empty { background: #121820; }

@media (max-width: 800px) {
  .vuln-records,.vuln-loading { grid-template-columns: 1fr; }
  .vuln-live-head { align-items: start; flex-direction: column; }
  .vuln-live-actions { justify-content: flex-start; }
}

@media (max-width: 560px) {
  .vuln-record { grid-template-columns: 1fr; }
  .vuln-record { min-height: 0; }
  .vuln-score { text-align: left; }
  .analytics-panel { max-height:min(76dvh,560px); padding:16px; }
  .privacy-intro,.privacy-details { margin-block:10px; }
}

.research-list > p.wrap.small { margin-top: 24px; }
