/* A quieter flow: shared film, clear next step, paper guides and a family finale. */
.family-film{display:grid;grid-template-columns:minmax(150px,.85fr) 1.15fr;align-items:center;gap:28px;max-width:850px;margin:26px auto 42px;padding:24px;background:#fff7e9;border:1px solid var(--line);border-radius:12px;text-align:left}.film-illustration{position:relative;aspect-ratio:16/10;overflow:hidden;background:#f1e4ce;border-radius:50% 50% 6px 6px}.film-illustration img{position:absolute;width:148%;height:auto;max-width:none;left:-24%;top:-54%;mix-blend-mode:multiply}.film-illustration>span{position:absolute;bottom:10px;left:0;right:0;text-align:center;font:10px var(--sans);letter-spacing:.2em;color:var(--blue)}.film-caption .eyebrow{margin:0 0 8px;font-size:9px}.film-caption h2{font-size:25px;line-height:1.5;margin-bottom:12px}.film-caption p:not(.eyebrow){font:13px/1.8 var(--sans);color:var(--muted)}.family-film video{width:100%;border-radius:8px}.simple-invitation .family-film{max-width:720px;margin:24px auto}.magic-lesson>.family-film{margin:24px auto 15px}.book-screen-invite #start-play,.story-return #complete{background:#2F4A6D;color:#FAEEDF;border:2px solid #2F4A6D;box-shadow:0 5px 0 #1f354e;padding:18px 30px;min-height:68px;font-weight:700;font-size:20px;border-radius:7px;max-width:100%;gap:16px}.book-screen-invite #start-play:hover,.story-return #complete:hover{background:#243c5a;color:#FAEEDF}.play-ideas{padding-left:24px;margin:20px 0;font:15px/1.9 var(--sans)}.play-ideas li{padding-left:5px;margin:0 0 13px}.play-ideas li::marker{color:var(--gold);font-weight:600}.play-example{border-left:2px solid var(--gold);padding:12px 18px;background:#f7ebd9;text-align:left}.play-example strong{font-size:13px}.play-example p{font-size:15px;line-height:1.9;margin:9px 0}.play-example small{font:12px/1.8 var(--sans);color:var(--muted)}.daily-pdf{margin-top:24px;gap:10px;font:14px/1.6 var(--sans);min-height:54px}.pdf-note{margin-top:8px;text-align:center}.effects-toggle{font-size:11px;line-height:1.5}.continue-invite{background:#2F4A6D!important;color:#FAEEDF!important;border:0;border-radius:12px;padding:36px!important;max-width:850px;margin:34px auto!important}.continue-invite .eyebrow{color:#dfc18a}.continue-invite h2{color:#FAEEDF;font-size:30px}.continue-invite .completion-offer{color:#FAEEDF;background:transparent;border-color:#faeedf55;display:grid;grid-template-columns:44px 1fr 20px;gap:16px;padding:20px 0;align-items:center}.continue-invite .completion-offer:hover{background:#faeedf0b}.continue-invite .completion-offer strong,.continue-invite .completion-offer small{color:#FAEEDF}.continue-invite .completion-offer small{opacity:.85}.continue-invite .invitation-note,.continue-invite>small{color:#FAEEDF!important;font-size:12px;opacity:.85}.offer-icon{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.offer-menu .offer-icon{color:var(--gold);margin-top:6px}.book-variants{margin:25px 0}.book-variants label{display:flex;align-items:center;gap:12px;min-height:72px;padding:15px;margin:10px 0;border:1px solid var(--line);border-radius:6px;cursor:pointer}.book-variants label:has(input:checked){border:2px solid var(--blue);padding:14px;background:#fff8ed}.book-variants input{width:20px;height:20px;accent-color:var(--blue);flex-shrink:0}.book-variants span{display:flex;flex-direction:column;font-size:15px}.book-variants em{font-style:normal;color:var(--gold);font-size:16px}.consultation-benefits{max-width:850px;margin:0 auto 45px;border-top:1px solid var(--line);padding-top:30px}.consultation-benefits h2{font-size:27px}.consultation-benefits ul{padding-left:22px;font-size:15px;line-height:1.9}.consultation-benefits li{padding:8px 0}.family-finale{max-width:850px;margin:30px auto;padding:32px 20px;border-top:1px solid var(--gold);text-align:center}.family-finale>p:not(.eyebrow){font-size:14px;margin:15px 0}.family-finale .family-film{margin:28px auto}.certificate-names{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:left;margin:24px 0}.certificate-names label{font-size:13px}.certificate-names input{margin-top:8px}#certificate-form h3{font-family:var(--serif);font-size:28px;font-weight:400}#certificate-form .small{margin-top:15px;line-height:1.9}#certificate-form button{margin:5px auto 10px}.next-steps-page .family-film{margin-top:24px}.reflection-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.reflection-options button{min-height:64px;white-space:normal}.magic-celebration,.keepsake-page,.thoughtful-reflection,.family-finale{height:auto;max-height:none;overflow:visible}
@media(max-width:600px){.family-film{grid-template-columns:1fr;gap:16px;padding:20px;margin:20px 18px 30px}.film-illustration{max-width:340px;width:100%;margin:auto;aspect-ratio:16/8}.film-illustration img{width:130%;left:-15%;top:-69%}.film-caption h2{font-size:24px}.simple-invitation .family-film{margin:20px 0 26px}.simple-invitation .film-caption p{font-size:12px}.magic-lesson>.family-film{margin:12px 0 26px}.book-screen-invite #start-play{width:100%;font-size:18px;padding:17px 18px}.continue-invite{padding:28px 20px!important;margin:24px 0!important}.continue-invite h2{font-size:27px}.continue-invite .completion-offer{grid-template-columns:35px 1fr 14px;gap:12px}.continue-invite .offer-icon{width:35px;height:35px}.continue-invite .completion-offer strong{font-size:16px}.continue-invite .completion-offer small{font-size:11px}.certificate-names{grid-template-columns:1fr;gap:16px}.family-finale{padding:28px 0}.family-finale .family-film{margin-left:0;margin-right:0}.daily-pdf{width:100%;padding:14px 12px;font-size:13px}.play-ideas{font-size:14px;line-height:1.9}.play-example{padding:12px 14px}.play-example p{font-size:14px}.reflection-options button{padding:13px 11px;font-size:13px}.next-steps-page .family-film{margin-left:0;margin-right:0}}
@media(prefers-reduced-motion:reduce){.family-film,.button{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* Keep vertical recordings whole, with the same quiet storybook frame. */
.family-film.film-portrait .film-media{width:100%;max-width:320px;justify-self:center}.family-film.film-portrait .film-poster{aspect-ratio:9/16;object-fit:contain}.family-film.film-portrait .film-play-label{white-space:normal;text-align:center}.family-film.film-portrait .film-media iframe{aspect-ratio:9/16}

/* A quiet, optional keepsake beside the practice phrases. */
.practice-keepsake{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:center;gap:30px;max-width:760px;margin:32px auto;text-align:left;padding:24px;border:1px solid #b5a18166;border-radius:18px;background:#fffaf144}
.practice-keepsake>img{display:block;width:100%;height:auto;border-radius:12px}
.practice-keepsake h2{font-size:28px;line-height:1.4}.practice-keepsake p{font-size:15px;line-height:1.8}.practice-keepsake .practice-save-note{font-size:12px;margin:12px 0 0}.practice-keepsake .button{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:48px;text-align:center}
@media(max-width:600px){.practice-keepsake{grid-template-columns:minmax(0,1fr);gap:20px;padding:20px 16px;text-align:center}.practice-keepsake>img{max-width:260px;margin:auto}.practice-keepsake h2{font-size:25px}.practice-keepsake .button{width:100%;font-size:15px}}

/* Four usable destinations, with the same quiet storybook hierarchy. */
.chapter-ribbon li{display:block;flex:1;min-width:0}
.chapter-ribbon a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;color:inherit;text-decoration:none;border-radius:6px;padding:4px}
.chapter-ribbon a:hover{background:#ad8b4812;color:var(--blue)}
.chapter-ribbon a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
#discover,#learn,#play,#finish,#celebrate{scroll-margin-top:20px}
@media(max-width:600px){.chapter-ribbon{gap:4px}.chapter-ribbon a{flex-direction:column;gap:4px;text-align:center;font-size:11px;line-height:1.4;padding:5px 2px;min-height:62px}}