/*
  Legacy fallback stylesheet for historical category pages that still reference
  /styles.css?v=... .
  Keep this file lightweight and safe.
*/

:root {
  --legacy-text: #0f172a;
  --legacy-muted: #475569;
  --legacy-bg: #ffffff;
  --legacy-border: #e2e8f0;
  --legacy-link: #0b63ff;
}

html,
body {
  margin: 0;
  padding: 0;
  background: var(--legacy-bg);
  color: var(--legacy-text);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.6;
}

a {
  color: var(--legacy-link);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

main,
.container,
.page {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 16px;
}

img,
video {
  max-width: 100%;
  height: auto;
}

.card,
.box,
.panel,
.article-card {
  border: 1px solid var(--legacy-border);
  border-radius: 10px;
  background: #fff;
}

.small,
.muted,
.meta {
  color: var(--legacy-muted);
}