/* ============================================================
   DARK SHELL — POSTS AND PAGES  (dark article theme v1)
   Uses same palette as body.home so the site feels cohesive.
   ============================================================ */

/* Body background */
body.single,
body.page {
    background-color: var(--hp-bg);
    color: var(--hp-text);
}

/* Header: override the light default set by body:not(.home) */
body.single .sc-site-header,
body.page   .sc-site-header {
    background-color: var(--hp-surface);
    border-bottom: 1px solid var(--hp-border);
}

body.single .sc-logo,
body.page   .sc-logo {
    color: var(--hp-text);
}

/* Nav links */
body.single .sc-nav__link,
body.page   .sc-nav__link {
    color: var(--hp-text-muted);
}

body.single .sc-nav__link:hover,
body.page   .sc-nav__link:hover {
    color: var(--hp-text);
    background-color: rgba(255, 255, 255, 0.08);
    text-decoration: none;
}

/* Footer */
body.single .sc-site-footer,
body.page   .sc-site-footer {
    background-color: var(--hp-surface);
    border-top: 1px solid var(--hp-border);
    color: var(--hp-text-muted);
}

body.single .sc-footer-nav__list a,
body.page   .sc-footer-nav__list a,
body.single .sc-footer-contact a,
body.page   .sc-footer-contact a,
body.single .sc-footer-copy,
body.page   .sc-footer-copy {
    color: var(--hp-text-muted);
}

/* ---- Article content area ---- */

/* Surface card for the article: slightly lifted from body background */
body.single .sc-article-wrap {
    background-color: var(--hp-surface);
    border: 1px solid var(--hp-border);
    border-radius: 8px;
    padding: 2.5rem;
}

body.single .sc-article-header {
    border-bottom-color: var(--hp-border);
}

body.single .sc-article-meta__cat {
    background-color: var(--hp-accent-primary);
    color: #0B1020;
}

body.single .sc-article-header__title {
    color: var(--hp-text);
}

body.single .sc-article-meta {
    color: var(--hp-text-muted);
}

body.single .sc-article-body {
    color: var(--hp-text);
}

body.single .sc-article-body h2,
body.single .sc-article-body h3,
body.single .sc-article-body h4 {
    color: var(--hp-text);
}

body.single .sc-article-body p {
    color: var(--hp-text);
}

body.single .sc-article-body strong {
    color: var(--hp-text);
}

body.single .sc-article-body a {
    color: var(--hp-accent-primary);
    text-decoration-color: rgba(56, 189, 248, 0.35);
}

body.single .sc-article-body a:hover {
    text-decoration-color: var(--hp-accent-primary);
}

body.single .sc-article-body ul,
body.single .sc-article-body ol {
    color: var(--hp-text);
}

body.single .sc-article-body code {
    background-color: rgba(255, 255, 255, 0.08);
    color: var(--hp-accent-primary);
}

body.single .sc-article-body blockquote {
    background-color: var(--hp-card);
    border-left-color: var(--hp-accent-primary);
    color: var(--hp-text-muted);
    font-style: italic;
}

/* Disclosure box: teal-tinted on dark */
body.single .sc-article-body .sc-affiliate-disclosure {
    background-color: rgba(56, 189, 248, 0.07);
    border-left-color: var(--hp-accent-primary);
    color: var(--hp-text-muted);
}

/* Tables on dark */
body.single .sc-article-body table {
    border-color: var(--hp-border);
}

body.single .sc-article-body thead {
    background-color: var(--hp-card);
}

body.single .sc-article-body th {
    color: var(--hp-text-muted);
    border-bottom-color: var(--hp-border);
}

body.single .sc-article-body td {
    color: var(--hp-text);
    border-bottom-color: var(--hp-border);
}

body.single .sc-article-body tr:last-child td {
    border-bottom: none;
}

body.single .sc-article-body tbody tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.03);
}

/* ---- Page content area ---- */

/* Surface card for the page content */
body.page .sc-page-wrap {
    background-color: var(--hp-surface);
    border: 1px solid var(--hp-border);
    border-radius: 8px;
    padding: 2.5rem;
}

body.page .sc-page-header {
    border-bottom-color: var(--hp-border);
}

body.page .sc-page-header__title {
    color: var(--hp-text);
}

body.page .sc-page-body {
    color: var(--hp-text);
}

body.page .sc-page-body h2,
body.page .sc-page-body h3 {
    color: var(--hp-text);
}

body.page .sc-page-body p,
body.page .sc-page-body li {
    color: var(--hp-text);
}

body.page .sc-page-body a {
    color: var(--hp-accent-primary);
    text-decoration-color: rgba(56, 189, 248, 0.35);
}

body.page .sc-page-body a:hover {
    text-decoration-color: var(--hp-accent-primary);
}

/* ---- Dark shell responsive ---- */
@media (max-width: 768px) {
    body.single .sc-article-wrap,
    body.page   .sc-page-wrap {
        padding: 1.5rem 1.25rem;
        border-radius: 0;
        border-left: none;
        border-right: none;
    }
}

/* Unify dark theme for archive pages */
body.archive {
    background-color: #0D1117 !important;
    color: #F0F0F0 !important;
}
body.archive .sc-site-header {
    background-color: var(--hp-surface) !important;
    border-bottom: 1px solid var(--hp-border) !important;
}
body.archive .sc-logo {
    color: var(--hp-text) !important;
}
body.archive .sc-nav__link {
    color: var(--hp-text-muted) !important;
}
body.archive .sc-nav__link:hover {
    color: var(--hp-text) !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
}
body.archive .sc-site-footer {
    background-color: var(--hp-surface) !important;
    border-top: 1px solid var(--hp-border) !important;
    color: var(--hp-text-muted) !important;
}
body.archive .sc-footer-nav__list a,
body.archive .sc-footer-contact a,
body.archive .sc-footer-copy {
    color: var(--hp-text-muted) !important;
}