/* Forum pages rendered by PHP (templates/forum): first paint and readers without scripts.
   The forum app replaces #app with its own UI. */
body { margin: 0; background: #0b131a; color: #dce7ee; font: 15px/1.55 'IBM Plex Sans', system-ui, sans-serif; }
.ssr a { color: #58d5e8; }
.ssr { max-width: 1180px; margin: 0 auto; padding: 12px 16px 48px; }
.ssr-head { display: flex; gap: 16px; align-items: center; padding: 12px 0; border-bottom: 1px solid #24394a; }
.ssr-brand { font: 700 24px 'Jura', sans-serif; letter-spacing: .3em; text-decoration: none; }
.ssr-card { border: 1px solid #24394a; background: #111c25; padding: 12px 16px; margin: 8px 0; }
.ssr-muted { color: #8d9eab; font-size: 13px; }
.ssr-post { display: grid; grid-template-columns: 120px 1fr; gap: 16px; }
.ssr-post img.ava { width: 72px; height: 72px; object-fit: cover; }
.md { white-space: pre-wrap; overflow-wrap: anywhere; }
.md-quote { margin: 6px 0; padding: 8px 12px; border-left: 3px solid #2a7f8f; }
.md-img { max-width: 100%; max-height: 480px; }
@media (max-width: 640px) { .ssr-post { grid-template-columns: 1fr; } }
.ssr-play { margin-left: auto; }
.ssr-card h2.ssr-t { font-size: 17px; margin: 0; }
.ssr-card p.ssr-by { margin: 4px 0 0; }
.ssr-date { margin: 0 0 6px; }