/* Minimal styles for prerendered SSR pages so bots and share previews see clean layout. */
:root {
  --font-body: Inter, Roboto, system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  --text-color: #111827;
  --muted: #6b7280;
  --link: #2563eb;
  --maxw: 860px;
}
html { font-size: 16px; }
body {
  margin: 0;
  padding: 24px;
  font-family: var(--font-body);
  color: var(--text-color);
  line-height: 1.6;
  background: #ffffff;
}
main { max-width: var(--maxw); margin: 0 auto; }
h1 { font-size: 1.75rem; line-height: 1.15; margin: 0 0 12px; }
p { margin: 0 0 12px; }
a { color: var(--link); text-decoration: none; }
a:hover { text-decoration: underline; }
ul { margin: 12px 0; padding-left: 20px; }
img { max-width: 100%; height: auto; border-radius: 8px; }
nav { margin: 16px 0; }
@media (max-width: 480px) {
  body { padding: 16px; }
  h1 { font-size: 1.4rem; }
}