/* Base article styling for SSR pages (daily + standalone) */
/* Applies to non-Shadow DOM rendering — SSR article-page.html */

.ssr-content {
    max-width: 960px;
    margin: 0 auto;
    padding: 24px 32px;
    min-height: calc(100vh - 56px - 37px);
}

.ssr-content h1,
.ssr-content h2,
.ssr-content h3 {
    font-family: 'Huninn', sans-serif;
    line-height: 1.4;
    margin: 1.5em 0 0.5em;
}

.ssr-content p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 1em;
}

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

.ssr-content pre,
.ssr-content code {
    font-family: 'JetBrains Mono', monospace;
    background: var(--bg-card, #f5f5f5);
    border-radius: 3px;
}

.ssr-content pre {
    padding: 12px 16px;
    overflow-x: auto;
}

.ssr-content code {
    padding: 2px 4px;
}

.ssr-content blockquote {
    border-left: 3px solid var(--accent, #333);
    padding-left: 16px;
    color: var(--text-secondary, #555);
}

.ssr-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
}

.ssr-content th,
.ssr-content td {
    padding: 8px 12px;
    border: 1px solid var(--border-color, #ddd);
    text-align: left;
}

.ssr-content a {
    color: var(--link-color, #112f82);
}

/* Article-specific styles from fragments will override these via specificity */