/* Inter — self-hosted (see fonts/README.md). Family name is wired via
   js/tailwind.config.js (fontFamily.sans). */
@font-face {
  font-family: "Inter";
  src: url("/fonts/InterVariable-v4.1.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

/* Selection color */
::selection {
  background-color: rgba(10, 138, 159, 0.3);
}
.dark ::selection {
  background-color: rgba(11, 153, 178, 0.4);
}

/* No scrollbar */
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Responsive font size */
@media (min-width: 1920px) {
  html { font-size: 18px; }
}
@media (min-width: 2560px) {
  html { font-size: 20px; }
}

/* PROSE — typography for the generated legal page (/privacy).
   Markdown output has no classes, so plain tag selectors. */

.prose { font-size: 0.9375rem; line-height: 1.75; color: #4b5563; }
.dark .prose { color: #C4C4C4; }

/* Headings */
.prose h1 { font-size: 1.5rem; font-weight: 600; color: #1f2937; letter-spacing: -0.025em; margin-bottom: 0.125rem; }
@media (min-width: 640px) { .prose h1 { font-size: 2.25rem; } }

.prose h2 { font-size: 1.125rem; font-weight: 600; color: #1f2937; margin-top: 2.5rem; margin-bottom: 0.5rem; }
@media (min-width: 640px) { .prose h2 { font-size: 1.25rem; } }

.prose h3 { font-size: 1rem; font-weight: 600; color: #1f2937; margin-top: 1.75rem; margin-bottom: 0.375rem; }

.dark .prose h1, .dark .prose h2, .dark .prose h3 { color: #f3f4f6; }

/* "Last updated: …" — first paragraph right after h1 */
.prose h1 + p { font-size: 0.875rem; font-style: italic; color: #6b7280; margin-bottom: 2.5rem; }
.dark .prose h1 + p { color: #C4C4C4; }

/* Text, lists, links */
.prose p   { margin-bottom: 0.875rem; }
.prose ul  { list-style-type: disc; padding-left: 1.5rem; margin-bottom: 0.875rem; }
.prose li  { margin-bottom: 0.25rem; }
.prose a   { color: #0A8A9F; text-decoration: underline; }
.dark .prose a { color: #0B99B2; }

/* Tables (Privacy: lawful bases, retention). Wide tables scroll
   horizontally via the article itself. */
.prose { overflow-x: auto; }
.prose table { width: 100%; border-collapse: collapse; margin-bottom: 1.5rem; font-size: 0.8125rem; line-height: 1.5; }
.prose th, .prose td { border: 1px solid #e5e7eb; padding: 0.5rem 0.75rem; text-align: left; vertical-align: top; }
.prose th { font-weight: 600; background-color: rgba(0,0,0,0.03); }
.dark .prose th, .dark .prose td { border-color: #3a3a38; }
.dark .prose th { background-color: rgba(255,255,255,0.04); }