/* style.css — StillUntold components & layout */

body.untold-site .wrap{width:100%;max-width:var(--content-wide);margin-inline:auto;padding-inline:clamp(1.1rem,4vw,2.5rem)}

/* ---------- header ---------- */
body.untold-site .site-header{position:sticky;top:0;z-index:50;background:color-mix(in oklab,var(--color-bg) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-divider)}
body.untold-site .header-inner{display:flex;align-items:center;gap:var(--space-4);min-height:66px}
body.untold-site .brand{display:flex;align-items:center;gap:0.6rem;font-family:var(--font-display);font-weight:600;font-size:1.15rem;letter-spacing:-0.02em}
body.untold-site .brand-mark{flex-shrink:0;border-radius:var(--radius-full)}
body.untold-site .brand-text .brand-dot{color:var(--color-primary)}
body.untold-site .site-nav{margin-inline-start:auto}
body.untold-site .nav{display:flex;align-items:center;gap:0.2rem}
body.untold-site .nav a{display:block;padding:0.5rem 0.75rem;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted)}
body.untold-site .nav a:hover{color:var(--color-text);background:var(--color-surface-offset)}
body.untold-site .nav a.active{color:var(--color-primary)}
body.untold-site .theme-toggle{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--color-text-muted);border:1px solid var(--color-border)}
body.untold-site .theme-toggle:hover{color:var(--color-text);background:var(--color-surface-offset)}
body.untold-site .theme-toggle .icon-moon{display:none}
[data-theme='dark'] body.untold-site .theme-toggle .icon-sun{display:none}
[data-theme='dark'] body.untold-site .theme-toggle .icon-moon{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme]) body.untold-site .theme-toggle .icon-sun{display:none}:root:not([data-theme]) body.untold-site .theme-toggle .icon-moon{display:block}}
body.untold-site .menu-btn{display:none;width:42px;height:42px;place-items:center;border-radius:var(--radius-md);color:var(--color-text)}

/* ---------- gradients ---------- */
body.untold-site .grad-ember{background:linear-gradient(135deg,#c2502b,#7a2c12)}
body.untold-site .grad-crimson{background:linear-gradient(135deg,#a13540,#6e1f29)}
body.untold-site .grad-spring{background:linear-gradient(135deg,#3f7d34,#23531f)}
body.untold-site .grad-sky{background:linear-gradient(135deg,#2c6f9e,#1c4a6b)}
body.untold-site .grad-rose{background:linear-gradient(135deg,#b0456e,#7a2d49)}
body.untold-site .grad-forest{background:linear-gradient(135deg,#2f6b46,#1d4630)}
body.untold-site .grad-violet{background:linear-gradient(135deg,#6f3f9e,#4a2970)}
body.untold-site .grad-sun{background:linear-gradient(135deg,#c98a16,#8a5d0a)}
body.untold-site .grad-ocean{background:linear-gradient(135deg,#1f6e8c,#11455b)}
[data-theme='dark'] body.untold-site .grad-ember{background:linear-gradient(135deg,#5a2a16,#3a1a0c)}
[data-theme='dark'] body.untold-site .grad-crimson{background:linear-gradient(135deg,#5e2230,#3a1218)}
[data-theme='dark'] body.untold-site .grad-spring{background:linear-gradient(135deg,#1f4a1c,#122c10)}
[data-theme='dark'] body.untold-site .grad-sky{background:linear-gradient(135deg,#15405c,#0e2a3c)}
[data-theme='dark'] body.untold-site .grad-rose{background:linear-gradient(135deg,#5e2238,#3a1422)}
[data-theme='dark'] body.untold-site .grad-forest{background:linear-gradient(135deg,#16432b,#0e2a18)}
[data-theme='dark'] body.untold-site .grad-violet{background:linear-gradient(135deg,#3e2460,#26143c)}
[data-theme='dark'] body.untold-site .grad-sun{background:linear-gradient(135deg,#6e4c0a,#442d05)}
[data-theme='dark'] body.untold-site .grad-ocean{background:linear-gradient(135deg,#114458,#0a2a38)}

/* ---------- buttons ---------- */
body.untold-site .btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.8rem 1.4rem;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;letter-spacing:0.01em;transition:transform var(--transition-interactive),background var(--transition-interactive),box-shadow var(--transition-interactive),color var(--transition-interactive)}
body.untold-site .btn:active{transform:translateY(1px)}
body.untold-site .btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}
body.untold-site .btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md)}
body.untold-site .btn-ghost{border:1px solid var(--color-border);color:var(--color-text)}
body.untold-site .btn-ghost:hover{background:var(--color-surface-offset);border-color:var(--color-text-faint)}
body.untold-site .btn-outline{border:1.5px solid var(--color-primary);color:var(--color-primary)}
body.untold-site .btn-outline:hover{background:var(--color-primary);color:#fff}
body.untold-site .btn-text{color:var(--color-primary);font-weight:600;font-size:var(--text-sm);padding:0.3rem 0}
body.untold-site .btn-text:hover{color:var(--color-primary-hover)}
body.untold-site .btn-lg{padding:1rem 2rem;font-size:var(--text-base)}

/* ---------- hero (landing) ---------- */
body.untold-site .hero{position:relative;overflow:hidden;padding-block:clamp(3.5rem,9vw,7rem) clamp(3rem,7vw,5.5rem);background:linear-gradient(160deg,#1c1812 0%,#2a1d14 45%,#3a2418 100%);color:#fff}
body.untold-site .hero-inner{position:relative;z-index:2;max-width:820px}
body.untold-site .eyebrow{font-size:var(--text-xs);font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-4)}
body.untold-site .hero-title{font-size:var(--text-hero);line-height:0.98;font-weight:600;letter-spacing:-0.03em;color:#fff}
body.untold-site .hero-title .hl{color:#e8973c}
body.untold-site .hero-sub{margin-top:var(--space-6);font-size:var(--text-lg);max-width:62ch;color:#e8ddca;line-height:1.55}
body.untold-site .hero-cta{margin-top:var(--space-8);display:flex;flex-wrap:wrap;gap:var(--space-3)}
body.untold-site .hero .btn-primary{background:#e0824a;color:#1a140d}
body.untold-site .hero .btn-primary:hover{background:#f0975c}
body.untold-site .hero .btn-ghost{border-color:rgba(255,255,255,0.3);color:#fff}
body.untold-site .hero .btn-ghost:hover{background:rgba(255,255,255,0.08)}
body.untold-site .hero-glow{position:absolute;inset:0;z-index:1;background:radial-gradient(60% 50% at 80% 10%,rgba(224,130,74,0.28),transparent 70%),radial-gradient(50% 50% at 10% 90%,rgba(193,80,43,0.2),transparent 70%)}

/* ---------- sections ---------- */
body.untold-site .section{padding-block:clamp(2.8rem,6vw,5rem)}
body.untold-site .section-kicker{font-size:var(--text-xs);font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-3)}
body.untold-site .section-title{font-size:var(--text-2xl);max-width:20ch;letter-spacing:-0.02em}
body.untold-site .section-title.light{color:#fff}
body.untold-site .section-lede{margin-top:var(--space-5);font-size:var(--text-lg);max-width:62ch;color:var(--color-text-muted)}
body.untold-site .section-lede.light{color:#e8ddca}
body.untold-site .section .btn{margin-top:var(--space-8)}

/* need stats */
body.untold-site .section-need{background:var(--color-surface)}
body.untold-site .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-top:var(--space-8)}
body.untold-site .stat{background:var(--color-surface-offset);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}
body.untold-site .stat-num{display:block;font-family:var(--font-display);font-size:clamp(2rem,1.4rem+1.6vw,3rem);font-weight:700;color:var(--color-primary);line-height:1;letter-spacing:-0.02em}
body.untold-site .stat-label{display:block;margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm)}
body.untold-site .stats-inline{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:var(--space-6) 0}
body.untold-site .stats-inline .stat{flex:1 1 200px;padding:var(--space-5)}

/* story */
body.untold-site .section-story{background:var(--color-surface-2)}
body.untold-site .story-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
body.untold-site .prose{font-size:var(--text-lg);color:var(--color-text-muted);margin-top:var(--space-4);max-width:54ch;line-height:1.6}
body.untold-site .prose+.prose{margin-top:var(--space-4)}
body.untold-site .story-figure{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}
body.untold-site .story-figure img{width:100%;aspect-ratio:4/5;object-fit:cover}
body.untold-site .story-figure figcaption{padding:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-surface)}

/* gospel */
body.untold-site .section-gospel{color:#fff;background:linear-gradient(160deg,#2f6b46,#1d4630)}
body.untold-site .section-gospel .section-kicker{color:#9fd6a8}
body.untold-site .section-gospel .section-lede{color:#dbe9de}
body.untold-site .gospel-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin-top:var(--space-8)}
body.untold-site .mini-card{display:block;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:var(--radius-lg);padding:var(--space-6);color:#fff;font-weight:600;transition:background var(--transition-interactive),transform var(--transition-interactive)}
body.untold-site .mini-card:hover{background:rgba(255,255,255,0.16);transform:translateY(-2px)}

/* theme grid */
body.untold-site .section-themes{background:var(--color-bg)}
body.untold-site .theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4);margin-top:var(--space-8)}
body.untold-site .theme-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);border-radius:var(--radius-lg);min-height:150px;position:relative;overflow:hidden;color:#fff;transition:transform var(--transition-interactive),box-shadow var(--transition-interactive)}
body.untold-site .theme-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
body.untold-site .tc-kicker{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600}
body.untold-site .tc-blurb{font-size:var(--text-sm);color:rgba(255,255,255,0.82)}
body.untold-site .tc-go{margin-top:auto;font-size:var(--text-xs);font-weight:700;letter-spacing:0.1em;text-transform:uppercase}
body.untold-site .tc-orange{background:linear-gradient(135deg,#c2502b,#7a2c12)}
body.untold-site .tc-notification{background:linear-gradient(135deg,#a13540,#6e1f29)}
body.untold-site .tc-success{background:linear-gradient(135deg,#3f7d34,#23531f)}
body.untold-site .tc-blue{background:linear-gradient(135deg,#2c6f9e,#1c4a6b)}
body.untold-site .tc-purple{background:linear-gradient(135deg,#6f3f9e,#4a2970)}
body.untold-site .tc-gold{background:linear-gradient(135deg,#c98a16,#8a5d0a)}

/* action */
body.untold-site .section-action{color:#fff;background:linear-gradient(160deg,#c98a16,#8a5d0a)}
body.untold-site .section-action .section-kicker{color:#ffe6a8}
body.untold-site .action-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}
body.untold-site .action-cards{display:flex;flex-direction:column;gap:var(--space-3)}
body.untold-site .action-card{display:flex;align-items:center;gap:var(--space-4);background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.18);border-radius:var(--radius-lg);padding:var(--space-5);color:#fff;font-weight:600;transition:background var(--transition-interactive),transform var(--transition-interactive)}
body.untold-site .action-card:hover{background:rgba(255,255,255,0.2);transform:translateX(3px)}
body.untold-site .ac-num{font-family:var(--font-display);font-weight:700;color:#ffe6a8;font-size:var(--text-lg)}

/* cta */
body.untold-site .section-cta{text-align:center;background:var(--color-surface)}
body.untold-site .cta-inner{max-width:760px;margin-inline:auto}
body.untold-site .big-quote{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:500;font-style:italic;line-height:1.2;letter-spacing:-0.01em}
body.untold-site .quote-attr{margin-top:var(--space-4);color:var(--color-text-muted)}

/* ---------- library ---------- */
body.untold-site .page-hero{color:#fff;padding-block:clamp(2.5rem,5vw,4rem)}
body.untold-site .page-hero .eyebrow{color:rgba(255,255,255,0.85)}
body.untold-site .page-title{font-size:var(--text-3xl);color:#fff;letter-spacing:-0.02em}
body.untold-site .page-sub{margin-top:var(--space-4);font-size:var(--text-lg);color:rgba(255,255,255,0.85);max-width:56ch}
body.untold-site .lib-group-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6)}
body.untold-site .lib-count{font-size:var(--text-xs);font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-faint);white-space:nowrap}
body.untold-site .lib-group-link{font-size:var(--text-sm);font-weight:600;color:var(--color-accent);white-space:nowrap}

/* ---------- cards ---------- */
body.untold-site .card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}
body.untold-site .card-grid-wide{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
body.untold-site .card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);min-height:150px;position:relative;transition:transform var(--transition-interactive),box-shadow var(--transition-interactive),border-color var(--transition-interactive)}
body.untold-site .card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-text-faint)}
body.untold-site .card-kicker{font-size:var(--text-xs);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-primary)}
body.untold-site .card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;line-height:1.2}
body.untold-site .card-tagline{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:auto}
body.untold-site .card-arrow{position:absolute;top:var(--space-6);right:var(--space-6);color:var(--color-text-faint);font-size:1.2rem;transition:transform var(--transition-interactive),color var(--transition-interactive)}
body.untold-site .card:hover .card-arrow{transform:translateX(4px);color:var(--color-primary)}
body.untold-site .card-orange .card-kicker{color:#c2502b}
body.untold-site .card-notification .card-kicker{color:#a13540}
body.untold-site .card-success .card-kicker{color:#3f7d34}
body.untold-site .card-blue .card-kicker{color:#2c6f9e}
body.untold-site .card-purple .card-kicker{color:#6f3f9e}
body.untold-site .card-gold .card-kicker{color:#c98a16}
[data-theme='dark'] body.untold-site .card-orange .card-kicker{color:#d9683f}
[data-theme='dark'] body.untold-site .card-notification .card-kicker{color:#c64a55}
[data-theme='dark'] body.untold-site .card-success .card-kicker{color:#6aa85a}
[data-theme='dark'] body.untold-site .card-blue .card-kicker{color:#5fa3d0}
[data-theme='dark'] body.untold-site .card-purple .card-kicker{color:#9a72c4}
[data-theme='dark'] body.untold-site .card-gold .card-kicker{color:#e0a73c}

/* ---------- article ---------- */
body.untold-site .article-hero{color:#fff;padding-block:clamp(2rem,4vw,3.2rem)}
body.untold-site .article-hero .eyebrow{color:rgba(255,255,255,0.85)}
body.untold-site .article-title{font-size:var(--text-2xl);color:#fff;max-width:22ch}
body.untold-site .article-tagline{margin-top:var(--space-3);font-size:var(--text-lg);color:rgba(255,255,255,0.85);max-width:60ch}
body.untold-site .crumbs{display:flex;align-items:center;gap:0.5rem;font-size:var(--text-xs);color:rgba(255,255,255,0.75);margin-bottom:var(--space-4)}
body.untold-site .crumbs a:hover{text-decoration:underline}
body.untold-site .article{padding-block:clamp(2.5rem,5vw,4.5rem)}
body.untold-site .article-wrap{max-width:760px}
body.untold-site .article-intro{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;line-height:1.3;letter-spacing:-0.01em;color:var(--color-text);border-left:3px solid var(--color-primary);padding-left:var(--space-5);margin-bottom:var(--space-8)}
body.untold-site .article-body{font-size:var(--text-base);line-height:1.75}
body.untold-site .article-body p{margin-bottom:var(--space-5)}
body.untold-site .article-body h3{font-size:var(--text-lg);margin-top:var(--space-8);margin-bottom:var(--space-3);color:var(--color-text)}
body.untold-site .article-body ul:not(.ext-links):not(.steps){margin:var(--space-4) 0;padding-left:var(--space-5);list-style:disc}
body.untold-site .article-body ul:not(.ext-links):not(.steps) li{margin-bottom:var(--space-2);padding-left:var(--space-1)}
body.untold-site .article-body ul:not(.ext-links):not(.steps) li::marker{color:var(--color-primary)}
body.untold-site .scripture{font-family:var(--font-display);font-style:italic;font-size:var(--text-lg);line-height:1.5;border-left:3px solid var(--color-primary-highlight);background:var(--color-surface-offset);padding:var(--space-5) var(--space-6);margin:var(--space-5) 0;border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text)}
body.untold-site .callout{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;font-style:italic;text-align:center;margin:var(--space-8) 0;padding:var(--space-8) 0;border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider);color:var(--color-primary)}
body.untold-site .ext-links{margin:var(--space-6) 0;display:flex;flex-direction:column;gap:var(--space-2)}
body.untold-site .ext-link{display:inline-flex;align-items:center;gap:0.5rem;font-weight:600;color:var(--color-primary);padding:var(--space-3) var(--space-4);background:var(--color-surface-offset);border-radius:var(--radius-md);border:1px solid var(--color-border);width:fit-content}
body.untold-site .ext-link:hover{background:var(--color-primary-highlight);border-color:var(--color-primary)}
body.untold-site .ext-link svg{flex-shrink:0;opacity:0.6}
body.untold-site .steps{display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-6) 0;counter-reset:step}
body.untold-site .step{display:flex;gap:var(--space-4);align-items:flex-start}
body.untold-site .step-num{font-family:var(--font-display);font-weight:700;color:var(--color-primary);font-size:var(--text-lg);min-width:2.5rem}
body.untold-site .step h4{font-size:var(--text-base);margin-bottom:var(--space-1)}
body.untold-site .step p{margin:0;color:var(--color-text-muted)}
body.untold-site .article-cta{margin-top:var(--space-12);padding:var(--space-8);background:linear-gradient(135deg,var(--color-primary-highlight),var(--color-surface-offset));border-radius:var(--radius-lg);text-align:center}
body.untold-site .cta-text{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;margin-bottom:var(--space-4)}
body.untold-site .article-note{margin-top:var(--space-8);font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic;border-top:1px solid var(--color-divider);padding-top:var(--space-5)}
body.untold-site .article-sources-label{margin-top:var(--space-6);font-size:var(--text-xs);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-faint)}
body.untold-site .article-sources{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}
body.untold-site .article-sources li{margin-bottom:var(--space-1)}
body.untold-site .article-sources a{color:var(--color-accent);text-underline-offset:2px}
body.untold-site .stat-source{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);max-width:62ch}
body.untold-site .stat-source a{color:var(--color-accent);font-weight:600;text-underline-offset:2px}
body.untold-site .stats-inline+.stat-source{margin-top:var(--space-3)}
body.untold-site .article-related{margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--color-divider)}
body.untold-site .article-related h3{font-size:var(--text-lg);margin-bottom:var(--space-5)}
body.untold-site .related-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
body.untold-site .related-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);transition:transform var(--transition-interactive),box-shadow var(--transition-interactive)}
body.untold-site .related-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
body.untold-site .rc-kicker{font-size:var(--text-xs);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-faint)}
body.untold-site .rc-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-base)}
body.untold-site .rc-arrow{margin-top:var(--space-1);color:var(--color-primary);font-size:var(--text-sm)}
body.untold-site .rc-orange .rc-kicker{color:#c2502b}
body.untold-site .rc-notification .rc-kicker{color:#a13540}
body.untold-site .rc-success .rc-kicker{color:#3f7d34}
body.untold-site .rc-blue .rc-kicker{color:#2c6f9e}
body.untold-site .rc-purple .rc-kicker{color:#6f3f9e}
body.untold-site .rc-gold .rc-kicker{color:#c98a16}
[data-theme='dark'] body.untold-site .rc-orange .rc-kicker{color:#d9683f}
[data-theme='dark'] body.untold-site .rc-notification .rc-kicker{color:#c64a55}
[data-theme='dark'] body.untold-site .rc-success .rc-kicker{color:#6aa85a}
[data-theme='dark'] body.untold-site .rc-blue .rc-kicker{color:#5fa3d0}
[data-theme='dark'] body.untold-site .rc-purple .rc-kicker{color:#9a72c4}
[data-theme='dark'] body.untold-site .rc-gold .rc-kicker{color:#e0a73c}

/* ---------- footer ---------- */
body.untold-site .site-footer{background:var(--color-surface-offset);border-top:1px solid var(--color-divider);padding-block:var(--space-12)}
body.untold-site .footer-inner{display:grid;grid-template-columns:1.2fr 2fr 1fr;gap:var(--space-8);align-items:start}
body.untold-site .footer-brand{display:flex;flex-direction:column;gap:var(--space-2);color:var(--color-primary)}
body.untold-site .footer-name{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);color:var(--color-text)}
body.untold-site .footer-tag{font-size:var(--text-sm);color:var(--color-text-muted)}
body.untold-site .footer-note{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}
body.untold-site .footer-links{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm)}
body.untold-site .footer-links a{color:var(--color-primary);font-weight:500}
body.untold-site .footer-links a:hover{text-decoration:underline}

/* ---------- responsive ---------- */
@media (max-width:860px){
  body.untold-site .story-grid, body.untold-site .action-inner{grid-template-columns:1fr}
  body.untold-site .related-grid{grid-template-columns:1fr}
  body.untold-site .footer-inner{grid-template-columns:1fr;gap:var(--space-6)}
}
@media (max-width:720px){
  body.untold-site .site-nav, body.untold-site .theme-toggle{display:none}
  body.untold-site .menu-btn{display:grid}
  body.untold-site .site-nav.open{display:block;position:absolute;top:66px;left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-divider);padding:var(--space-4)}
  body.untold-site .site-nav.open .nav{flex-direction:column;align-items:stretch;gap:0}
  body.untold-site .site-nav.open .nav a{padding:var(--space-3)}
  body.untold-site .lib-group-head{flex-direction:column;align-items:flex-start}
}

/* === Heading color normalization — override Blocksy palette-color-4 bleed ===
   Blocksy forces headings to its fixed dark-blue --theme-palette-color-4 (#192a3d),
   which does not invert in dark mode and is low-contrast on dark gradient heroes.
   Restore the theme's inverting --color-text, and keep headings white on always-dark
   gradient heroes/sections. */
body.untold-site h1, body.untold-site h2, body.untold-site h3, body.untold-site h4, body.untold-site h5, body.untold-site h6 { color: var(--color-text); }
body.untold-site .hero .hero-title,
body.untold-site .article-hero .article-title,
body.untold-site .page-hero .page-title,
body.untold-site .section-gospel .section-title,
body.untold-site .section-action .section-title,
body.untold-site .section-title.light { color: #fff; }