/* Selected lower-page option 1. Hero styles intentionally untouched. */
.card-duo{background:var(--lavender);border-radius:24px;padding:45px 55px;max-width:900px}.card-duo h2{font-size:44px}.card-duo h2 span,#inside h2 span{color:var(--accent)}.duo-images{display:flex;gap:18px;max-width:660px;margin:36px auto 0;align-items:end;padding:0 12px}.duo-images figure{width:50%;text-align:center}.duo-images figure:first-child{position:relative;z-index:1;transform:rotate(-2deg)}.duo-images figure:last-child{transform:rotate(3deg);margin-left:-20px;margin-bottom:1px}.original-card{padding:0;border:0;background:white;border-radius:15px;box-shadow:0 12px 16px #17103424;display:block;width:100%}.original-card img{width:100%;border-radius:15px}.duo-images figcaption{display:inline-block;margin-top:20px;background:var(--accent);color:white;border-radius:18px;padding:8px 21px;font-size:16px}.duo-images figure:last-child figcaption{transform:rotate(-3deg)}.duo-images figure:first-child figcaption{transform:rotate(2deg)}.visual-details{margin-top:30px;border-top:1px solid #d8d3f0;padding-top:14px;font-size:17px}.visual-details summary{color:var(--accent);font-weight:700;min-height:44px;padding:10px 0;cursor:pointer}.visual-details>p{margin-top:14px}.visual-details>ul{padding-left:22px;display:grid;gap:12px;margin-block:18px}.visual-conversation{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0 20px;max-width:900px;padding-top:40px}.dialogue-copy{position:relative;z-index:1}.dialogue-copy h2{font-size:38px;margin-bottom:35px}.dialogue-question,.dialogue-answer{border-radius:22px;padding:22px 24px;line-height:1.4;font-size:23px;max-width:360px}.dialogue-question{background:var(--lavender);margin-bottom:16px}.dialogue-answer{background:var(--accent);color:white;font-weight:700}.dialogue-note{font-size:13px;color:var(--muted);margin-top:12px}.conversation-boy{width:100%;align-self:end;object-fit:contain}.conversation-guide{grid-column:1/-1;margin-top:0}.conversation-guide .spoken-example{border:0;padding:15px 0;margin:0;max-width:720px}.visual-conversation+.section{padding-top:50px}.category-list{gap:24px;grid-template-columns:repeat(3,1fr)}.category{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:white;box-shadow:0 6px 15px #17103406}.category summary{display:grid;grid-template-columns:1fr 25px;gap:0;padding:0;align-items:start}.category summary img{grid-column:1/-1;transform:none;border-radius:0;width:100%;height:215px;object-fit:contain;background:var(--lavender);padding:14px}.category summary img.category-art{object-fit:cover;padding:0}.category:nth-child(2n) summary img{background:#ffead4}.category:nth-child(3n) summary img{background:#eaf4f2}.category summary>span{padding:20px 0 20px 20px}.category summary strong{font-size:21px}.category summary span span{font-size:16px}.category summary b{margin:18px 10px 0 0;font-size:23px}.category-expand{font-size:14px}.category-body{padding:0 20px 22px}.category-body>p{font-size:17px}.gap-examples article{display:grid;grid-template-columns:90px 1fr;gap:12px 20px;align-content:start}.gap-examples article img{grid-column:1;grid-row:1/3;width:90px;box-shadow:0 4px 12px #17103410;border-radius:6px}.gap-examples article h3{grid-column:2;font-size:20px;margin:0}.gap-examples article p{grid-column:2;font-size:17px}.gap-examples{grid-template-columns:1fr;max-width:820px}.gap-examples article{padding:24px 0;border-top:1px solid var(--line)}.offer-card-preview{display:flex;align-items:center;justify-content:center;margin:0 0 30px;gap:12px;padding:10px}.offer-card-preview img{width:29%;border-radius:8px;box-shadow:0 10px 20px #0004;transform:rotate(-7deg)}.offer-card-preview img:nth-child(2){transform:translateY(-8px);z-index:1}.offer-card-preview img:nth-child(3){transform:rotate(7deg)}
@media(max-width:1050px){.category-list{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.card-duo{width:calc(100% - 28px);padding:26px 18px 12px;border-radius:20px}.card-duo h2{font-size:31px;margin-left:6px}.duo-images{margin-top:25px;gap:12px;padding-inline:3px}.duo-images figure:last-child{margin-left:-12px}.original-card,.original-card img{border-radius:10px}.duo-images figcaption{font-size:14px;padding:7px 18px;margin-top:16px}.visual-details{font-size:17px;margin-top:22px}.visual-details summary{font-size:15px}.visual-conversation{padding-top:24px;width:calc(100% - 28px);grid-template-columns:46% 54%;gap:0}.dialogue-copy h2{font-size:23px;line-height:1.2;margin-bottom:18px}.dialogue-question,.dialogue-answer{font-size:16px;padding:15px 13px;border-radius:16px;line-height:1.45}.dialogue-question{margin-bottom:12px}.dialogue-note{font-size:11px}.conversation-boy{width:115%;max-width:115%;margin-left:-15%;align-self:center}.conversation-guide{margin-top:12px}.conversation-guide .spoken-example{padding:15px 5px}.category-list{gap:14px;grid-template-columns:1fr 1fr}.category summary{grid-template-columns:1fr 18px;gap:0;padding:0}.category summary img{height:150px;padding:10px}.category summary>span{padding:15px 0 16px 13px}.category summary strong{font-size:18px;line-height:1.25}.category summary span span{display:none}.category summary b{margin:12px 5px 0 0;font-size:22px}.category-expand{font-size:13px;line-height:1.4}.category-body{padding:0 13px 18px}.category[open]{grid-column:1/-1}.category[open] summary{grid-template-columns:100px 1fr 24px;align-items:center}.category[open] summary img{grid-column:1;height:125px;padding:8px}.category[open] summary img.category-art{object-fit:cover;padding:0}.category[open] summary>span{padding:15px}.category[open] summary span span{display:block;font-size:16px}.category[open] summary b{margin:0}.gap-examples article{grid-template-columns:82px 1fr;gap:10px 17px}.gap-examples article img{width:82px}.gap-examples article h3{font-size:20px}.gap-examples article p{font-size:17px}.problem-shift{padding-top:35px}.mother-voice{margin-top:30px}.offer-card-preview{max-width:360px;margin-inline:auto}.visual-conversation+.section{padding-top:35px}}
@media(max-width:359px){.dialogue-copy h2{font-size:21px}.dialogue-question,.dialogue-answer{font-size:15px;padding:12px 10px}.category summary strong{font-size:17px}.category summary img{height:130px}}
@media(max-width:900px){.dialogue-copy h2{font-size:21px;letter-spacing:-.04em}.dialogue-copy{padding-top:3px}.category-expand{font-size:13px}}
/* Intrinsic text widths must not widen the category grid on narrow screens. */
#inside,.category-list,.category,.category summary,.category summary>span,.category-body{min-width:0;max-width:100%}
.category-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.category summary{grid-template-columns:minmax(0,1fr) 25px}
.category summary strong,.category summary span span,.category-expand,.category-body{overflow-wrap:anywhere}
@media(max-width:1050px){.category-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.category summary{grid-template-columns:minmax(0,1fr) 18px}.category[open] summary{grid-template-columns:minmax(0,85px) minmax(0,1fr) 24px}.category[open] summary>span{padding:12px}.category summary img.category-art{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.category[open] summary img.category-art{height:110px;aspect-ratio:auto}}
/* Keep the expanded indicator within its own grid track. */
.category[open] summary b{transform:none;font-size:0;line-height:24px;width:24px;height:24px;text-align:center}
.category[open] summary b:after{content:'−';font-size:22px}
/* Expanded categories retain the illustration's complete composition. */
.category{--category-tint:#f3efff;--category-marker:#5141b4}
.category:nth-child(2){--category-tint:#fff2e7;--category-marker:#914710}
.category:nth-child(3){--category-tint:#eaf6ef;--category-marker:#286347}
.category:nth-child(4){--category-tint:#f8edf7;--category-marker:#824174}
.category:nth-child(5){--category-tint:#eaf3ff;--category-marker:#345c95}
.category:nth-child(6){--category-tint:#fff0f1;--category-marker:#954553}
.category[open]{border-color:#c9c1e6}
.category[open] summary{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center}
.category[open] summary img.category-art{grid-column:1/-1;grid-row:1;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;padding:0}
.category[open] summary>span{grid-column:1;grid-row:2;padding:22px 20px 18px}
.category[open] summary strong{font-size:23px;line-height:1.25}
.category[open] summary span span{display:none}
.category[open] summary b{grid-column:2;grid-row:2;justify-self:start;align-self:center;margin:0;color:var(--category-marker)}
.category[open] .category-body{padding:0 20px 24px}
.category[open] .category-body>p{background:var(--category-tint);color:var(--ink);border-left:3px solid var(--category-marker);padding:16px 17px;font-size:17px;line-height:1.6;border-radius:0 10px 10px 0}
.category[open] .category-body h3{font-size:18px;margin:27px 0 10px;color:var(--ink);line-height:1.4}
.category[open] .category-body ul{list-style:none;counter-reset:situations;display:block;padding:0;margin:0}
.category[open] .category-body li{counter-increment:situations;display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:baseline;font-size:17px;line-height:1.55;padding:15px 2px;border-bottom:1px solid var(--line)}
.category[open] .category-body li:before{content:counter(situations,decimal-leading-zero);color:var(--category-marker);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.category[open] .category-body li:last-child{border-bottom:0}
.category-close{margin-top:16px;width:100%;min-height:46px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--accent);font:inherit;font-size:15px;font-weight:700}
@media(max-width:900px){.category[open] summary{grid-template-columns:minmax(0,1fr) 40px}.category[open] summary>span{padding:19px 18px 16px}.category[open] .category-body{padding:0 18px 18px}.category[open] summary strong{font-size:22px}.category[open] .category-body li{font-size:17px}}
/* Equal collapsed tile height and a consistent action baseline. */
.category:not([open]) summary>span{display:flex;flex-direction:column;min-height:265px;align-self:stretch}
.category:not([open]) .category-expand{margin-top:auto;padding-top:14px}
@media(max-width:900px){.category:not([open]) summary>span{min-height:150px}}

/* Keep the long scenario headline out of the narrow dialogue column. */
.conversation-title{grid-column:1/-1;margin:0 0 30px;letter-spacing:-.025em}
.conversation-title-intro{display:block;font-size:24px;font-weight:600;line-height:1.3;margin-bottom:10px}
.conversation-title-quote{display:block;color:var(--accent);font-size:44px;line-height:1.08;font-weight:800}
@media(max-width:900px){.conversation-title{margin:0 6px 26px}.conversation-title-intro{font-size:20px;line-height:1.35;max-width:28ch;margin-bottom:10px}.conversation-title-quote{font-size:clamp(29px,8.1vw,38px);line-height:1.1;letter-spacing:-.035em}.visual-conversation .dialogue-copy{min-width:0}}