/* ============================================================
   SSR-Content — server-rendered SEO/no-JS fallback block.
   Visible only while html has no .js class (inline script in
   lib/head.php adds it immediately when JS runs). Crawlers and
   JS-disabled visitors get readable content; regular visitors
   never see this block.
   ============================================================ */

.ssr-content {
    max-width: 720px;
    margin: 0 auto;
    padding: 48px 24px 64px;
    color: var(--byte-text, #e8eef1);
    background: var(--byte-bg, #06171e);
    font-family: var(--byte-font-ui, 'Inter', system-ui, sans-serif);
    line-height: 1.65;
}

.ssr-content h1 {
    color: var(--byte-orange-500, #fd7d00);
    font-size: 1.6rem;
    line-height: 1.3;
    margin: 0 0 16px;
}

.ssr-content h2,
.ssr-content h3 {
    color: var(--byte-text, #e8eef1);
    margin: 28px 0 10px;
}

.ssr-content a {
    color: var(--byte-orange-400, #ff9933);
    text-decoration: underline;
}

.ssr-content p,
.ssr-content ul,
.ssr-content ol {
    margin: 0 0 14px;
}

.ssr-content time,
.ssr-content .ssr-content__meta {
    color: var(--byte-text-muted, #9aa8ae);
    font-size: 0.85rem;
}

.ssr-content pre {
    overflow-x: auto;
    background: var(--byte-surface, #0f1f26);
    padding: 12px;
    border-radius: 6px;
}

.ssr-content img {
    max-width: 100%;
    height: auto;
}

/* JS available → OS shell takes over, hide the SSR block */
html.js .ssr-content {
    display: none;
}