/* On My Terms / Next Chapter — the coordinated brand layer.
   Real photography, warm paper, teal ink, apricot and butter-yellow accents.
   Shared controls use the same language; writing stays calm and focused. */
:root{--paper:#faf9f5;--white:#fffefb;--ink:#153e3e;--muted:#52645f;--blue:#174e4b;--pale:#e7efea;--line:#d4ddd5;--warm:#fae4d1;--accent:#854b2c;--apricot:#efb78e;--butter:#f1dd93;--teal:#123e3e;--measure:1360px}
body{background:var(--paper)}.ui-icon{width:26px;height:26px;flex-shrink:0;vertical-align:middle}.brand-symbol{width:36px;height:36px;flex-shrink:0;color:var(--teal)}.brand{gap:11px}.brand-name{font-size:30px}.brand-tagline{font-size:13px}.button{border-radius:32px;min-height:58px;padding:14px 25px;gap:18px}.button .ui-icon{width:22px;height:22px}.button.secondary{border-color:#78938b}.site-header{border-bottom:0}.site-header nav .nav-workbook{border-radius:28px;background:var(--teal);color:var(--white);border-color:var(--teal);padding:11px 20px}.site-header nav .nav-workbook:hover{background:#235c58}.commerce-banner{background:#f4ede0;color:#5b513d}.eyebrow{color:var(--accent);letter-spacing:.12em;font-size:14px}.text-link{gap:14px}.brand-symbol+span{min-width:0}button,a,input,select,textarea{touch-action:manipulation}
/* The photo is a background at every width; content stays above the contrast layer. */
body[data-page=home] .site-header,body[data-page=how] .site-header{position:absolute;z-index:3;top:72px;left:50%;transform:translateX(-50%);width:calc(100% - 128px);max-width:1200px;background:#fffefa;box-shadow:0 4px 18px #153e3e12;border:1px solid #ffffff80;border-radius:15px;padding:17px 24px;gap:20px}
body[data-page=home] .brand-tagline,body[data-page=how] .brand-tagline{display:none}body[data-page=home] .site-header nav,body[data-page=how] .site-header nav{font-size:16px;gap:24px}
body[data-page=home] .commerce-banner,body[data-page=how] .commerce-banner{max-width:none;min-height:44px;justify-content:center;padding:8px 24px;font-size:14px}
.editorial-home{max-width:none;width:100%;overflow:clip}.chapter-hero{position:relative;isolation:isolate;max-width:1440px;min-height:750px;margin:14px auto 0;background:var(--teal);overflow:hidden;border-radius:18px;display:flex;align-items:flex-end;padding:160px 76px 68px}
.chapter-hero-image{position:absolute;inset:0;z-index:0;margin:0;pointer-events:none}.chapter-hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:70% 42%}.chapter-hero-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(8,43,42,.96) 0%,rgba(8,43,42,.90) 27%,rgba(8,43,42,.67) 43%,rgba(8,43,42,.17) 67%,rgba(8,43,42,.07) 100%),linear-gradient(0deg,rgba(8,43,42,.88),transparent 45%)}
.chapter-hero-copy{position:relative;z-index:2;max-width:640px;color:#fffdf3}.chapter-hero-copy .eyebrow{color:#f1d9a5;font-size:14px;letter-spacing:.12em;margin:0 0 24px}.chapter-hero h1{font-size:clamp(58px,6vw,84px);line-height:1.03;letter-spacing:-.045em;text-wrap:initial}.chapter-hero h1 em{font-weight:400;color:#f1d9a5}.chapter-hero-copy>p:not(.eyebrow):not(.hero-note){max-width:485px;font-size:21px;line-height:1.65;margin-top:28px;color:#f6f4e9}.chapter-hero .hero-actions{margin-top:32px;gap:20px 26px}.chapter-hero .button{background:#f7e3ad;border-color:#f7e3ad;color:#163e3b;box-shadow:0 3px 0 #082b2a20}.chapter-hero .button:hover{background:#fff0cb}.hero-sample{color:#fffdf3;font-size:18px;padding:12px 0;min-height:48px;text-underline-offset:6px}.chapter-hero-copy .hero-note{font-size:16px;line-height:1.6;margin-top:19px;color:#f1ead8}.hero-side-note{position:absolute;z-index:2;right:54px;bottom:49px;display:flex;align-items:center;gap:15px;color:#fff9e5}.hero-side-note .ui-icon{height:56px;width:56px;color:#f1d9a5}.hero-side-note span{font:italic 22px/1.3 var(--serif)}
.promise-strip{max-width:1200px;margin:0 auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.promise-strip>span{display:flex;align-items:center;gap:13px;font-size:17px;color:#254f48}.promise-strip .ui-icon{width:24px;height:24px;color:#487063}.editorial-home .return-strip{max-width:1160px;margin:26px auto 0;border:0;border-radius:14px;background:#e5eee5;padding:22px 28px}
.section-intro{text-align:center;max-width:740px;margin:auto}.section-intro h2{font-size:46px;line-height:1.17}.section-intro>p:last-child{font-size:20px;line-height:1.65;color:var(--muted);max-width:650px;margin:22px auto 0}.story-steps{max-width:1280px;margin:auto;padding:84px 40px 88px}.journey-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:43px 0 0;padding:0;list-style:none}.journey-card{border:1px solid #153e3e0c;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.joy-card{background:#f9e9d5}.words-card{background:#e6eee8}.share-card{background:#f2f0da}.step-art{position:relative;height:210px;margin:0 22px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #153e3e1a}.step-copy{padding:27px 28px 32px}.step-label{font:600 12px/1.5 var(--sans);letter-spacing:.12em;color:#6c5a40}.step-copy h3{font-size:29px;margin:12px 0 16px;line-height:1.15;letter-spacing:-.025em}.step-copy p{font-size:18px;line-height:1.6;color:#465e54}.sun-round{position:absolute;right:9px;top:23px;width:96px;height:96px;background:#f1c36b;border-radius:50%;display:grid;place-items:center;color:#684521}.sun-round .ui-icon{height:67px;width:67px;stroke-width:1}.joy-note{position:absolute;top:34px;left:5px;font:italic 20px/1.3 var(--serif);max-width:150px;color:#634c34}.joy-tag{position:absolute;left:0;top:93px;transform:rotate(-6deg);padding:10px 22px;border-radius:7px;background:#fffaf2;font-size:17px;border:1px solid #e8d0ad;box-shadow:0 4px 0 #ad754e0a}.joy-tag.second{left:65px;top:146px;transform:rotate(5deg);background:#f7d7ba}.mini-sheet{position:relative;width:210px;min-height:175px;padding:20px 22px 16px;background:#fffefa;border:1px solid #d2dcd2;border-radius:8px;box-shadow:8px 7px 0 #c7d7c780;transform:rotate(-3deg);align-self:end;margin-bottom:16px}.mini-sheet>span{font:10px/1 var(--sans);letter-spacing:.14em;color:#667e70;display:block}.mini-sheet strong{display:block;font:21px/1.2 var(--serif);margin:13px 0}.mini-sheet i{height:4px;border-radius:4px;display:block;background:#dde4d9;width:95%;margin:8px 0}.mini-sheet i+i{width:70%}.mini-sheet>div{display:flex;gap:7px;align-items:center;font-size:12px;color:#466452;margin-top:15px}.mini-sheet .ui-icon{width:17px;height:17px}.connection-circle{width:78px;height:78px;display:grid;place-items:center;border-radius:50%;font:26px var(--serif);position:relative;z-index:1}.connection-circle.one{background:#f7e2a2;border:1px solid #d3bb74}.connection-circle.two{background:#d8e8df;border:1px solid #9ebaac}.connection-circle.two .ui-icon{width:35px;height:35px;color:#41624e}.connection-line{height:1px;width:66px;border-top:2px dashed #8da792}.share-note{position:absolute;bottom:28px;padding:5px 15px;border:1px solid #d5d4b6;border-radius:20px;background:#fffef1;font-size:14px;color:#4f624d}
.together-story{max-width:1200px;margin:0 auto 88px;display:grid;grid-template-columns:1fr 1fr;border-radius:18px;overflow:hidden;background:#683b27}.together-story>figure{margin:0;min-width:0}.together-story img{display:block;width:100%;height:100%;object-fit:cover;object-position:48% center;min-height:620px}.together-copy{padding:54px 48px;color:#fff5e5}.together-copy .eyebrow{color:#f0cba7;font-size:13px}.together-copy h2{font-size:45px;line-height:1.13;letter-spacing:-.035em}.together-copy h2 em{color:#f0ce99}.together-copy>p:not(.eyebrow){font-size:19px;line-height:1.65;margin-top:25px;color:#fff0e0}.together-copy ul{list-style:none;margin:30px 0 0;padding:0}.together-copy li{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-top:1px solid #d9b79955;font-size:19px}.together-copy li:last-child{border-bottom:1px solid #d9b79955}.together-copy li .ui-icon{color:#e9c894;width:23px;height:23px}.together-copy>p.together-foot{font-size:17px}.together-copy .text-link{color:#fff6e7;font-size:17px;margin-top:17px}
.reflection-play{max-width:1200px;margin:0 auto 88px;padding:56px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;background:#f4e1c8;border-radius:18px}.reflection-heading h2{font-size:43px;line-height:1.15}.reflection-heading>p:not(.eyebrow){font-size:19px;color:#596251;margin-top:24px;max-width:420px}.topic-choices{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.topic-choices button{display:inline-flex;gap:9px;align-items:center;min-height:48px;padding:10px 15px;border:1px solid #8b9b83;background:#fffdf3;color:#274c40;border-radius:25px;font-size:17px;line-height:1.35}.topic-choices .ui-icon{width:21px;height:21px}.topic-choices button[aria-pressed=true]{background:var(--teal);color:#fffaf0;border-color:var(--teal)}.topic-choices button:hover{box-shadow:0 0 0 2px #244f4430}.play-start{border:0;background:transparent;color:var(--blue);margin-top:23px;padding:8px 0;text-decoration:underline;text-underline-offset:5px;text-align:left}.play-start .ui-icon{width:21px;height:21px}.reflection-paper{align-self:stretch;background:#fffef7;border:1px solid #dbc9ab;border-radius:10px;padding:30px 32px;box-shadow:0 12px 30px #6b4f2910;display:flex;flex-direction:column;justify-content:center}.paper-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d7ddcf;padding-bottom:19px;margin-bottom:27px;color:#395c4d}.paper-top>span{font-size:12px;letter-spacing:.16em}.paper-top .ui-icon{width:32px;height:32px;color:#a67534}.preview-kicker{font-size:15px;color:#876044}.reflection-paper h3{font-size:32px;line-height:1.22;letter-spacing:-.025em;margin-top:15px;text-wrap:pretty}.reflection-paper p{font-size:18px;color:#5c6b5f;line-height:1.7;margin-top:21px}.preview-foot{display:block;font-size:14px;line-height:1.55;color:#637264;margin-top:26px;padding-top:20px;border-top:1px solid #d7ddcf}
.guide-contents{max-width:1200px;margin:0 auto;padding:0 0 88px;display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.section-emblem{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:#e6ead2;color:#466242;margin-bottom:25px}.section-emblem .ui-icon{height:31px;width:31px}.contents-intro h2{font-size:48px;line-height:1.13}.contents-intro h2 em{color:#8e5d36}.contents-intro>p:not(.eyebrow){font-size:19px;color:var(--muted);margin-top:27px;max-width:420px}.contents-price{display:flex;align-items:center;gap:20px;margin-top:32px}.contents-price>strong{font:47px/1 var(--serif)}.contents-price>span{font-size:16px;color:var(--muted);line-height:1.6}.contents-intro>.text-link{margin-top:14px}.contents-list{list-style:none;padding:0;margin:0}.contents-list li{border-bottom:1px solid var(--line)}.contents-list li:first-child{border-top:1px solid var(--line)}.contents-list a{display:flex;align-items:center;gap:20px;padding:22px 0;color:var(--ink);text-decoration:none}.contents-list a:hover strong{text-decoration:underline;text-underline-offset:5px}.contents-number{font:18px var(--serif);display:grid;place-items:center;flex-shrink:0;width:45px;height:45px;border:1px solid #c4d1c0;border-radius:50%;background:#f0f2e6}.contents-list strong{display:block;font:24px/1.25 var(--serif);letter-spacing:-.02em}.contents-list div>span{display:block;font-size:16px;line-height:1.55;color:var(--muted);margin-top:8px}.contents-list .ui-icon{width:20px;height:20px;margin-left:auto;flex-shrink:0}
.questions-space{border-top:1px solid var(--line);max-width:1200px;margin:0 auto;padding:64px 0 78px;display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.questions-space h2{font-size:42px;line-height:1.17}.questions-space>div>p:not(.eyebrow){font-size:19px;color:var(--muted);margin-top:23px}.questions-space .text-link{font-size:17px;margin-top:20px}.questions-space .home-faq details{padding:14px 0}.questions-space .home-faq summary{font:500 20px/1.5 var(--sans);padding:10px 15px 10px 0}.questions-space .home-faq details>p{font-size:18px;line-height:1.7}
.chapter-invitation{position:relative;max-width:1280px;margin:0 auto 30px;padding:54px 60px;display:flex;align-items:center;gap:30px;justify-content:space-between;border-radius:20px;background:#efbc98;color:#3d3e2e}.chapter-invitation .eyebrow{font-size:12px;color:#67452f;letter-spacing:.09em}.chapter-invitation h2{font-size:46px;line-height:1.14}.chapter-invitation p:not(.eyebrow){font-size:19px;margin-top:22px}.invitation-flower{align-self:flex-start;color:#8c5028;padding-top:13px}.invitation-flower .ui-icon{width:72px;height:72px;stroke-width:1}.invitation-actions{display:flex;align-items:center;flex-direction:column;gap:15px;flex-shrink:0}.invitation-actions>span{font-size:15px;color:#5f4b39}.chapter-invitation>.invitation-actions .button{min-width:245px}
/* The same material and color system carries into the actual guide. */
body[data-page=workbook]{background:#e9f0eb}.question-panel{border-radius:18px;border:1px solid #cbd9ce;box-shadow:0 8px 28px #173e3605;border-top:4px solid #dfc591}.free-workbook .question-panel{border-radius:18px}.question-dot{background:#fffef8;border-color:#aabfae}.question-dot.answered:not(.current){background:#f0e3b2}.question-dot.current{background:var(--teal);border-color:var(--teal)}.workbook-context{color:#3f6256}.focused-question textarea{border-radius:9px;background:#fffefa;border-color:#8da595}.answer-alternatives{border-color:#d9dfd3}.answer-options button{border-radius:18px}.overview-heading{background:#e1ece5;border-radius:20px;padding:36px}.overview-status{border-color:#c7d7cb}.chapter-number{background:#eee4bb;border-radius:14px;width:44px;min-height:44px;display:grid;place-items:center;font-size:21px}.chapter-row{gap:18px}.next-step{border:0;border-radius:18px;background:#f4dfc5;padding:32px}.workspace-links>a{padding-inline:8px}.finish-aside{border-radius:18px;background:#e3eddf}.guide{border-top-color:#c6a36d;border-radius:12px}.offer{border-top-color:#c6a36d;border-radius:16px}.notice{border-left-color:#698d72;border-radius:0 12px 12px 0}.reading-card .small-step{border-radius:12px;background:#eeedd4}.privacy-content .settings{padding:26px 20px;background:#f1f2e8;border-radius:14px}.past-answer{border-radius:0 12px 12px 0}.sample-banner{border-radius:10px;background:#f4dfc5}dialog{border-radius:20px;background:#fffdf6;box-shadow:0 25px 80px #113b3b30}dialog::backdrop{background:#123e3eb0}dialog .eyebrow{color:#86582e}.optional-setup{border-color:#d3ddcf}.toast{border-radius:12px}footer{max-width:none;background:var(--teal);color:#fff8e8;border:0;padding:54px max(40px,calc((100% - 1200px)/2)) 30px;margin-top:24px}footer a,footer .footer-brand{color:#fff8e8}footer .footer-heading p,footer .footer-note{color:#d8e5d7}footer .footer-note{border-top-color:#c5d8ca40}.footer-brand{font-size:36px}
/* Desktop photography fills the window; reading widths remain comfortable. */
@media(min-width:1001px){
 body[data-page=home],body[data-page=how]{--hero-gutter:clamp(32px,5vw,96px)}
 body[data-page=home] .site-header,body[data-page=how] .site-header{top:76px;width:calc(100% - 2 * var(--hero-gutter));max-width:none}
 .editorial-home .chapter-hero{max-width:none;width:100%;margin:0;border-radius:0;min-height:max(750px,calc(100svh - 52px));padding:160px calc(var(--hero-gutter) + 24px) 72px;align-items:center}
 .chapter-hero-copy{padding-left:0}
 .hero-side-note{right:var(--hero-gutter)}
}
@media(max-width:1250px){.chapter-hero{margin-inline:14px;padding-inline:52px;min-height:730px}.chapter-hero h1{font-size:72px}.chapter-hero-copy{max-width:570px}.hero-side-note{right:35px;bottom:38px}.together-story,.reflection-play,.guide-contents,.questions-space{margin-inline:40px}.chapter-invitation{margin-inline:26px;padding:45px 38px;gap:25px}.invitation-flower .ui-icon{width:54px;height:54px}.chapter-invitation h2{font-size:42px}.guide-contents,.questions-space{gap:55px}.together-copy{padding:40px 35px}.together-copy h2{font-size:40px}.reflection-play{padding:44px;gap:40px}.reflection-heading h2{font-size:39px}.reflection-paper{padding:26px}.journey-card .step-copy{padding:26px 23px}.step-copy h3{font-size:27px}.promise-strip{margin-inline:35px;padding-inline:0}}
@media(max-width:1000px){body[data-page=home] .site-header,body[data-page=how] .site-header{width:calc(100% - 76px);padding:15px 20px}.site-header .brand-name{font-size:27px}.brand-symbol{width:31px;height:31px}body[data-page=home] .site-header nav,body[data-page=how] .site-header nav{gap:17px;font-size:15px}.chapter-hero{padding:150px 42px 54px;min-height:710px}.chapter-hero h1{font-size:65px}.chapter-hero-copy{max-width:530px}.chapter-hero-copy>p:not(.eyebrow):not(.hero-note){font-size:20px;max-width:430px}.hero-side-note{display:none}.chapter-hero-shade{background:linear-gradient(90deg,#082b2aee 0%,#082b2ad9 35%,#082b2a20 100%),linear-gradient(0deg,#082b2ac9,transparent 80%)}.promise-strip>span{font-size:15px;gap:9px}.story-steps{padding-inline:28px}.journey-cards{gap:16px}.step-art{margin-inline:16px;height:190px}.joy-note{font-size:18px;max-width:120px}.sun-round{width:70px;height:70px;right:0}.sun-round .ui-icon{width:50px;height:50px}.joy-tag{font-size:15px;padding:9px 16px}.joy-tag.second{left:20px;top:138px}.mini-sheet{width:180px;padding:17px}.mini-sheet strong{font-size:20px}.connection-circle{width:65px;height:65px}.connection-line{width:40px}.step-copy p{font-size:17px}.step-copy h3{font-size:26px}.together-story{margin-inline:28px}.together-copy{padding:34px 30px}.together-copy h2{font-size:37px}.together-copy>p:not(.eyebrow){font-size:18px}.together-copy li{font-size:17px}.reflection-play{margin-inline:28px;padding:34px;gap:32px}.reflection-heading h2{font-size:35px}.reflection-paper h3{font-size:28px}.guide-contents,.questions-space{margin-inline:35px;gap:45px}.contents-intro h2{font-size:43px}.chapter-invitation{flex-wrap:wrap}.invitation-flower{display:none}.chapter-invitation h2{font-size:40px}.invitation-actions{align-items:flex-start}.overview-heading{padding:28px}.contents-list strong{font-size:23px}}
@media(max-width:760px){
 body[data-page=home] .site-header,body[data-page=how] .site-header{position:relative;inset:auto;transform:none;width:auto;margin:0;border-radius:0;padding:20px 22px 15px;display:block;box-shadow:none;background:var(--paper)}
 body[data-page=home] .site-header nav,body[data-page=how] .site-header nav{margin-top:18px;justify-content:space-between;gap:8px 14px;font-size:15px}.site-header nav .nav-workbook{padding:9px 15px;gap:9px}.site-header .brand-name{font-size:29px}.brand-symbol{width:34px;height:34px}body[data-page=home] .commerce-banner,body[data-page=how] .commerce-banner{font-size:13px;padding:8px 20px;text-align:center;min-height:36px}.editorial-home{overflow:clip}
 .chapter-hero{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;padding:0;margin:0 10px;min-height:690px;border-radius:20px}.chapter-hero-image{position:absolute;inset:0;height:100%;z-index:0}.chapter-hero-image img{object-position:72% top;height:100%;width:100%;object-fit:cover}.chapter-hero-shade{display:block;background:linear-gradient(180deg,rgba(8,35,32,.03) 0%,rgba(8,35,32,.10) 22%,rgba(8,35,32,.72) 38%,rgba(8,35,32,.94) 57%,rgba(8,35,32,.97) 100%)}.chapter-hero-copy{max-width:none;padding:260px 27px 30px;background:transparent;order:1}.chapter-hero-copy .eyebrow{font-size:12px;margin-bottom:16px;letter-spacing:.08em}.chapter-hero h1{font-size:clamp(43px,10.5vw,62px);line-height:1.06;letter-spacing:-.04em}.chapter-hero h1 br{display:none}.chapter-hero h1 em{display:block}.chapter-hero-copy>p:not(.eyebrow):not(.hero-note){font-size:18px;line-height:1.6;max-width:540px;margin-top:20px}.chapter-hero .hero-actions{margin-top:24px;display:flex;flex-direction:column;align-items:stretch;gap:8px}.chapter-hero .hero-actions .button{font-size:18px;min-height:56px;flex:1 1 auto;padding-inline:20px}.hero-sample{font-size:17px;text-align:center;flex:1 1 auto;display:flex;align-items:center;justify-content:center}.chapter-hero-copy .hero-note{font-size:14px;margin-top:8px;text-align:center}.promise-strip{margin:0 26px;padding:26px 0;flex-direction:column;gap:15px;align-items:flex-start}.promise-strip>span{font-size:17px;gap:13px}.promise-strip .ui-icon{width:23px;height:23px}.editorial-home .return-strip{margin:22px 20px 0;padding:23px}
 .story-steps{padding:48px 22px}.section-intro{text-align:left}.section-intro h2{font-size:35px;line-height:1.17}.section-intro>.eyebrow{font-size:12px}.section-intro>p:last-child{font-size:19px;margin-top:20px}.journey-cards{display:block;margin-top:28px}.journey-card{margin-top:16px;display:grid;grid-template-columns:145px 1fr;align-items:center;min-height:210px;border-radius:14px}.step-art{height:180px;margin:15px 0 15px 14px;border-bottom:0}.journey-card .step-copy{padding:24px 22px}.step-label{font-size:10px;letter-spacing:.07em}.step-copy h3{font-size:25px;margin:11px 0 13px}.step-copy p{font-size:17px;line-height:1.55}.sun-round{top:17px;right:4px;width:65px;height:65px}.joy-note{top:4px;left:0;max-width:90px;font-size:16px}.joy-tag{top:83px;left:1px;font-size:13px;padding:8px 12px}.joy-tag.second{left:8px;top:129px}.mini-sheet{width:118px;min-height:145px;padding:15px 10px;margin:0 8px 14px 0}.mini-sheet>span{font-size:8px}.mini-sheet strong{font-size:18px}.mini-sheet>div{font-size:10px;gap:4px}.mini-sheet .ui-icon{width:15px;height:15px}.connection-circle{width:53px;height:53px;font-size:22px}.connection-line{width:22px}.connection-circle.two .ui-icon{width:28px;height:28px}.share-note{font-size:10px;padding:5px 9px;bottom:29px}
 .together-story{display:flex;flex-direction:column;margin:0 20px 48px;border-radius:15px}.together-story>figure{width:100%;height:auto}.together-story img{min-height:0;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:50% center}.together-copy{padding:32px 27px}.together-copy .eyebrow{font-size:12px}.together-copy h2{font-size:36px}.together-copy>p:not(.eyebrow){font-size:19px;margin-top:22px}.together-copy ul{margin-top:26px}.together-copy li{font-size:18px;padding:15px 0}.together-copy>p.together-foot{font-size:17px}.together-copy .text-link{font-size:17px}
 .reflection-play{display:flex;flex-direction:column;align-items:stretch;margin:0 20px 48px;padding:30px 25px;gap:28px;border-radius:15px}.reflection-heading h2{font-size:35px}.reflection-heading>p:not(.eyebrow){font-size:18px;margin-top:20px}.reflection-heading .eyebrow{font-size:12px}.topic-choices{gap:10px;margin-top:23px}.topic-choices button{font-size:16px;padding:11px 14px;min-height:48px}.topic-choices .ui-icon{height:20px;width:20px}.play-start{font-size:17px;margin-top:17px}.reflection-paper{padding:25px;box-shadow:0 8px 24px #6b4f2910}.paper-top{padding-bottom:16px;margin-bottom:22px}.reflection-paper h3{font-size:29px}.reflection-paper p{font-size:18px;margin-top:19px}.preview-kicker{font-size:14px}.preview-foot{font-size:14px}
 .guide-contents{display:block;margin:0 25px;padding-bottom:48px}.section-emblem{width:52px;height:52px;border-radius:15px;margin-bottom:20px}.contents-intro h2{font-size:39px;line-height:1.12}.contents-intro h2 br:first-child{display:none}.contents-intro h2 em{display:block}.contents-intro .eyebrow{font-size:12px}.contents-intro>p:not(.eyebrow){font-size:18px;margin-top:23px}.contents-price{margin-top:23px;gap:17px}.contents-price>strong{font-size:44px}.contents-price>span{font-size:15px}.contents-list{margin-top:30px}.contents-list a{gap:15px;padding:21px 0}.contents-number{width:37px;height:37px;font-size:16px}.contents-list strong{font-size:23px}.contents-list div>span{font-size:16px}.contents-list .ui-icon{width:18px;height:18px}
 .questions-space{display:block;margin:0 25px;padding:40px 0 48px}.questions-space h2{font-size:35px}.questions-space .eyebrow{font-size:12px}.questions-space>div>p:not(.eyebrow){font-size:18px;margin-top:21px}.questions-space .home-faq{margin-top:24px}.questions-space .home-faq summary{font-size:19px}.chapter-invitation{margin:0 20px 20px;padding:32px 26px;display:block;border-radius:16px}.chapter-invitation .eyebrow{font-size:11px}.chapter-invitation h2{font-size:36px}.chapter-invitation p:not(.eyebrow){font-size:18px;margin-top:20px}.invitation-actions{align-items:stretch;margin-top:27px;gap:14px}.invitation-actions>span{text-align:center;font-size:14px}
 .site-header{padding-inline:20px}.brand-tagline{font-size:12px}.overview-heading{padding:27px 24px;border-radius:16px}.overview-heading h1{font-size:34px}.chapter-status{margin-left:62px}.chapter-number{min-width:44px}.next-step{padding:27px}.free-workbook .question-panel{border-radius:16px}.question-panel{border-radius:16px}body[data-page=workbook] .site-header .brand-name{font-size:25px}body[data-page=workbook] .brand-symbol{height:27px;width:27px}body[data-page=workbook] .brand{gap:8px}body[data-page=workbook] .site-header nav .nav-workbook{padding:9px 12px;font-size:15px}.privacy-content .settings{padding:24px 16px}.guide{border-radius:10px}.button{font-size:18px;padding-inline:23px}dialog{border-radius:17px}footer{padding:35px 25px 26px;margin-top:20px}.footer-brand{font-size:32px}
}
@media(max-width:390px){.journey-card{display:block}.step-art{height:175px;margin:0 25px;border-bottom:1px solid #153e3e1a}.journey-card .step-copy{padding:24px}.joy-note{font-size:19px;max-width:150px;top:25px}.sun-round{width:85px;height:85px;top:20px;right:8px}.joy-tag{font-size:16px;left:7px;top:77px;padding:8px 19px}.joy-tag.second{left:70px;top:126px}.mini-sheet{width:190px;height:155px;margin-bottom:10px;padding:18px}.mini-sheet strong{font-size:21px}.mini-sheet>span{font-size:9px}.mini-sheet>div{font-size:12px}.connection-circle{height:69px;width:69px;font-size:25px}.connection-line{width:54px}.share-note{font-size:13px;bottom:18px}.chapter-hero-image{height:100%}.chapter-hero-copy{padding-inline:23px}.chapter-hero h1{font-size:clamp(38px,11.4vw,44px)}.chapter-hero .hero-actions{flex-direction:column;align-items:stretch}.hero-sample{padding-top:6px}.reflection-play{padding-inline:21px}.reflection-paper{padding:23px}.reflection-paper h3{font-size:27px}.brand-name{font-size:27px}.site-header nav{font-size:14px}}
/* Keep the authorship headline balanced without widening the reading column. */
.author-hero h1{font-size:clamp(48px,4.4vw,68px);line-height:1.08}
@media(max-width:760px){.author-hero h1{font-size:clamp(38px,9vw,52px)}}
/* Compact navigation and a separate owner-only disclosure. */
.mobile-menu-toggle{display:none}
.owner-tools{position:relative;margin-left:12px;z-index:5;font-size:14px}
.owner-tools summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:7px;font-weight:600;list-style:none;color:var(--ink)}
.owner-tools summary::-webkit-details-marker{display:none}
.owner-tools summary::after{content:'⌄';font-size:18px}
.owner-tools[open] summary::after{content:'⌃'}
.owner-tools-panel{position:absolute;right:0;top:calc(100% + 4px);width:290px;max-width:calc(100vw - 32px);background:#fffef8;border:1px solid var(--line);box-shadow:0 10px 28px #123e3e20;border-radius:14px;padding:18px;text-align:left}
.owner-tools-panel p{font-size:15px;line-height:1.5;margin:0 0 10px;color:var(--muted)}
.owner-tools-panel a,.owner-tools-panel .preview-access{display:block;min-height:44px;padding:10px 0;margin:0;font-size:16px;text-align:left}
.owner-tools-panel span{font-size:14px;color:var(--muted)}
body[data-page=home] .commerce-banner,body[data-page=how] .commerce-banner{padding-block:0;min-height:44px}
@media(max-width:760px){
 .site-header,body[data-page=home] .site-header,body[data-page=how] .site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 12px;padding:14px 20px;background:var(--paper)}
 .site-header .brand{gap:9px;min-width:0}.site-header .brand-name{font-size:clamp(23px,6.1vw,28px);letter-spacing:-.035em}.site-header .brand-symbol{height:29px;width:29px}.site-header .brand-tagline{display:none}
 .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #c5d2c8;border-radius:24px;min-height:46px;padding:10px 14px;font:600 16px/1.3 var(--sans);color:var(--ink);background:#fffef8;flex-shrink:0}
 .mobile-menu-toggle svg{width:19px;height:19px}.mobile-menu-toggle[aria-expanded=true]{background:var(--pale)}
 .site-header nav,body[data-page=home] .site-header nav,body[data-page=how] .site-header nav{display:none;flex:1 0 100%;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:18px;gap:4px}
 .site-header.menu-open nav,body[data-page=home] .site-header.menu-open nav,body[data-page=how] .site-header.menu-open nav{display:grid;grid-template-columns:1fr}
 .site-header nav a{min-height:48px;padding:12px 10px;border-radius:8px}.site-header nav .nav-workbook{margin-top:5px;justify-content:space-between;padding:12px 18px}
 body[data-page=workbook] .site-header{flex-wrap:nowrap}body[data-page=workbook] .mobile-menu-toggle{display:none}body[data-page=workbook] .site-header nav{display:flex;flex:0 0 auto;border:0;padding:0;margin:0}body[data-page=workbook] .site-header nav .nav-workbook{margin:0}
 body[data-page=home] .commerce-banner,body[data-page=how] .commerce-banner,.commerce-banner{padding:0 20px;min-height:44px;font-size:12px;justify-content:space-between;gap:4px;background:#f2eee5}
 .preview-status{padding:9px 0;line-height:1.5}.owner-tools{margin-left:0;font-size:13px}.owner-tools-panel{right:0}
 .chapter-hero{min-height:640px}.chapter-hero-copy{padding-top:210px}.chapter-hero-copy .eyebrow{font-size:11px;letter-spacing:.06em}
}
@media(max-width:360px){.site-header,body[data-page=home] .site-header,body[data-page=how] .site-header{padding-inline:16px;gap:0 8px}.site-header .brand-name{font-size:23px}.site-header .brand-symbol{width:25px;height:25px}.mobile-menu-toggle{font-size:15px;padding:10px 12px;gap:6px}}
/* Two welcoming routes, with one parent-controlled guide. */
.family-page{max-width:1200px;margin:auto;padding:42px 40px 65px}.family-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center;padding:16px 0 64px}.family-intro h1{font-size:clamp(42px,4.6vw,62px);line-height:1.1}.family-intro h1 em{color:#895736}.family-intro .intro{font-size:21px;margin:25px 0 27px}.family-reassurance{font-size:16px;color:var(--muted);margin-top:16px}.family-photo{margin:0;border-radius:160px 160px 18px 18px;overflow:hidden;background:#e4ede3}.family-photo img{width:100%;height:350px;object-fit:cover;display:block}.family-photo figcaption{padding:20px 25px;font:italic 20px/1.5 var(--serif);text-align:center;color:#365b4c}
.family-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0;gap:36px}.family-benefits article>span{font-size:12px;color:var(--accent);letter-spacing:.09em;font-weight:600}.family-benefits h2{font-size:28px;margin:15px 0}.family-benefits p{font-size:18px;color:var(--muted)}
.family-example{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;background:#f3e5d1;padding:36px 40px;border-radius:18px;margin:52px 0}.family-example h2{font-size:35px}.family-example blockquote{margin:0}.family-example blockquote p{font:italic 27px/1.5 var(--serif);color:#62462d}.family-example blockquote footer{background:none;color:#685c4f;padding:18px 0 0;margin:0;font-size:14px}
.invitation-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;padding:22px 0 55px;align-items:start}.invitation-context h2{font-size:42px}.invitation-context>p:not(.eyebrow){margin-top:22px;font-size:19px;color:var(--muted)}.invitation-context ul{padding-left:23px;margin:25px 0;font-size:18px}.invitation-context li+li{margin-top:15px}.family-control{background:#e6eee5;border-radius:14px;padding:24px;margin-top:30px}.family-control p{font-size:17px;line-height:1.65;margin-top:13px;color:#466052}
.invitation-editor{background:#fffef8;border:1px solid #d1dcd1;border-top:4px solid #d9bf86;border-radius:18px;padding:30px;box-shadow:0 12px 32px #173e3608}.invitation-editor label{display:block;font-size:19px;font-weight:600;margin-bottom:10px}.invitation-editor .fine{font-size:15px;line-height:1.65;margin:10px 0 18px}.invitation-editor textarea{display:block;width:100%;min-height:320px;padding:16px;border:1px solid #8fa18f;border-radius:9px;font-size:18px;line-height:1.65;background:#fffefb;color:var(--ink);resize:vertical;margin-bottom:24px}.invitation-editor input{width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f1f4ed;color:var(--ink);font-size:16px}.invitation-buttons{display:flex;flex-wrap:wrap;gap:12px}.invitation-buttons .button{font-size:17px;padding:12px 20px}.invitation-status{color:#345a47;font-size:16px;line-height:1.5;margin:18px 0}.invitation-status:empty{display:none}.invitation-editor #invitation-fallback{margin-top:18px;background:#f0f4ed}.family-next{border-top:1px solid var(--line);padding-top:40px}.family-next h2{font-size:34px}.family-next>p{margin-top:16px;color:var(--muted);font-size:19px}
@media(max-width:900px){.family-page{padding-inline:28px}.family-intro{gap:30px}.family-intro h1{font-size:43px}.family-intro .intro{font-size:19px}.family-photo img{height:320px}.family-benefits{gap:22px}.family-example{gap:28px;padding:30px}.invitation-section{gap:30px}.invitation-editor{padding:24px}}
@media(max-width:760px){.family-page{padding:24px 23px 42px}.family-intro{display:block;padding:4px 0 35px}.family-intro h1{font-size:42px}.family-intro .intro{font-size:19px;line-height:1.65;margin:22px 0}.family-intro .button{width:100%}.family-reassurance{font-size:15px}.family-photo{margin:30px 0 0;border-radius:16px}.family-photo img{height:auto;aspect-ratio:1.5}.family-photo figcaption{font-size:19px;padding:17px 21px}.family-benefits{display:block;padding:6px 0}.family-benefits article{padding:23px 0}.family-benefits article+article{border-top:1px solid var(--line)}.family-benefits h2{font-size:28px;margin:12px 0}.family-example{display:block;margin:32px 0;padding:26px}.family-example h2{font-size:31px}.family-example blockquote{margin-top:24px}.family-example blockquote p{font-size:25px}.invitation-section{display:block;padding:8px 0 35px}.invitation-context h2{font-size:36px}.family-control{padding:22px}.invitation-editor{margin-top:28px;padding:24px 20px}.invitation-editor textarea{min-height:375px;font-size:18px}.invitation-buttons{flex-direction:column}.invitation-buttons .button{width:100%;min-height:54px}.family-next h2{font-size:31px}.family-next .button-row{align-items:stretch;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.brand-symbol,.editorial-home{display:none!important}.guide{border:0;border-radius:0;box-shadow:none;background:#fff}.page{background:#fff}.guide,.guide p,.guide h1,.guide h2,.guide h3,.guide-foot{color:#000}footer{display:none!important}}
/* Product clarity and comfortable reading, preserving the established palette. */
.product-preview{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:70px 0 15px}.product-explanation h2{font-size:46px;line-height:1.15}.product-explanation>p{margin-top:22px;font-size:20px;max-width:510px}.product-explanation ul{padding-left:23px;font-size:19px;margin:25px 0}.product-explanation li+li{margin-top:10px}.product-explanation .fine{font-size:16px;color:var(--muted)}.product-paper{background:#fffefb;padding:34px 38px;border:1px solid #d3d9cc;border-top:5px solid #c6a36d;border-radius:12px;box-shadow:0 12px 30px #153e3e0c}.product-paper h3{font-size:36px;margin:14px 0}.product-paper h4{font:600 20px var(--sans);margin:28px 0 12px}.product-paper>p{font-size:19px;line-height:1.65}.product-paper .paper-date{color:var(--muted);font-size:16px}.paper-note{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:16px;color:var(--muted)}.guide-cover{padding-bottom:25px;border-bottom:1px solid var(--line)}.reader-note{background:#edf2ea;padding:22px 26px;border-radius:10px;margin:28px 0}.reader-note h2{font-size:25px;margin:0 0 12px}.reader-note p{font-size:18px;margin:0;line-height:1.7}.guide .review-section{margin-top:35px}.guide .review-answer{padding:20px 0}.guide .review-answer p{font-size:20px;line-height:1.8;overflow-wrap:anywhere}.guide .guide-foot{font-size:16px;line-height:1.65}.save-nudge{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;margin-top:18px;background:#edf2ea;border-radius:9px;font-size:17px}.save-nudge[hidden]{display:none}.copy-explainer{padding:24px;background:#e7efea;border-radius:12px;margin:24px 0}.copy-explainer p+p{margin-top:16px}.copy-explainer h3{font-size:26px}.owner-tools summary{font:600 16px/1.4 var(--sans)}.answer-options button:disabled{opacity:.55;cursor:not-allowed}.offer-example{margin-top:22px}.guide-gift{margin:32px 0;padding:26px;border:1px solid var(--line);border-radius:14px}.guide-gift input,.guide-gift textarea{width:100%;max-width:100%;font-size:18px;padding:14px;border:1px solid #8fa18f;border-radius:8px;margin:12px 0;overflow-wrap:anywhere}p,li,.button,.chapter-summary,.notice{overflow-wrap:anywhere}input,textarea,select{max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #9b5a26;outline-offset:4px}.question-dot{min-width:44px;min-height:44px}.reading-card summary{min-height:48px}.button-row{flex-wrap:wrap}.profile-fields select{height:auto;min-height:54px;white-space:normal}#restore-backup .button{margin-top:12px}#restore-backup form{margin:0}
@media(max-width:1250px){.product-preview{margin-inline:40px;gap:45px}}
@media(max-width:760px){.product-preview{display:block;margin:0 24px;padding:43px 0 0}.product-explanation h2{font-size:35px}.product-explanation>p{font-size:19px}.product-paper{margin-top:28px;padding:27px 25px}.product-paper h3{font-size:32px}.product-paper h4{font-size:19px}.reader-note{padding:20px}.reader-note h2{font-size:24px}.save-nudge{align-items:flex-start;flex-direction:column;gap:4px}.guide .review-answer p{font-size:19px}.owner-tools summary{font-size:14px}.guide-gift{padding:22px 18px}}
@media print{.reader-note{background:transparent;border:1px solid #999;break-inside:avoid}.guide-cover{break-after:avoid}.guide .review-answer{break-inside:avoid}.guide .review-section h2{break-after:avoid}.guide .guide-closing{display:none}}

/* Clear saving and export controls, without changing the established design. */
.question-bottom .fine,.answer-label .optional,.save-state,[data-save-state],.save-link,
#save-options .fine,#welcome .fine,.profile-fields .fine,.preview-status{font-size:18px;line-height:1.6}
#save-options>p,#save-confirmation,#pdf-status{font-size:18px;line-height:1.65}
#save-confirmation:empty,#pdf-status:empty{display:none}
#save-confirmation:not(:empty),#pdf-status:not(:empty){padding:16px;background:#edf2ea;border-radius:9px;margin-block:18px}
.export-options{flex-basis:100%;border-top:1px solid var(--line);padding-top:10px}
.export-options summary,.profile-more summary,.backup-choice summary{font:600 18px/1.6 var(--sans);min-height:48px}
.export-options .button-row{margin-top:12px}.profile-more{margin-top:16px}.profile-more label{display:block;margin:20px 0 10px}
.chapter-status{white-space:normal;max-width:150px;line-height:1.5}.contents-availability{display:block;font-size:18px;margin-top:8px;color:var(--ink)}
@media(max-width:760px){.commerce-banner .preview-status{font-size:18px}.workbook-context{align-items:flex-start;flex-wrap:wrap}.question-bottom{flex-direction:column}.question-bottom .fine{font-size:18px}.chapter-row{flex-wrap:wrap}.chapter-status{margin-left:50px;text-align:left;max-width:none}.export-options .button-row{align-items:stretch;flex-direction:column}#save-options>.button{width:100%}}
