COPY EVERYTHING BELOW THIS LINE INTO GHOST CODE INJECTION (Site Header):
================================================================================

<meta name="p:domain_verify" content="0d98ea064769ca26aede4a2e426c3ece"/>
<style>
/* ===== HEARTHSIDE STYLES WITH DARK MODE ===== */

:root {
   --ghost-accent-color: #C45C26 !important;
   --hs-green: #2E5339;
   --hs-orange: #C45C26;
   --hs-box-bg: rgba(0, 0, 0, 0.04);
   --hs-question-bg: rgba(196, 92, 38, 0.08);
}

/* Dark mode using Ghost's class */
html.dark-mode {
   --hs-box-bg: rgba(255, 255, 255, 0.08);
   --hs-question-bg: rgba(196, 92, 38, 0.18);
}

.gh-content .hs-header {
   background: linear-gradient(135deg, #2E5339 0%, #1a3321 100%);
   color: white !important;
   padding: 32px;
   border-radius: 16px;
   margin-bottom: 32px;
   text-align: center;
}
.gh-content .hs-header h1,
.gh-content .hs-header p { color: white !important; }
.gh-content .hs-header h1 { margin: 0 0 8px 0; font-size: 1.8em; }
.gh-content .hs-header p { margin: 0; opacity: 0.9; }

.gh-content .hs-emphasis {
   font-style: italic;
   text-align: center;
   margin-bottom: 32px;
   opacity: 0.7;
}

.gh-content .hs-question {
   background: var(--hs-question-bg);
   border-left: 4px solid var(--hs-orange);
   padding: 24px;
   border-radius: 0 12px 12px 0;
   margin: 24px 0;
}
.gh-content .hs-question-label {
   color: var(--hs-orange) !important;
   font-weight: bold;
   font-size: 0.9em;
   text-transform: uppercase;
   letter-spacing: 1px;
   margin-bottom: 12px;
}
.gh-content .hs-question-text {
   font-size: 1.15em;
   font-style: italic;
}

.gh-content .hs-answer {
   background: var(--hs-box-bg);
   border: 2px solid var(--hs-green);
   padding: 24px;
   border-radius: 12px;
   margin: 24px 0;
}
.gh-content .hs-answer-label {
   color: var(--hs-green) !important;
   font-weight: bold;
   margin-bottom: 12px;
}
.gh-content .hs-answer-text { line-height: 1.7; }

.gh-content h2.hs-section { color: var(--hs-green) !important; }

.gh-content .hs-scripture {
   background: var(--hs-box-bg);
   border-left: 3px solid var(--hs-green);
   padding: 16px 20px;
   margin: 16px 0;
   border-radius: 0 8px 8px 0;
}
.gh-content .hs-scripture strong { color: var(--hs-green) !important; }

.gh-content .hs-reflection p { line-height: 1.8; }

.gh-content .hs-footer {
   font-style: italic;
   text-align: center;
   opacity: 0.6;
   margin-top: 40px;
}

.gh-content hr.hs-divider {
   border: none;
   border-top: 1px solid;
   opacity: 0.15;
   margin: 40px 0;
}

@media (max-width: 600px) {
   .gh-content .hs-header { padding: 20px; }
   .gh-content .hs-question,
   .gh-content .hs-answer { padding: 16px; }
}
</style>

================================================================================
Only change: Line 13 now uses "html.dark-mode" instead of "@media (prefers-color-scheme: dark)"