/* v023: light at the opening; quiet grounds, breathing room, and a letter.
   No text, art, claims, or section order changes. */
:root{--v23-ground:#fdf5f8;--v23-rose:#b84465;--v23-ink:#49343e;--v23-line:#ebdbe2;--v23-blue:#d2e5f3;--v23-inset:22px}
html{scroll-padding-top:74px}
body{background:#f5e9ed}
.col{background:var(--v23-ground)}
.bar{background:rgba(255,250,252,.96);border-bottom-color:#ebdbe2}
.bar .brand img{border-radius:0}
.bar .mini{box-shadow:none}
@media(min-width:701px){
 body::before{background:radial-gradient(ellipse at 15% 15%,#fffafc 0,transparent 45%),radial-gradient(ellipse at 90% 75%,#e6eef4 0,transparent 46%),linear-gradient(160deg,#f8eef2,#f1e0e8)}
 .col{box-shadow:0 0 0 1px #ad768212,0 24px 80px #79536112}
}
/* A: only the decorative cafe edge fades; the WHY heading stays untouched. */
#top{background:var(--v23-ground)}
#top .fv{mask-image:linear-gradient(to bottom,#000 calc(100% - 82px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 82px),transparent 100%)}
#why{background:var(--v23-ground)}
#why img{mask-image:linear-gradient(to bottom,transparent,#000 7px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 7px)}
/* Receive the unaltered end of each illustration in a related color. */
#works-wall{padding:20px 0 32px;background:linear-gradient(#fde3e5 0,#fef2f6 86px,#fff7fa 70%,#fff6f8)}
.ww21-kicker{margin:0 22px 12px;font-size:14px;color:var(--v23-rose)}
.p18-wallhead{margin:0}
.hero .wall{margin-top:18px;gap:16px}
.hero .review-note{margin:16px 22px 0;font-size:12px;line-height:1.85;text-align:left;color:#604d56}
.wall .tile figcaption{border-width:1px;box-shadow:none;padding:4px 10px}
.vp-wall{margin-top:8px}
/* Keep the deliberate one-screen offer and its artwork scale. */
#offer{background:linear-gradient(#fff6f8,#fbeef1 64%,#e7eef4);padding-top:6px}
.o21-art{background:linear-gradient(#fff6f8 80%,#b8d4ec)}
.o21-foot{margin:-1px 0 0;padding:0 16px;background:linear-gradient(#b8d4ec,#e7eef4 95px)}
.o21-who img{box-shadow:0 0 0 1px #dca8b8}
.o21 .cta{padding-top:10px}
.o21 .cta .micro{margin-bottom:7px;font-size:12px;padding:1px 8px}
.o21 .o21-after{margin-top:8px}
/* Chapter openings: quiet color fields behind the existing rose headings. */
#real{padding:48px 0 42px;background:linear-gradient(#e7eef4,#fcf6f9 140px,#fcf6f9)}
#ads{padding:48px 0 40px;background:linear-gradient(#fcf6f9,#fbeef3 120px,#fff7fa 75%,#d6e8f6);border-top:1px solid var(--v23-line)}
#works{padding:0 0 30px;background:#fff7fa}
.sm20{padding-top:46px}
#teacher{padding:48px 0 34px;background:linear-gradient(#fff7fa,#fbedf2 35%,#fdf4f7);background-image:linear-gradient(#fff7fa,#fbedf2 35%,#fdf4f7);background-size:auto}
#friends{padding:48px 0 36px;background:linear-gradient(#fde7ee,#fff7fa 130px,#fff7fa);background-size:auto}
#faq{padding:48px 0 38px;background:linear-gradient(#fdf3f7,#fff8fa 65%,#fce8f2);background-size:auto}
.v17h{margin-bottom:24px!important}
.kicker{margin-bottom:12px!important;color:var(--v23-rose)!important;letter-spacing:.08em!important}
.kicker::before{content:none!important}
.kicker::after{content:none}
.r20-block{margin:26px var(--v23-inset) 0}
.r20-ttl{margin-bottom:9px;color:var(--v23-ink)}
.r20-sub{margin-bottom:18px;line-height:1.75}
.r20-gap{margin:38px var(--v23-inset) 16px}
.r19-note,.r20-note,.sm20-note{margin:18px var(--v23-inset) 0;line-height:1.85;color:#604d56}
.r20-lead-note{margin:0 var(--v23-inset) 20px;line-height:1.8;text-align:left}
.ig19{margin-inline:var(--v23-inset)}
.ig19,.igp20{box-shadow:0 8px 25px #6443520d,0 0 0 1px #e0d8dc}
#ads #ad20{gap:10px}
.ad20-b{border-radius:10px;box-shadow:0 3px 12px #61455110}
.ad20-open{margin-top:18px}
.mg20{margin-inline:calc(-1 * var(--v23-inset));padding-bottom:16px}
.mg20-hint{margin-top:8px}
.r19-vids{gap:14px}
.r19-vid figcaption{margin-top:10px}
/* No fade/crop on image conclusions. Padding belongs outside the art. */
#how{background:linear-gradient(#d6e8f6 0,#fdeef3 88%,#fdf6f8);padding-bottom:24px}
#how .how-note{margin:14px 22px 0;line-height:1.85}
#fit{background:#fde6ee;padding-bottom:16px}
#clone{background:#fef2f6}
#clone .p18 + .p18{margin-top:16px}
#clone::after{content:"";display:block;height:30px;background:linear-gradient(#e1ebf5,#fff7fa)}
.p18-gal .mk-out{padding-top:28px}
.mk-out .cta{padding-top:22px}
/* D: one reading surface, using the two original quotations and closing lines. */
.prof19{margin:0 22px;box-shadow:0 6px 20px #8e5f7110,inset 0 0 0 1px #e9d7df;border-radius:18px}
.prof19-face{box-shadow:0 0 0 1px #dbaabb,0 4px 12px #6b485414}
.prof19-ig{background:#fcf2f6;box-shadow:inset 0 0 0 1px #ead7df;border-radius:10px}
.p18-auth{margin-top:24px}
.letter23{position:relative;margin:24px 22px 0;padding:26px 22px 25px;background:#fffdfd;border:1px solid #ebdce2;border-radius:3px 3px 16px 3px;box-shadow:0 8px 24px #8458690b}
.letter23::before{content:"";display:block;width:32px;height:2px;background:#d99cad;margin:0 0 22px}
#teacher .letter23 .q-rikako{margin:0;padding:0;border:0;font-family:var(--sans);font-size:15px;line-height:2;color:#503c45}
#teacher .letter23 .q-big{margin-top:24px;font-family:var(--serif);font-size:21px;line-height:1.85;color:#a84665}
#teacher .letter23 .lead{margin:22px 0 0;padding-top:20px;border-top:1px solid #eee2e7;font-size:14px;line-height:1.9}
#teacher .q-src{margin-top:20px;line-height:1.85;color:#604d56}
/* The blue between gift and meeting belongs to the two original images. */
#gift{background:#d2e5f3}
#gift>.p17:first-of-type{background:#fdf4f7}
#gift .after-panel{padding:22px 24px 16px;background:linear-gradient(#b9d9ee,#d2e5f3);font-size:15px;line-height:1.9;color:#354b5c}
#gift>p.note{margin:0!important;padding:0 24px 28px;background:#d2e5f3;color:#425566;line-height:1.85}
#gift .meet-lead{margin:0;padding:22px 22px 10px;background:#fee1e8;line-height:1.9}
#gift .meeting{margin-top:0}
#gift>.cta{padding:16px 18px 34px;background:linear-gradient(#fee1e8,#fde7ee)}
.collage{margin-inline:22px;gap:8px}
.collage img,.collage .vwrap{border-radius:10px}
#friends .p18-stats{margin-top:26px}
.cards18{margin-inline:22px;gap:20px}
.c18{box-shadow:0 4px 16px #8c5a6c0b,inset 0 0 0 1px #ead9e1}
.chan18{margin:34px 22px 0}
.ch18{padding:18px 16px;box-shadow:inset 0 0 0 1px #ebdce3}
.ch18 .pf{border-width:1px}
#safe{background:#fedce8;padding-bottom:18px}
#flow{background:linear-gradient(#fdf4f7,#fce9f0 83%,#fdf3f7);padding-bottom:22px}
#flow .cta{padding-top:20px}
.faq{margin:0 22px}
.faq details,.faq details:last-child{box-shadow:none;border:1px solid #eadce3;border-radius:12px;margin-bottom:12px;padding:0 16px}
.faq summary{min-height:60px;padding-block:15px;line-height:1.7}
.faq summary::before{background:#f9e8ef;color:#aa3c5c}
.faq details p{padding-bottom:20px;line-height:1.85}
#last{background:#e8bbc6;padding-bottom:0}
#last>.cta{padding:26px 18px 36px;background:linear-gradient(#e8bbc6,#f7e5ed 45%,#fcf1f6)}
.close-after{line-height:1.85}
footer{background:#fcf1f6;border-top:1px solid #eddee5;padding-top:32px}
/* Lighten CTA chrome while keeping its familiar green and hit target. */
.cta .btn{min-height:60px;box-shadow:0 2px 0 #08723b,0 7px 15px #13834c1c;letter-spacing:.025em}
.cta .btn:active{transform:translateY(1px);box-shadow:0 1px 0 #08723b}
.cta .micro{order:-1;position:static;margin:0 0 8px;padding:0 8px;box-shadow:none;background:transparent;color:#157a42;font-size:12px;letter-spacing:.015em;line-height:1.6}
.sticky{background:rgba(255,250,252,.96);border-top-color:#ebdbe2;box-shadow:0 -4px 18px #60455308}
.sticky.sticky-inline23{display:none!important}
.sticky .btn{box-shadow:none}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #527d9b;outline-offset:4px}
@media(max-width:700px){html{scroll-padding-top:0}}
@media(max-width:359px){:root{--v23-inset:18px}.letter23{margin-inline:18px;padding:22px 18px}.prof19,.cards18,.chan18,.collage,.faq{margin-inline:18px}.cta .btn{font-size:14px;letter-spacing:0}.o21 .cta .btn{min-height:58px}.o21 .cta .micro{font-size:11.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}