/* Story-first (l1) mobile compaction, 2026-10-22. The l1 copy was cut to one question per section (see output/landing-rewrite-20261022/카피_스펙_v1.md);
   this tightens the vertical rhythm to match. Phone widths only; every rule is scoped to l1 so the outcome-first (l2) layout is untouched.
   Sections the rewrite removed from view (.breath, .turn, .purpose) stay in the DOM with [hidden] because journey.js / landing-metrics.js / tests reference them. */
#emotional-landing section[hidden]{display:none!important}
html[data-landing-variant="l1"] #emotional-landing .cta-lead{margin:0;font-size:var(--landing-type-label);font-weight:700;color:var(--violet);line-height:1.6}
@media(max-width:740px){
 html[data-landing-variant="l1"] #emotional-landing .hero{padding:44px 23px 18px}
 html[data-landing-variant="l1"] #emotional-landing .hero h1{margin-bottom:16px}
 html[data-landing-variant="l1"] #emotional-landing .hero-copy{margin-bottom:14px;line-height:1.8}
 html[data-landing-variant="l1"] #emotional-landing .hero-art{margin-top:18px;margin-bottom:0}
 html[data-landing-variant="l1"] #emotional-landing .night{margin-top:20px;padding:52px 0 56px}
 html[data-landing-variant="l1"] #emotional-landing .night h2{margin-bottom:22px}
 html[data-landing-variant="l1"] #emotional-landing .night .inner-question{margin-top:28px}
 html[data-landing-variant="l1"] #emotional-landing .chapter{padding:44px 0 48px}
 html[data-landing-variant="l1"] #emotional-landing .chapter h2{margin-bottom:18px}
 html[data-landing-variant="l1"] #emotional-landing .chapter p{line-height:1.9}
 html[data-landing-variant="l1"] #emotional-landing .image-stretch.wide{margin-top:28px}
 html[data-landing-variant="l1"] #emotional-landing .service-summary{margin:18px 0 0}
 html[data-landing-variant="l1"] #emotional-landing .service-summary p{margin:0 0 6px;line-height:1.7}
 html[data-landing-variant="l1"] #emotional-landing .search .query{margin:26px 0 8px}
 html[data-landing-variant="l1"] #emotional-landing .search-queries{margin-bottom:14px}
 html[data-landing-variant="l1"] #emotional-landing .chapter .reply-actions{padding-top:18px;gap:10px}
 html[data-landing-variant="l1"] #emotional-landing .real{padding:48px 0 52px}
 html[data-landing-variant="l1"] #emotional-landing .real .eyebrow{margin-bottom:12px}
 html[data-landing-variant="l1"] #emotional-landing .real h2{margin-bottom:16px}
 html[data-landing-variant="l1"] #emotional-landing .journey{margin:24px 0 0}
 html[data-landing-variant="l1"] #emotional-landing .story-card{padding:18px 0;gap:6px}
 html[data-landing-variant="l1"] #emotional-landing .story-result{line-height:1.8}
 html[data-landing-variant="l1"] #emotional-landing .journey small{margin-top:14px}
 html[data-landing-variant="l1"] #emotional-landing .promise{padding:44px 0 48px}
 html[data-landing-variant="l1"] #emotional-landing .promise .truths{margin-top:20px}
 html[data-landing-variant="l1"] #emotional-landing .promise .promise-line{margin:18px 0 0}
 html[data-landing-variant="l1"] #emotional-landing .last{padding:56px 23px 60px}
 html[data-landing-variant="l1"] #emotional-landing .last h2{margin-bottom:14px}
 html[data-landing-variant="l1"] #emotional-landing .mini-faq{padding:40px 0 48px}
}
