/* Page colours come from the shared theme tokens in core/base.css, so the page follows light and dark.
   Only the chip colours are the page's own: a light and a dark value for each kind. */
:root {
  --kind-fixed: #92400e;
  --kind-fixed-bg: rgba(146, 64, 14, 0.14);
  --kind-security: #166534;
  --kind-security-bg: rgba(22, 101, 52, 0.14);
  --kind-removed: #b91c1c;
  --kind-removed-bg: rgba(185, 28, 28, 0.14);
}
@media (prefers-color-scheme: dark) {
  :root {
    --kind-fixed: #fbbf24;
    --kind-fixed-bg: rgba(251, 191, 36, 0.14);
    --kind-security: #4ade80;
    --kind-security-bg: rgba(74, 222, 128, 0.14);
    --kind-removed: #f87171;
    --kind-removed-bg: rgba(248, 113, 113, 0.14);
  }
}
html[data-theme="light"] {
  --kind-fixed: #92400e;
  --kind-fixed-bg: rgba(146, 64, 14, 0.14);
  --kind-security: #166534;
  --kind-security-bg: rgba(22, 101, 52, 0.14);
  --kind-removed: #b91c1c;
  --kind-removed-bg: rgba(185, 28, 28, 0.14);
}
html[data-theme="dark"] {
  --kind-fixed: #fbbf24;
  --kind-fixed-bg: rgba(251, 191, 36, 0.14);
  --kind-security: #4ade80;
  --kind-security-bg: rgba(74, 222, 128, 0.14);
  --kind-removed: #f87171;
  --kind-removed-bg: rgba(248, 113, 113, 0.14);
}
body { margin: 0; font-family: "Segoe UI", Arial, sans-serif; color: var(--text); background: var(--bg); }
.wrap { max-width: 760px; margin: 0 auto; padding: 3rem 1rem; }
h1 { margin: 0 0 0.4rem; font-size: 1.5rem; }
p { margin: 0.35rem 0 1.4rem; color: var(--muted); line-height: 1.5; }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; border-radius: 2px; text-decoration: underline; }
.release {
  margin: 0 0 1rem;
  padding: 1rem 1.2rem;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel);
}
.release h2 { margin: 0 0 0.6rem; font-size: 1.05rem; }
.kind {
  display: inline-block;
  margin: 0.6rem 0 0.2rem;
  padding: 0.1rem 0.5rem;
  border-radius: 999px;
  font-size: 0.7rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: var(--accent-soft);
  color: var(--text);
}
.kind-fixed { background: var(--kind-fixed-bg); color: var(--kind-fixed); }
.kind-security { background: var(--kind-security-bg); color: var(--kind-security); }
.kind-removed { background: var(--kind-removed-bg); color: var(--kind-removed); }
ul { margin: 0.2rem 0 0.4rem; padding-left: 1.2rem; color: var(--text); line-height: 1.55; }
footer { margin-top: 1.5rem; font-size: 0.85rem; }