/* Compact redesign (l3), 2026-11-01. landing-variant.js keeps data-landing-variant="l1" on the root and adds
   data-landing-layout="l3", so every l1 style and the hero picker stay as they are. This file only
   (1) hides the [data-l3] blocks everywhere else, (2) hides the long l1 story sections in l3, and
   (3) styles the l3 blocks (the sample's third card, "숫자와 기한", is hidden because #lp-facts covers it): the empathy line on top, the dated count and the three official numbers.
   The two privacy lines (#lp-assure) and the bottom footnote are shared by l1 and l3 since the 11/1 copy pass. Sections stay in the DOM because journey.js / landing-metrics.js / tests reference them. */
html:not([data-landing-layout="l3"]) [data-l3]{display:none!important}

html[data-landing-layout="l3"] #emotional-landing .hero-vs:not(.lp-l3-vs),
html[data-landing-layout="l3"] #emotional-landing #sample .sample-condition,
html[data-landing-layout="l3"] #emotional-landing .hero>.kicker,
html[data-landing-layout="l3"] #emotional-landing .early-story-cta,
html[data-landing-layout="l3"] #emotional-landing .hero-art,
html[data-landing-layout="l3"] #emotional-landing #story,
html[data-landing-layout="l3"] #emotional-landing .chapter,
html[data-landing-layout="l3"] #emotional-landing .promise,
html[data-landing-layout="l3"] #emotional-landing #deliverables .deliver-inside,
html[data-landing-layout="l3"] #emotional-landing #sample-answer>.story-card:nth-of-type(3),
html[data-landing-layout="l3"] #emotional-landing .top-links a[href="#story"]{display:none!important}

/* Hero: the "not decided yet" line opens the page (it takes the kicker's place; the product name stays in the hero copy). */
html[data-landing-layout="l3"] #emotional-landing .lp-l3-empathy{margin:0 0 12px;padding:8px 12px;border-left:3px solid var(--violet);border-radius:0 10px 10px 0;background:var(--lavender);color:var(--violet-dark);font-size:17px;font-weight:700;line-height:1.5;letter-spacing:-.02em;word-break:keep-all}
/* The empathy line above says the same thing as the picker's "읽어 내려가도 괜찮아요"; dropping it keeps the start button on the first phone screen. */
html[data-landing-layout="l3"] #emotional-landing .persona-skip{display:none}
html[data-landing-layout="l3"] #emotional-landing .lp-l3-count{margin-left:2px;font-size:13px;color:#64748b;white-space:nowrap}

/* Shared rhythm of the two new sections. */
html[data-landing-layout="l3"] #emotional-landing .lp-facts,
#emotional-landing .lp-assure{padding:56px 0 60px;border-top:1px solid var(--line)}
html[data-landing-layout="l3"] #emotional-landing .lp-facts{background:#fff}
#emotional-landing .lp-assure{background:var(--paper)}
html[data-landing-layout="l3"] #emotional-landing .lp-facts h2,
#emotional-landing .lp-assure h2{font-size:var(--landing-type-section);line-height:1.45;margin:0 0 24px;letter-spacing:-.03em;word-break:keep-all}

/* Three official numbers, each with its source. */
html[data-landing-layout="l3"] #emotional-landing .lp-facts-list{margin:0;display:grid;gap:12px}
html[data-landing-layout="l3"] #emotional-landing .lp-facts-list>div{padding:18px 18px 16px;border:1px solid #e6e0ec;border-radius:var(--radius);background:var(--paper)}
html[data-landing-layout="l3"] #emotional-landing .lp-facts-list dt{margin:0 0 6px;color:var(--violet);font-size:var(--landing-type-label);font-weight:760;line-height:1.5}
html[data-landing-layout="l3"] #emotional-landing .lp-facts-list dd{margin:0}
html[data-landing-layout="l3"] #emotional-landing .lp-facts-list dd strong{display:block;color:var(--ink);font-size:19px;font-weight:760;line-height:1.45;letter-spacing:-.02em;word-break:keep-all}
html[data-landing-layout="l3"] #emotional-landing .lp-facts-list dd span{display:block;margin-top:6px;color:#5d5661;font-size:15px;line-height:1.7;word-break:keep-all}
html[data-landing-layout="l3"] #emotional-landing .lp-facts-list cite{display:block;margin-top:8px;color:#7b7480;font-size:var(--landing-type-caption);font-style:normal;line-height:1.6}
html[data-landing-layout="l3"] #emotional-landing .lp-facts-open{margin:18px 2px 0;color:#334155;font-size:15px;font-weight:600;line-height:1.7;word-break:keep-all}

/* Two privacy lines. */
#emotional-landing .lp-assure-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
#emotional-landing .lp-assure-list li{margin:0;padding:18px 0;border-bottom:1px solid var(--line)}
#emotional-landing .lp-assure-list strong{display:block;color:var(--ink);font-size:var(--landing-type-lead);font-weight:740;line-height:1.5;letter-spacing:-.02em;word-break:keep-all}
#emotional-landing .lp-assure-list span{display:block;margin-top:4px;color:#5d5661;font-size:15px;line-height:1.7;word-break:keep-all}

/* Notices and number sources, once, right above the site footer (owner 11/1: mid-page notices broke the reading flow). */
#emotional-landing .lp-footnote{margin:0 auto;padding-top:20px;padding-bottom:28px;color:#8a838e;font-size:12px;line-height:1.7;word-break:keep-all}
#emotional-landing .lp-footnote p{margin:0 0 6px}