/* Direct Horror quiz-c, observed rendered path 2026-10-28.
   General Horror has its own 22-position definition and is intentionally scoped out. */
.lf-page.lf-horror:not(.lf-wide) .lf-content:has(.lf-progress-row) .lf-options{gap:8px}
.lf-page.lf-horror:not(.lf-wide) .lf-content:has(.lf-progress-row) .lf-options:not(.lf-image-options) button>span:first-of-type{display:flex;align-items:center;gap:12px;width:100%;min-width:0}
.lf-page.lf-horror:not(.lf-wide) .lf-content:has(.lf-progress-row) .lf-options:not(.lf-image-options) .lf-option-icon{display:block;flex:0 0 24px;font:400 20px/24px 'Avenir Next','Segoe UI',sans-serif;text-align:center}
.lf-page.lf-horror:not(.lf-wide) .lf-content:has(.lf-progress-row) .lf-options button:not(.lf-baked-label) strong{font:600 16px/24px 'Avenir Next','Segoe UI',sans-serif}
.lf-page.lf-horror .lf-narrative,.lf-page.lf-horror .lf-horror-interlude{box-sizing:border-box;width:394px;max-width:100vw;margin:-4px 0 16px 50%;transform:translateX(-50%);background:#0a0a0a;border-top:1px solid #292929;border-bottom:2px solid #311a1a;box-shadow:0 8px 16px -12px #000;text-align:left;color:#fff}
.lf-page.lf-horror .lf-narrative{padding:16px 16px 13px}
.lf-page.lf-horror .lf-narrative h1,.lf-page.lf-horror .lf-horror-interlude h1{max-width:none;margin:0 0 5px;font:400 28px/1.2 ui-serif,Georgia,Cambria,'Times New Roman',Times,serif;letter-spacing:0;text-align:left}
.lf-page.lf-horror .lf-narrative-body{margin:0;font:400 16px/1.4 'Avenir Next','Segoe UI',sans-serif;color:#ffffffcc;text-align:left;white-space:pre-line}
.lf-page.lf-horror .lf-narrative-body p{margin:0 0 5px}
.lf-page.lf-horror .lf-narrative .lf-lead{margin:8px 0 0;font:600 20px/1.4 'Avenir Next','Segoe UI',sans-serif;color:#fff;text-align:left}
.lf-page.lf-horror .lf-horror-interlude{padding:0 16px 12px}
.lf-page.lf-horror .lf-horror-interlude>.lf-illustration{display:block;width:calc(100% + 32px);max-width:none;height:128px;max-height:none;margin:0 -16px 10px;border-radius:0;object-fit:cover;object-position:center}
.lf-page.lf-horror .lf-horror-interlude .lf-lead{margin:10px 0 0;font:400 18px/1.5 'Avenir Next','Segoe UI',sans-serif;color:#ffffffcc;text-align:left}
.lf-page.lf-horror .lf-horror-interlude+.lf-primary{display:block;margin-top:12px}
/* The first interlude uses an open forest banner and a bottom CTA, not a story card. */
.lf-page.lf-horror[data-lf-question="personal-scare"] .lf-content{min-height:calc(100svh - 65px);display:flex;flex-direction:column;padding-bottom:16px}
.lf-page.lf-horror[data-lf-question="personal-scare"] .lf-horror-interlude{background:transparent;border:0;box-shadow:none;padding-bottom:0;text-align:center}
.lf-page.lf-horror[data-lf-question="personal-scare"] .lf-horror-interlude>.lf-illustration{height:112px;margin-bottom:16px}
.lf-page.lf-horror[data-lf-question="personal-scare"] .lf-horror-interlude h1{max-width:350px;margin:0 auto 14px;font:500 22px/1.25 'Avenir Next','Segoe UI',sans-serif;text-align:center}
.lf-page.lf-horror[data-lf-question="personal-scare"] .lf-horror-interlude .lf-lead{max-width:330px;margin:0 auto;font:400 16px/1.45 'Avenir Next','Segoe UI',sans-serif;text-align:center}
.lf-page.lf-horror[data-lf-question="personal-scare"] .lf-primary{width:100%;margin-top:auto}
@media(max-width:500px){
 .lf-page.lf-horror .lf-narrative,.lf-page.lf-horror .lf-horror-interlude{max-width:100vw}
 .lf-page.lf-horror .lf-narrative h1,.lf-page.lf-horror .lf-horror-interlude h1{font-size:28px}
}
/* Final reveal is an open summary statement. No unverified reader post is added. */
.lf-page.lf-horror[data-lf-question="reveal"] .lf-horror-interlude{width:100%;max-width:100%;margin:0 0 24px;transform:none;padding:0;background:transparent;border:0;box-shadow:none;text-align:center}
.lf-page.lf-horror[data-lf-question="reveal"] .lf-horror-interlude h1{margin:16px 0;font:500 22px/1.25 'Avenir Next','Segoe UI',sans-serif;text-align:center}
.lf-page.lf-horror[data-lf-question="reveal"] .lf-horror-interlude .lf-lead{font:400 16px/1.45 'Avenir Next','Segoe UI',sans-serif;text-align:center}