/* pva-site's own styles. Semantic tokens only (css/themes.css, generated
   by @deadark/sdk/theme -- copied in, not forked by hand; re-sync via the
   real `deadark-theme sync-consumer .` CLI once available locally rather
   than hand-editing themes.css itself). */
* { box-sizing: border-box; }
body {
  margin: 0;
  background: hsl(var(--canvas, 190 18% 5%));
  color: hsl(var(--text, 150 18% 78%));
  font: 400 15px/1.5 -apple-system, "Albert Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: hsl(var(--reference, 208 36% 70%)); text-decoration: none; }
a:hover { text-decoration: underline; }

header.pva-header {
  padding: 20px 24px;
  border-bottom: 1px solid hsl(var(--border-default, 180 24% 84% / 0.15));
  display: flex;
  align-items: baseline;
  gap: 10px;
}
header.pva-header .pva-kicker {
  font: 500 11px/1.3 ui-monospace, monospace;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: hsl(var(--text-muted, 150 10% 60%));
}
header.pva-header h1 { margin: 0; font-size: 18px; color: hsl(var(--text-strong, 135 41% 88%)); }

main { max-width: 860px; margin: 0 auto; padding: 24px; }

.pva-note { color: hsl(var(--text-faint, 160 9% 44%)); font-size: 13px; }
.pva-note.pva-error { color: hsl(var(--danger, 5 62% 62%)); }

.pva-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 1px; background: hsl(var(--border-default, 180 24% 84% / 0.15)); border-radius: 8px; overflow: hidden; }
.pva-list li { background: hsl(var(--surface, 188 12% 11%)); padding: 16px; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.pva-list .pva-title { color: hsl(var(--text-strong, 135 41% 88%)); font-weight: 500; }
.pva-list .pva-meta { font: 400 12px/1.3 ui-monospace, monospace; color: hsl(var(--text-muted, 150 10% 60%)); white-space: nowrap; }

.pva-rating { font: 500 11px/1.3 ui-monospace, monospace; text-transform: uppercase; letter-spacing: .03em; padding: 2px 8px; border-radius: 999px; }
.pva-rating-verified { color: hsl(var(--trust, 145 34% 58%)); background: hsl(var(--trust, 145 34% 58%) / 0.12); }
.pva-rating-preliminary { color: hsl(var(--badge, 42 56% 62%)); background: hsl(var(--badge, 42 56% 62%) / 0.12); }
.pva-rating-disputed { color: hsl(var(--danger, 5 62% 62%)); background: hsl(var(--danger, 5 62% 62%) / 0.12); }
.pva-rating-unrated { color: hsl(var(--hidden, 180 10% 42%)); background: hsl(var(--hidden, 180 10% 42%) / 0.12); }

.pva-detail h2 { color: hsl(var(--text-strong, 135 41% 88%)); margin: 0 0 4px; }
.pva-detail .pva-field { margin: 14px 0; }
.pva-detail .pva-field dt { font: 500 11px/1.3 ui-monospace, monospace; text-transform: uppercase; letter-spacing: .04em; color: hsl(var(--text-muted, 150 10% 60%)); margin-bottom: 4px; }
.pva-detail .pva-field dd { margin: 0; color: hsl(var(--text, 150 18% 78%)); }
.pva-detail .pva-cid { font: 400 12px/1.4 ui-monospace, monospace; word-break: break-all; color: hsl(var(--text-faint, 160 9% 44%)); }

.pva-review { border-left: 2px solid hsl(var(--border-strong, 180 24% 62% / 0.28)); padding: 8px 0 8px 12px; margin: 10px 0; }
.pva-review .pva-review-meta { font: 400 12px/1.3 ui-monospace, monospace; color: hsl(var(--text-muted, 150 10% 60%)); }

.pva-back { display: inline-block; margin-bottom: 16px; font: 500 12px/1.3 ui-monospace, monospace; }
