/* The four General results/paywalls share a design independent of quiz theme. */
.lf-page.lf-general:is([data-lf-stage="summary"],[data-lf-stage="plans"]){--lf-sans:'Lorewish Funnel Roboto','Avenir Next','Segoe UI',sans-serif;--lf-serif:'Lorewish Funnel Marcellus','Iowan Old Style',serif;background:radial-gradient(circle at 14% 10%,#87225738,transparent 30%),radial-gradient(circle at 88% 26%,#4153b133,transparent 32%),linear-gradient(#080a12,#05070d 72%);background-attachment:fixed;color:#fff}
.lf-page.lf-general[data-lf-stage="plans"]{background:radial-gradient(circle at 14% 9%,#87225738,transparent 30%),radial-gradient(circle at 88% 22%,#4153b133,transparent 32%),linear-gradient(#080a12,#05070d 72%);background-attachment:fixed}
.lf-general:is([data-lf-stage="summary"],[data-lf-stage="plans"]) .lf-content-wide{width:min(100%,500px);padding:0}
.lf-general:is([data-lf-stage="summary"],[data-lf-stage="plans"]) .lf-logo{font:400 40px/43px Georgia,serif;letter-spacing:-1.7px;margin:0;color:#fff}
.lf-general:is([data-lf-stage="summary"],[data-lf-stage="plans"]) .lf-logo:after{display:none}
.lf-general[data-lf-stage="summary"] .lf-header{height:63px;max-width:500px;padding:20px 0 0;align-items:flex-start}
.lf-general[data-lf-stage="summary"] .lf-header>.lf-back,.lf-general[data-lf-stage="summary"] .lf-exit{display:none}
.lf-general[data-lf-stage="plans"] .lf-plan-header{height:75px;padding:18px 18px 14px;align-items:center;background:#080a12f2;border-bottom:1px solid #ffffff14}
.lf-general[data-lf-stage="plans"] .lf-plan-jump{min-height:42px;min-width:126px;padding:8px 16px;border:1px solid #f1d09d8c;border-radius:8px;color:#f5dcae;font:700 14px/1 var(--lf-sans)}
.lf-page.lf-general .ls-sales{--ls-gold:#d6a46b;--ls-cream:#f6dfb8;--ls-border:#ffffff1f;width:100%;max-width:500px;color:#fff;font:400 16px/1.5 var(--lf-sans)}
.lf-general .ls-sales .ls-cta{min-height:56px;padding:14px 24px;border:1px solid #f1d09da6;border-radius:8px;background:linear-gradient(135deg,#f6dfb8,#d6a46b);color:#090a0f;font:700 18px/1.2 var(--lf-sans);box-shadow:0 16px 38px #00000057}
.lf-general .ls-sales .ls-bordered{border:1px solid #ffffff1f;border-radius:8px;background:#090b13;box-shadow:0 18px 42px #00000052}
.lf-general .ls-summary{padding:38px 30px 50px}
.lf-page.lf-general .ls-summary>h1{max-width:360px;margin:0 auto;font:400 36px/1.04 var(--lf-serif);letter-spacing:normal;color:#fff8f1}
.lf-general .ls-summary>.ls-match-count{width:min(100%,320px);max-width:none;margin:14px auto 0;padding:10px 37px;border:1px solid #d6a46b59;border-radius:8px;background:#ffffff0b;box-shadow:0 18px 42px #00000052;font:400 17px/1.22 var(--lf-sans);color:#ffffffad}
.lf-general .ls-summary>.ls-match-count>span:first-child{line-height:1.25}
.lf-general .ls-summary>.ls-match-count strong{margin:0;font:400 48px/1 var(--lf-serif);color:#fff8f1}
.lf-general .ls-summary>.ls-section{margin:42px 0 0}
.lf-general .ls-summary .ls-section>h2{margin:0 0 25px;font:400 30px/1.08 var(--lf-serif);letter-spacing:normal;color:#fff8f1}
.lf-general .ls-summary .ls-story-row{display:flex;justify-content:center;gap:11px;width:calc(100% + 60px);margin:0 -30px 24px;overflow:hidden}
.lf-general .ls-summary .ls-story-cover{flex:0 0 143px;width:143px;height:204px;aspect-ratio:auto;border-radius:18px}
.lf-general .ls-summary .ls-art>span{left:12px;right:12px;top:12px;text-align:center;font:400 18px/1.15 var(--lf-serif)}
.lf-general .ls-summary>.ls-synopses{width:min(100%,400px);max-width:none;margin:42px auto 0;padding:20px;overflow:hidden}
.lf-general .ls-summary .ls-synopses article{margin:0 0 20px}
.lf-general .ls-summary .ls-synopses h3{margin:0;font:700 17px/1.3 var(--lf-sans)}
.lf-general .ls-summary .ls-synopses p{margin:0;font:400 17px/1.38 var(--lf-sans);color:#ffffffc7}
.lf-general .ls-summary .ls-synopses article:nth-child(3){filter:blur(2px);user-select:none}
.lf-general .ls-summary .ls-synopsis-end{position:relative;margin-top:-120px;padding:40px 0 0;text-align:center;background:linear-gradient(to top,#090b13 60%,transparent)}
.lf-general .ls-summary .ls-synopsis-end>strong{margin:0;font:400 39px/1 var(--lf-serif);color:#fff8f1}
.lf-general .ls-summary .ls-synopsis-count-label{display:block;margin:0 0 15px;font:700 19px/1.2 var(--lf-sans)}
.lf-general .ls-summary .ls-persona{width:min(100%,400px);min-height:302px;aspect-ratio:auto;margin:0 auto 30px;padding:20px;border:1px solid #ffffff1a;border-radius:8px;gap:32px}
.lf-general .ls-summary .ls-persona:before{content:'';position:absolute;inset:0;background:#0009;pointer-events:none}
.lf-general .ls-summary .ls-persona>*{position:relative;z-index:1}
.lf-general .ls-summary .ls-persona:last-child{margin-bottom:0}
.lf-general .ls-summary .ls-persona>span{max-width:230px;font:600 19px/1.2 var(--lf-sans)}
.lf-general .ls-summary .ls-persona h3{margin:0 0 12px;font:400 25px/1.08 var(--lf-serif);color:#fff8f1}
.lf-general .ls-summary .ls-persona p{margin:0;font:400 17px/1.32 var(--lf-sans);color:#ffffffd1}
.lf-general .ls-summary .ls-preview{width:min(100%,400px);margin:0 auto;overflow:hidden}
.lf-general .ls-summary .ls-scene-art{height:auto;min-height:0;aspect-ratio:648/362}
.lf-general .ls-summary .ls-scene-art:after{inset:auto 0 0;height:84px;background:linear-gradient(to top,#090b13 36%,transparent)}
.lf-general .ls-summary .ls-preview-copy{position:relative;z-index:1;margin-top:-54px;padding:18px 24px 24px;background:#090b13}
.lf-general .ls-summary .ls-preview-copy p{margin:0 0 21px;font:italic 400 17px/1.34 var(--lf-sans);color:#ffffffc7}
.lf-general .ls-summary .ls-preview-copy .ls-choose{margin:21px 0 15px;font:600 17px/1.3 var(--lf-sans);color:#fff}
.lf-general .ls-summary .ls-preview .ls-cta+.ls-cta{margin-top:15px}
.lf-general .ls-summary .ls-summary-close>p{max-width:380px;margin:0 auto 30px;font:400 17px/1.38 var(--lf-sans);color:#ffffffad}

/* A factual product intro occupies the source benefit-card header. */
.lf-general .ls-paywall{padding:120.5px 50px 64px}
.lf-general .ls-paywall>.ls-paywall-title{margin:0 0 12px}
.lf-page.lf-general .ls-paywall>.ls-paywall-title>h1,.lf-page.lf-general .ls-paywall>.ls-paywall-title>h2{width:fit-content;max-width:min(100%,370px);margin:0 auto;white-space:pre-line;font:400 34px/1.08 var(--lf-serif);color:#fff8f1}
.lf-general .ls-paywall>.ls-paywall-title:not(:first-child){margin-top:50px}
.lf-general .ls-paywall .ls-benefits{margin:0 0 30px;padding:0;overflow:hidden;text-align:left;border:1px solid #ffffff1f;border-radius:8px;background:#090b13;box-shadow:0 22px 46px #00000057}
.lf-general .ls-benefits .ls-benefits-intro{margin:0;padding:17px 26px;border-bottom:1px solid #f1d09d33;background:#17101a;color:#f5dcae;white-space:pre-line;font:700 16px/1.3 var(--lf-sans);text-align:center}
.lf-general .ls-benefits-content{padding:24px 22px 28px}
.lf-general .ls-benefits h2{margin:0 0 22px;font:400 26px/1 var(--lf-serif);color:#fff8f1}
.lf-general .ls-benefits li{gap:11px;margin-top:16px;font:400 16px/1.35 var(--lf-sans)}
.lf-general .ls-benefits li>span{font-size:14px;color:#9fce86}
.lf-general .ls-benefits li strong{font-weight:600}
.lf-general .ls-benefits li p{margin-top:4px;font:400 16px/1.35 var(--lf-sans);color:#ffffffd1}
.lf-general .ls-plan{padding:16px;column-gap:12px;border:1px solid #b8b8bd;border-radius:8px;background:#e6e6e8;color:#11131b;box-shadow:0 16px 30px #0000003d}
.lf-general .ls-plan.ls-selected{background:#fff;border:1px solid #d6a46b;box-shadow:0 0 0 2px #d6a46b8c,0 16px 30px #0000003d}
.lf-general .ls-plan-name>strong{font:600 19px/1.22 var(--lf-sans)}
.lf-general .ls-plan-name>small{padding:5px 12px;font:700 12px/1 var(--lf-sans);border-radius:6px;background:#9f2f5b}
.lf-general .ls-plan-options legend{margin-bottom:20px;font:700 20px/1.3 var(--lf-sans)}
.lf-general .ls-paywall .ls-section>h2{font:400 30px/1.12 var(--lf-serif);color:#fff8f1}
.lf-general .ls-features,.lf-general .ls-reasons>.ls-bordered{padding:24px;border:1px solid #ffffff1a;border-radius:8px;background:#ffffff04}
.lf-general .ls-features h2{font:400 26px/1.12 var(--lf-serif)}
.lf-general .ls-features p,.lf-general .ls-reasons p{font:400 16px/1.4 var(--lf-sans);color:#ffffffb3}
.lf-general .ls-faq details{background:#ffffff04;border-bottom:1px solid #ffffff14}
.lf-general .ls-faq summary{padding:16px;font:600 16px/1.35 var(--lf-sans)}
.lf-general .ls-faq details>p{font:400 15px/1.5 var(--lf-sans);color:#ffffffad}
@media(max-width:500px){.lf-general .ls-paywall{padding-left:16px;padding-right:16px}}
@media(max-width:369px){.lf-general .ls-plan-name>strong{font-size:16px;white-space:normal}.lf-general .ls-plan-daily>strong{font-size:43px}.lf-general .ls-plan-name>small{font-size:10px;padding:4px 7px}.lf-general .ls-summary{padding-left:22px;padding-right:22px}.lf-general .ls-summary .ls-story-row{width:calc(100% + 44px);margin-left:-22px;margin-right:-22px}}
