/* Big World parent-first visual and mobile accessibility improvements */
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:100px}
body{max-width:100%;overflow-wrap:break-word}
:where(main,section,article,.wrap,.hero-grid,.hero-copy,.hero-media,.detail-grid,.detail-body,.detail-preview,.printables-grid,.printable-card){min-width:0}
:where(h1,h2,h3,p){overflow-wrap:break-word}
img,picture,video,iframe{max-width:100%}
:where(a,button,input):focus-visible{outline:3px solid #1f2a44;outline-offset:3px;box-shadow:0 0 0 6px #fff}
:where(.button,.filter-chip,.plain-action,.main-nav>a,.path-card){min-height:44px}
.hero{overflow:visible}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hero-copy h1{font-size:clamp(3rem,5.3vw,5.3rem);line-height:1.08;letter-spacing:-.04em;max-width:12ch;text-wrap:balance}
.hero-summary{max-width:35rem}
.hero-buttons{flex-wrap:wrap}
.section-head h2{text-wrap:balance}
.parent-start{padding:46px 0;background:#fffcf8;border-block:1px solid #f0e5d7}
.parent-start-head{max-width:750px;margin-bottom:23px}
.parent-start-head h2{font-size:clamp(1.9rem,3.3vw,2.9rem);margin:9px 0;text-wrap:balance}
.parent-start-head p{color:#4a5570;font-size:1.02rem}
.parent-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.path-card{display:flex;align-items:center;gap:14px;min-width:0;padding:20px 17px;background:#fff;border:1px solid #e9e0d6;border-radius:23px;text-decoration:none;box-shadow:0 3px 18px rgba(31,42,68,.06);min-height:112px}
.path-icon{display:grid;place-items:center;flex:0 0 53px;min-height:53px;font-size:1.65rem;border-radius:15px;background:#fff2d9}
.path-card:nth-child(2) .path-icon{background:#eaf5fc}.path-card:nth-child(3) .path-icon{background:#e9f5ea}
.path-copy{display:grid;min-width:0;gap:5px}.path-copy strong{font:600 1.15rem/1.24 Fredoka,system-ui,sans-serif}
.path-copy>span{color:#4a5570;font-size:.94rem;line-height:1.35}.path-arrow{align-self:start;margin-left:auto;color:#42536b}
.steps-strip{display:flex;flex-wrap:wrap;gap:22px;margin-top:22px;font-size:.96rem;font-weight:800;color:#405169}
.steps-strip>span{display:inline-flex;align-items:center;gap:8px}.steps-strip b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fbe5bd;color:#202f49}
:where(.path-card,.printable-card,.book-card,.episode-card){transition:transform .2s ease,box-shadow .2s ease}
:where(.path-card,.printable-card,.book-card,.episode-card):hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(31,42,68,.1)}
.printable-image{background:#fcfaf7;min-height:0}.printable-image picture{display:block;width:100%}
.printable-image img{width:100%;height:auto;max-height:340px;object-fit:contain;filter:drop-shadow(0 7px 14px rgba(31,42,68,.05))}
.printable-info{padding:17px}.printable-info h3{font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.26;min-height:0}
.printable-info .eyebrow{font-size:.75rem}.card-link-text{font-size:.96rem;text-decoration:underline;text-underline-offset:4px}
.find-toolbar{display:flex;align-items:end;justify-content:space-between;gap:22px;padding:24px;margin-bottom:20px;background:#fff;border-radius:22px;border:1px solid #e9e0d6}
.find-toolbar h2{font-size:1.55rem;margin:0 0 4px}.find-toolbar p{color:#4a5570;margin:0}
.search-label{display:flex;align-items:center;gap:9px;padding:0 14px;min-height:53px;width:min(420px,100%);background:#f8fafb;border:1.5px solid #bac6ce;border-radius:16px}
.search-label:focus-within{outline:3px solid #1f2a44;outline-offset:3px}.search-label>span[aria-hidden]{font-size:1.7rem}
.printable-search{width:100%;min-width:0;min-height:50px;background:transparent;border:0;color:#1f2a44;font-size:1rem}
.printable-search:focus{outline:0}.filter-status{color:#405169;margin:-6px 0 22px;font-size:.95rem}
.clear-search{background:#fff;border:1px solid #1f2a44;border-radius:12px;padding:8px 13px;color:#1f2a44;text-decoration:underline;font-weight:800}
.library-help{background:#fff;border:1px solid #eee0d0;border-radius:22px;padding:27px;margin:36px 0 55px}
.library-help h2{font-size:1.6rem}.library-help>p{color:#4a5570}.help-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.help-steps p{padding:14px;background:#fff9f0;border-radius:14px}
.detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,55px);align-items:start}
.detail-body{grid-column:2;grid-row:1}.detail-preview{grid-column:1;grid-row:1;max-width:100%;background:#fff;border:1px solid #e7e0d6;padding:15px;border-radius:21px;box-shadow:0 12px 28px rgba(31,42,68,.07)}
.detail-preview img{display:block;width:100%;height:auto;max-height:700px;object-fit:contain}
.detail-body h1{font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.12;max-width:18ch}
.detail-body .lead{font-size:1.03rem;line-height:1.6}
.download-box{padding:18px;margin:20px 0 10px;background:#fff;border-radius:20px;box-shadow:0 5px 16px rgba(31,42,68,.06)}
.download-box .button{max-width:100%;min-height:53px}.download-box p{font-size:.88rem;line-height:1.5}
.preview-caption{text-align:center;color:#47556d;font-size:.91rem}
.activity-support{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;margin:35px 0}
.activity-guide,.activity-support .detail-skills{background:#fff;border:1px solid #eae1d6;border-radius:22px;padding:24px}
.activity-guide h2,.activity-support h2{font-size:1.5rem;margin:8px 0}.activity-guide p,.activity-guide ol{line-height:1.65}
.activity-guide li{margin:8px 0}.accessible-note{background:#eef6fb;padding:15px;border-radius:13px}
.activity-support .detail-skills{align-self:start}.activity-support .skill-list span{font-size:.85rem}
@media(max-width:820px){
.hero{padding:36px 0 45px}.hero-grid{grid-template-columns:minmax(0,1fr);gap:24px}
.hero-copy,.hero-media{width:100%;max-width:100%;min-width:0}
.hero-copy h1{font-size:clamp(2.45rem,8vw,4.1rem);max-width:15ch}
.hero-poster,.hero-media img{max-width:100%}
.parent-paths{grid-template-columns:minmax(0,1fr)}.path-card{min-height:87px;padding:14px 17px}
.steps-strip{gap:14px}
.find-toolbar{flex-direction:column;align-items:stretch}.search-label{width:100%}
.detail-grid{grid-template-columns:minmax(0,1fr)}.detail-body{grid-column:1;grid-row:1}
.detail-preview{grid-column:1;grid-row:2;width:min(100%,610px);margin-inline:auto}
.activity-support,.help-steps{grid-template-columns:minmax(0,1fr)}
.main-nav{max-height:calc(100dvh - 71px);overflow-y:auto;overscroll-behavior:contain}
.main-nav>a{display:flex;align-items:center;min-height:48px}
}
@media(max-width:600px){
.wrap{width:min(100% - 32px,1160px)}
.brand{max-width:calc(100% - 65px)}.brand strong{font-size:1.25rem}.brand small{font-size:.71rem;white-space:normal}
.menu-toggle{min-width:48px;min-height:48px}
.hero-copy h1{font-size:clamp(2.25rem,10.4vw,3.7rem);max-width:100%;overflow-wrap:break-word}
.hero-summary{font-size:1.02rem}
.hero-buttons{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%}
.hero-buttons .button{width:100%;min-width:0;padding:12px 16px;white-space:normal;min-height:52px}
.parent-start{padding:35px 0}.parent-start-head h2{font-size:2rem}
.steps-strip>span{width:100%}
.printables-grid,.related-section .printables-grid{grid-template-columns:minmax(0,1fr);gap:17px}
.printable-image{padding:16px 16px 4px}.printable-image img{max-height:350px}
.printable-info{padding:15px 19px 21px}.printable-info h3{font-size:1.23rem}.printable-info .eyebrow{font-size:.78rem}
.chip-row{overflow-x:auto;flex-wrap:nowrap;margin-inline:0;padding-bottom:13px}.filter-chip{flex:none;min-height:48px;font-size:.94rem}
.find-toolbar{padding:17px}.detail-body h1{font-size:clamp(2rem,8vw,2.7rem);max-width:100%}
.download-box{padding:14px}.download-box .button{display:flex;width:100%;margin:0 0 10px;white-space:normal;text-align:center}
.detail-preview{padding:12px;transform:none!important}
.activity-guide,.activity-support .detail-skills,.library-help{padding:18px}
.plain-action{min-height:44px}.footer-grid{gap:22px}
}
@media(max-width:340px){.brand strong{font-size:1.12rem}.hero-copy h1{font-size:2.23rem}}
[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{.parent-start,.find-toolbar,.filter-status,.accessible-note{display:none!important}.activity-guide,.detail-preview{box-shadow:none}.activity-guide{border:0;padding:0}}

/* Keep decorative hero art within the viewport at phone and tablet sizes. */
.art-backdrop{right:14px;transform:rotate(3deg)}
.hero-doodle{right:2px}

/* Logo-led Big World identity and consistent cast portraits */
.brand img{width:66px;height:66px;object-fit:contain;border-radius:16px;flex:none;background:#fff}
.site-header .header-inner{min-height:90px;height:auto;padding-block:7px}
.footer-about>img{width:124px!important;height:124px!important;max-width:100%;object-fit:contain;border-radius:25px;background:#fff;box-shadow:0 8px 28px rgba(31,42,68,.10)}
.character-grid{align-items:stretch;gap:clamp(14px,2vw,22px)}
.character-card{transform:none!important;padding:14px 14px 23px;display:flex;flex-direction:column;border:1px solid #e5e8e7;box-shadow:0 7px 24px rgba(31,42,68,.07);border-radius:26px}
.character-card:hover{transform:translateY(-2px)!important}
.character-photo{position:relative;display:block;width:100%;height:auto;aspect-ratio:1/1.04;background-image:url('/bigworld/assets/img/brand/profile.webp')!important;background-repeat:no-repeat;background-size:270% auto!important;mix-blend-mode:normal!important;object-fit:cover;border-radius:18px}
.character-photo--tabitha{background-color:#fdeaf4!important;background-position:4% 12%!important}
.character-photo--rahul{background-color:#e7f5ed!important;background-position:51% 12%!important}
.character-photo--aadvik{background-color:#fff4d8!important;background-position:99% 11%!important}
.character-photo--biscuit{background-color:#fdefdc!important;background-position:20% 100%!important}
.character-card h3{margin:17px 0 2px;font-size:clamp(1.35rem,2vw,1.65rem)}
.character-card p{color:#4a5570;font-size:clamp(.88rem,1.1vw,1rem);line-height:1.5}
.character-card .character-role{font:700 .92rem/1.3 Fredoka,system-ui,sans-serif;margin:0 0 9px;color:#a33471}
.character-card:nth-child(2) .character-role{color:#157f59}
.character-card:nth-child(3) .character-role{color:#946019}
.character-card:nth-child(4) .character-role{color:#8b5919}
.brand-spotlight{background:#fff9f0;border-block:1px solid #ece2d4;padding:clamp(36px,5vw,72px) 0}
.brand-spotlight-inner{display:grid;grid-template-columns:minmax(0,245px) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,66px);max-width:960px}
.brand-spotlight-art{display:block;border-radius:26px;box-shadow:0 14px 34px rgba(31,42,68,.08);background:#fff;overflow:hidden}
.brand-spotlight-art img{display:block;width:100%;height:auto}
.brand-spotlight h2{font-size:clamp(1.75rem,3.5vw,2.8rem);margin:10px 0 14px;max-width:21ch}
.brand-spotlight p{color:#4a5570;font-size:1.05rem;line-height:1.6;max-width:48ch}
@media(max-width:820px){
 .character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
 .brand-spotlight-inner{grid-template-columns:minmax(0,168px) minmax(0,1fr)}
}
@media(max-width:600px){
 .site-header .header-inner{min-height:73px;padding-block:6px}
 .brand img{width:50px;height:50px;border-radius:13px}
 .brand-spotlight-inner{grid-template-columns:minmax(0,1fr);gap:19px;text-align:center}
 .brand-spotlight-art{width:min(100%,185px);margin-inline:auto}
 .brand-spotlight h2,.brand-spotlight p{max-width:none}
 .brand-spotlight .button{width:100%}
 .character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .character-card{padding:8px 8px 17px;border-radius:19px}
 .character-photo{border-radius:13px}
 .character-card h3{font-size:1.22rem;margin:11px 0 3px}
 .character-card .character-role{font-size:.81rem;margin-bottom:7px}
 .character-card p{font-size:.82rem;line-height:1.42}
 .footer-about>img{width:112px!important;height:112px!important}
}
@media(max-width:355px){.character-grid{grid-template-columns:minmax(0,1fr)}.character-photo{aspect-ratio:1.3/1;background-size:225% auto!important}}

/* Approved 2026 character portraits and dedicated brand artwork */
.hero{padding-block:clamp(28px,4vw,52px)}
.hero-grid{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
.hero-copy{max-width:850px;margin-inline:auto}
.hero-copy h1{max-width:none;margin-inline:auto}
.hero-summary{max-width:49rem;margin-inline:auto}
.hero-buttons,.hero-note{justify-content:center}
.hero-media{display:none}
.brand-banner{display:block;margin:0 auto clamp(22px,3vw,42px);max-width:1160px}
.brand-banner-picture{display:block;background:#fff;border:1px solid #e4e5dc;border-radius:clamp(17px,2.3vw,29px);overflow:hidden;box-shadow:0 15px 37px rgba(31,42,68,.09)}
.brand-banner-picture img{display:block;width:100%;height:auto;object-fit:contain}
.character-photo,.character-photo--tabitha,.character-photo--rahul,.character-photo--aadvik,.character-photo--biscuit{background-image:none!important;aspect-ratio:1;height:auto;display:block;overflow:hidden}
.character-photo img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;mix-blend-mode:normal!important}
@media(max-width:700px){
 .hero{padding:24px 0 18px}
 .hero-copy h1{font-size:clamp(2.18rem,9vw,3.5rem);text-wrap:balance}
 .brand-banner{width:calc(100% - 28px);margin-bottom:24px}
 .brand-banner-picture{border-radius:18px}
}


/* Parent-first readability and craft discovery, October 2026 */
body{font-size:18px;line-height:1.68}
:where(.lead,.hero-summary,.section-head p,.page-head p){line-height:1.65}
.brand small{font-size:.82rem;line-height:1.35}
.main-nav>a{font-size:1rem}
.eyebrow,.printable-info .eyebrow{font-size:.88rem;letter-spacing:.075em}
.subtle-note,.craft-art-note{font-size:1rem}
.breadcrumbs{font-size:1rem}
:where(.path-copy>span,.steps-strip,.craft-body,.craft-card,.craft-card p,.conversation-card p,.safety-tip){font-size:1rem}
.path-copy strong{font-size:1.25rem}
.card-link-text,.inline-cta,.printable-info h3{font-size:1.1rem}
.printable-info h3{line-height:1.4}
.character-card p{font-size:1rem}
.brand-banner{margin-bottom:clamp(25px,4vw,49px)}
.parent-paths{grid-template-columns:repeat(4,minmax(0,1fr))}
.path-card{min-height:123px;padding:20px}
.path-icon{flex-basis:45px;min-height:45px}
.path-copy strong{font-size:1.14rem}
.path-copy>span{font-size:.98rem}
.craft-page-head{padding-bottom:25px}
.craft-page-head h1{max-width:1000px}
.craft-trust{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:20px;color:#315743;font-size:1rem;font-weight:800}
.craft-discovery{padding-bottom:48px}
.craft-find-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:15px 0 25px}
.craft-find-head h2{font-size:clamp(1.75rem,3vw,2.5rem);margin-bottom:9px}
.craft-find-head p{color:#45516b}
.craft-search-label{display:grid;gap:8px;width:min(380px,100%);flex:none;font-weight:900;color:#2c364a;font-size:1rem}
.craft-search-label input{width:100%;min-height:55px;border:2px solid #7a899c;border-radius:16px;background:#fff;color:#1f2a44;padding:10px 16px;font:inherit}
.craft-search-label input::placeholder{color:#55667b}
.craft-filters{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 15px}
.craft-filter{min-height:48px;padding:10px 18px;border:2px solid #d1d9df;border-radius:50px;background:#fff;color:#24324c;font-weight:900;font-size:1rem}
.craft-filter.active,.craft-filter[aria-pressed=true]{background:#174e62;border-color:#174e62;color:#fff}
.craft-filter:hover{border-color:#174e62}
.craft-filter:focus-visible{outline:3px solid #222d48;outline-offset:3px}
.craft-results-count{font-size:1rem;color:#42516b;margin:0 0 23px}
.craft-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.craft-card-visual{padding:0;overflow:hidden;display:flex;min-width:0;border-radius:24px}
.craft-card-link{display:flex;flex-direction:column;width:100%;height:100%;color:inherit;text-decoration:none}
.craft-card-link:focus-visible{outline-offset:-4px}
.craft-card-image{width:100%;aspect-ratio:920/620;overflow:hidden;background:#f2f7f2}
.craft-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.craft-card-link:hover .craft-card-image img{transform:scale(1.02)}
.craft-card-content{display:flex;flex-direction:column;flex:1;padding:23px}
.craft-card-meta{font-size:.94rem!important;color:#435974!important;font-weight:900;margin:0 0 9px!important}
.craft-card-content h2{font-size:clamp(1.36rem,1.9vw,1.64rem);line-height:1.24}
.craft-card-content>p:not(.craft-card-meta){font-size:1rem;line-height:1.55;margin:12px 0 18px}
.craft-card-action{display:inline-flex;align-items:center;gap:7px;margin-top:auto;font-size:1.03rem;font-weight:900;text-decoration:underline;text-underline-offset:5px;color:#13567a;padding-block:8px}
.craft-art-note{background:#fff9eb;border-left:5px solid #dba450;border-radius:9px;padding:17px 20px;margin-top:29px;line-height:1.6;color:#45536c}
.craft-empty{padding:35px;background:#fff;border:2px dashed #b7c6d5;border-radius:20px;text-align:center}
.craft-empty h3{margin-bottom:10px}.craft-empty p{color:#43516b}
.craft-support-strip{display:flex;align-items:center;justify-content:space-between;gap:28px;background:#edf6fa;border-radius:24px;padding:30px;margin-bottom:70px}
.craft-support-strip h2{font-size:1.7rem;margin-bottom:8px}
.craft-support-strip p{max-width:650px;color:#43516b;margin:0}
.craft-result{margin:32px 0 13px;max-width:860px}
.craft-result-frame{overflow:hidden;border:1px solid #e1e0d9;border-radius:23px;background:#fff;box-shadow:0 12px 26px rgba(31,42,68,.08)}
.craft-result img{display:block;width:100%;height:auto;aspect-ratio:920/620;object-fit:cover}
.craft-result figcaption{color:#41526d;line-height:1.6;margin:11px 0 5px;font-size:1rem}
.craft-result figcaption strong{color:#23334a}
.craft-at-glance{display:flex;flex-wrap:wrap;gap:9px 20px;margin:19px 0 25px;font-size:.99rem;font-weight:900;color:#23624e}
.craft-detail h1{max-width:880px}
.craft-body{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:28px;margin-top:25px}
.craft-body h2{font-size:1.75rem}
.craft-steps li{line-height:1.6}
.craft-steps li:before{width:42px;height:42px;min-height:42px}
.supplies label{font-size:1.03rem;line-height:1.5;align-items:start}
.supplies input{flex:none;width:24px;height:24px;margin-top:2px}
.safety-tip{font-size:1rem;line-height:1.55}
.craft-feature{background:#fff;border:1px solid #e2e6e7;box-shadow:var(--shadow);border-radius:24px;padding:20px;display:grid;grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:23px;align-items:center}
.craft-feature img{display:block;width:100%;border-radius:16px}
.craft-feature h3{font-size:1.38rem;line-height:1.2;margin:9px 0}
.craft-feature p{font-size:1rem;color:#43516b;margin:0 0 11px}
.craft-feature .eyebrow{margin:0}
.home-crafts{padding:55px 0 70px}
.home-crafts .section-head{margin-bottom:22px}
.home-craft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:1050px){
 .parent-paths{grid-template-columns:repeat(2,minmax(0,1fr))}
 .craft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-craft-grid{grid-template-columns:minmax(0,1fr)}
 .craft-feature{grid-template-columns:minmax(0,170px) minmax(0,1fr)}
}
@media(max-width:700px){
 body{font-size:18px}
 .brand small{font-size:.76rem}
 .main-nav>a{font-size:1rem}
 .eyebrow{font-size:.86rem}
 .parent-paths{grid-template-columns:minmax(0,1fr)}
 .path-card{min-height:97px}
 .path-copy strong{font-size:1.3rem}
 .path-copy>span{font-size:1rem}
 .craft-find-head,.craft-support-strip{flex-direction:column;align-items:stretch}
 .craft-search-label{width:100%}
 .craft-filters{gap:7px}
 .craft-filter{font-size:.98rem;padding:10px 13px}
 .craft-grid{grid-template-columns:minmax(0,1fr)}
 .craft-card-content{padding:20px}
 .craft-card-content h2{font-size:1.6rem}
 .craft-result{margin-top:22px}
 .craft-body{grid-template-columns:minmax(0,1fr)}
 .craft-detail h1{font-size:clamp(2.2rem,8.5vw,3.45rem)}
 .craft-feature{grid-template-columns:minmax(0,116px) minmax(0,1fr);gap:14px;padding:13px}
 .craft-feature h3{font-size:1.23rem}
 .craft-feature p{font-size:.96rem}
 .home-crafts{padding:35px 0 55px}
 .home-craft-grid{gap:12px}
}
@media(max-width:400px){.craft-feature{grid-template-columns:minmax(0,1fr)}.craft-feature img{max-height:180px;object-fit:cover}}
@media print{
 .craft-discovery .craft-filters,.craft-discovery .craft-find-head,.craft-support-strip,.home-crafts{display:none!important}
 .craft-result-frame{box-shadow:none}
 .craft-result img{max-height:280px;object-fit:contain}
 .craft-at-glance{display:none}
}

/* Reduce mobile decision friction: show an actual craft before the filters. */
.craft-mobile-pick{display:none}
@media(max-width:700px){
 .craft-page-head{padding-top:29px;padding-bottom:9px}
 .craft-page-head h1{font-size:clamp(2.4rem,10.5vw,3.4rem);line-height:1.1}
 .craft-page-head>p{margin:15px 0 8px;line-height:1.5;font-size:1.04rem}
 .craft-trust{display:none}
 .craft-mobile-pick{display:grid;grid-template-columns:116px minmax(0,1fr);gap:14px;align-items:center;background:#fff;border:1px solid #e3ded5;box-shadow:0 7px 19px rgba(31,42,68,.05);border-radius:18px;padding:10px;color:inherit;text-decoration:none;margin:12px auto 25px}
 .craft-mobile-pick img{display:block;width:100%;height:107px;object-fit:cover;border-radius:12px}
 .craft-mobile-pick>span{display:grid;gap:3px}
 .craft-mobile-pick strong{font-family:Fredoka,system-ui,sans-serif;font-size:1.15rem;line-height:1.22}
 .craft-mobile-pick>span>span{color:#42516b;font-size:.96rem;line-height:1.35}
 .craft-mobile-pick .inline-cta{width:max-content;max-width:100%;font-size:.98rem}
 .craft-find-head{margin:0 0 13px;gap:10px}
 .craft-find-head h2{font-size:1.62rem;margin:3px 0 0}
 .craft-find-head p{display:none}
 .craft-discovery .eyebrow{margin-bottom:5px}
 .craft-filters{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding:1px 1px 10px;margin:10px 0;scroll-snap-type:x proximity}
 .craft-filter{flex:none;scroll-snap-align:start}
 .craft-results-count{margin:0 0 14px}
 .craft-at-glance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px}
 .craft-at-glance span{font-size:.95rem}
}


/* Readability and accessible text sizing — October 2026
   Larger type for parents, not merely a larger body font: many legacy rules
   still used 9–13px labels on narrow screens. */
body{font-size:19px;line-height:1.67}
:where(.hero-summary,.page-head p,.section-head p,.season-inner p,.episode-info p,.book-info p,.character-card p,.legal-page p,.craft-card p,.footer-about p){line-height:1.65}
.brand small{font-size:.92rem;letter-spacing:0;line-height:1.35}
.main-nav>a{font-size:1.1rem;line-height:1.4}
.eyebrow,.printable-info .eyebrow,.book-info .eyebrow{font-size:.94rem;letter-spacing:.055em;line-height:1.45}
.hero-note,.season-inner p,.subtle-note,.value-strip,.filter-status,.craft-results-count{font-size:1.03rem}
.season-inner .eyebrow{font-size:.93rem}
:where(.filter-chip,.craft-filter){font-size:1.03rem;line-height:1.35}
.printable-info h3{font-size:clamp(1.33rem,1.65vw,1.55rem);line-height:1.33;min-height:0}
.printable-info .eyebrow{font-size:.93rem}
.card-link-text{font-size:1.08rem;line-height:1.45}
.card-badge{transform:none;font-size:.88rem;line-height:1.22;padding:8px 11px;max-width:calc(100% - 16px);white-space:normal}
.character-card h3{font-size:1.48rem}
.character-card p,.character-card .character-role{font-size:1.02rem;line-height:1.6}
.book-info h3{font-size:1.45rem;line-height:1.32}
.book-info p,.book-info .book-blurb{font-size:1.02rem;line-height:1.6}
.book-info .eyebrow{font-size:.92rem}
:where(.mini-button,.text-button){font-size:1.02rem;line-height:1.4;min-height:44px}
.footer-about p,.footer-grid a,.footer-bottom{font-size:1.02rem;line-height:1.6}
.footer-grid h3{font-size:1.28rem}
:where(.breadcrumbs,.date-note,.download-box p,.skill-list span,.plain-action,.related-book p,.related-book a,.license-note,.sticker,.detail-skills,.activity-guide,.craft-art-note){font-size:1rem;line-height:1.55}
:where(.craft-card-meta,.craft-results-count,.craft-at-glance,.safety-tip,.craft-result figcaption,.craft-mobile-pick>span>span){font-size:1rem;line-height:1.52}
.craft-card-content h2{font-size:1.55rem}
.craft-card-content>p:not(.craft-card-meta){font-size:1.08rem;line-height:1.58}
.craft-card-action{font-size:1.06rem}
:where(.button,.inline-cta,.nav-watch,.path-copy>span){font-size:1.04rem;line-height:1.45}
:where(.sharing a,.sharing button,.filter-chip,.craft-filter,.mini-button,.text-button){min-height:44px}
:where(.book-info,.printable-info,.craft-card-content,.footer-grid>div){min-width:0}
:where(.book-info h3,.printable-info h3,.craft-card h2,.footer-grid a){overflow-wrap:anywhere}
@media(max-width:820px){
 .main-nav>a{font-size:1.13rem}
 .brand small{font-size:.89rem}
 .page-head p,.section-head p,.hero-summary{font-size:1.13rem;line-height:1.58}
 .character-card p,.character-card .character-role{font-size:1rem;line-height:1.58}
 .printable-info h3{font-size:1.38rem}
 .printable-info .eyebrow,.book-info .eyebrow{font-size:.94rem}
 .card-link-text{font-size:1.06rem}
}
@media(max-width:600px){
 body{font-size:19px}
 .brand small{font-size:.87rem}
 .hero-note,.season-inner p{font-size:1rem}
 .season-inner .eyebrow{font-size:.91rem}
 .printable-info{padding:16px 18px 21px}
 .printable-info h3{font-size:1.38rem}
 .printable-info .eyebrow{font-size:.93rem}
 .card-link-text{font-size:1.05rem}
 .card-badge{font-size:.87rem;left:9px;top:9px}
 .books-grid,.full-books-grid{grid-template-columns:minmax(0,1fr);gap:15px}
 .books-grid .book-card,.full-books-grid .book-card{display:grid;grid-template-columns:minmax(0,112px) minmax(0,1fr);gap:14px;align-items:start;padding:14px}
 .books-grid .book-cover,.full-books-grid .book-cover{height:auto;min-height:155px}
 .books-grid .book-cover img,.full-books-grid .book-cover img{width:100%;height:auto;max-height:165px;object-fit:contain}
 .books-grid .book-info,.full-books-grid .book-info{padding:0}
 .books-grid .book-info h3,.full-books-grid .book-info h3{font-size:1.32rem}
 .books-grid .book-info p,.full-books-grid .book-info p{font-size:1rem}
 .books-grid .book-info .book-blurb{display:block}
 .book-info .eyebrow{font-size:.91rem}
 .mini-button,.text-button{font-size:1rem}
 .character-card h3{font-size:1.35rem}
 .character-card p,.character-card .character-role{font-size:1rem}
 .footer-grid a{font-size:1.03rem}
 .footer-bottom{font-size:1rem}
 .craft-page-head>p{font-size:1.09rem}
 .craft-mobile-pick strong{font-size:1.25rem}
 .craft-mobile-pick>span>span{font-size:1rem}
 .craft-filter{font-size:1rem}
 .craft-card-content>p:not(.craft-card-meta){font-size:1.04rem}
}
@media(max-width:380px){
 .books-grid .book-card,.full-books-grid .book-card{grid-template-columns:minmax(0,93px) minmax(0,1fr);gap:11px;padding:12px}
 .brand strong{font-size:1.2rem}
 .brand small{font-size:.82rem}
 .printable-info h3{font-size:1.27rem}
 .card-badge{font-size:.83rem}
 .craft-at-glance{grid-template-columns:minmax(0,1fr)}
}
@media print{
 body{font-size:12pt}
 .site-footer,.main-nav{display:none!important}
}

/* Helpful craft intro: visually consistent with the existing family-friendly cards. */
.craft-parents-note{margin-block:10px 35px;padding:24px 30px;background:#fff;border:1px solid #e6e2d8;border-radius:24px}
.craft-parents-note>div{max-width:860px}
.craft-parents-note h2{font-size:clamp(1.75rem,2.4vw,2.45rem);margin-bottom:12px}
.craft-parents-note p{font-size:1.08rem;line-height:1.65;margin-bottom:12px}
.craft-parents-note p:last-child{margin-bottom:0}
.craft-parents-note a{color:#145478;font-weight:900;text-decoration:underline}
.craft-card-meta{font-size:1rem!important}
@media(max-width:600px){.craft-parents-note{padding:20px 19px;margin-bottom:25px}.craft-parents-note p{font-size:1.04rem}}

/* Strong selector intentionally overrides legacy 0.78rem button label. */
.mini-button,.text-button{font-size:1.02rem;line-height:1.45;min-height:44px}

/* Seasonal crafts: accessible filter guidance */
.craft-filter-hint{font-size:1rem;line-height:1.55;color:#43516b;margin:8px 0 5px}
@media(max-width:700px){.craft-filter-hint{font-size:.98rem;margin:8px 0 2px}}

/* Parent-focused Pinterest-to-stories journey */
.story-home-feature{padding:clamp(35px,5vw,70px) 0;background:#fff5e9;border-block:1px solid #efdfd1}
.story-home-head{max-width:730px;margin-bottom:22px}.story-home-head h2{font-size:clamp(1.9rem,3.3vw,3rem);margin:8px 0}.story-home-head p{font-size:1.1rem}
.story-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.story-home-card{min-width:0;background:white;border:1px solid #e5ddce;border-radius:21px;padding:14px;box-shadow:0 8px 25px #1f2a4412}
.story-home-cover{display:flex;justify-content:center;background:#faf7ef;border-radius:12px;min-height:180px;padding:10px}
.story-home-cover img{width:100%;max-height:220px;object-fit:contain}
.story-home-info{display:grid;gap:9px;padding:12px 0}.story-home-info h3{font-size:1.3rem;line-height:1.3}
.story-home-info a,.book-detail-link,.episode-followup a{display:block;color:#15598a;font-weight:900;font-size:1rem;text-decoration:underline;line-height:1.45;padding:4px 0}
.story-home-footer{display:flex;gap:13px;flex-wrap:wrap;margin-top:20px}.book-detail-link{margin:10px 0}.episode-followup{display:grid;gap:6px;margin-top:15px}
.story-book-page{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(20px,5vw,60px);align-items:start;margin:16px 0 60px}
.story-book-cover{background:white;border:1px solid #e6e0d6;border-radius:24px;padding:24px;box-shadow:0 10px 28px #1f2a4414;display:flex;justify-content:center}
.story-book-cover img{width:100%;max-height:470px;object-fit:contain}.story-book-copy h1{font-size:clamp(2.1rem,4vw,3.7rem);margin:11px 0}
.story-book-copy>p{font-size:1.06rem;line-height:1.65}.story-book-subtitle{font-weight:800;color:#42516b}
.story-book-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.story-book-actions a{min-height:48px;white-space:normal;text-align:center}
.story-book-note{font-size:.99rem!important;color:#47576b}
.story-companions{background:white;border:1px solid #e5e1d6;border-radius:24px;padding:clamp(18px,3vw,34px);margin-bottom:40px}
.story-companions h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:8px 0}.story-companions>p{font-size:1.06rem;color:#40516a}
.story-companion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.story-companion-card{min-width:0;background:#fff8ed;border:1px solid #ecdfcd;border-radius:18px;padding:20px}
.story-companion-card h3{font-size:1.42rem;margin:8px 0}.story-companion-card p{font-size:1.02rem;line-height:1.6}
.story-companion-card .button{white-space:normal;text-align:center}
.story-companion-icon{font-size:1.7rem}.story-more{margin-bottom:60px}.story-more h2{font-size:1.7rem}
.story-more p{font-size:1.05rem}.story-more .button{margin:10px 10px 0 0}
.story-continue{background:#fff5e7;border:1px solid #e9d7c2;border-radius:23px;margin:25px 0;padding:clamp(18px,3vw,27px)}
.story-continue-inner{display:grid;grid-template-columns:minmax(0,103px) minmax(0,1fr);gap:18px;align-items:start}
.story-continue-cover{width:100%;max-height:150px;object-fit:contain;border-radius:10px}
.story-continue h2{font-size:clamp(1.55rem,2.4vw,2rem);margin:5px 0 10px}
.story-continue p{font-size:1.02rem;line-height:1.6;margin-bottom:10px}
.story-continue-kicker{font-size:.91rem;font-weight:900;letter-spacing:.04em;color:#3c4964}
.story-continue-actions{display:flex;flex-wrap:wrap;gap:10px}.story-continue-actions .button{font-size:1rem;min-height:44px;text-align:center;white-space:normal}
@media(max-width:860px){.story-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-book-page{grid-template-columns:minmax(0,230px) minmax(0,1fr)}}
@media(max-width:640px){.story-book-page{grid-template-columns:minmax(0,1fr)}.story-book-cover{max-width:280px;width:100%;margin-inline:auto}.story-home-card{padding:11px}.story-home-cover{min-height:130px}.story-home-info h3{font-size:1.18rem}.story-companion-grid{grid-template-columns:minmax(0,1fr)}.story-home-footer .button{width:100%}.story-continue-inner{grid-template-columns:minmax(0,76px) minmax(0,1fr);gap:12px}.story-continue-actions{flex-direction:column}.story-continue-actions .button{width:100%}}
@media(max-width:350px){.story-home-grid,.story-continue-inner{grid-template-columns:minmax(0,1fr)}.story-continue-cover{max-width:110px}}
@media print{.story-continue,.story-home-feature,.story-companions,.story-more{display:none!important}}

.pin-story-bridge{margin:20px 0 36px;padding:clamp(17px,3vw,25px);background:#f1f8fb;border:1px solid #cbdfe8;border-radius:22px}
.pin-story-bridge h2{font-size:clamp(1.5rem,2.3vw,2rem);margin:0 0 9px}
.pin-story-bridge p{font-size:1.07rem;line-height:1.62;margin:0}
.pin-story-bridge a{color:#15598a;text-decoration:underline;font-weight:900}
.story-pin-share{margin:10px 0 18px}.story-pin-share a{font-size:1rem;font-weight:900;min-height:44px;display:inline-flex;align-items:center}
.story-book-share{margin:12px 0 18px}.story-book-share .plain-action{min-height:44px;display:inline-flex;align-items:center;font-size:1rem}

/* Descriptive page headings and real, readable parent FAQ.
   Preserve Big World's warm brand phrase without obscuring the page purpose. */
.hero-copy h1{font-size:clamp(2.45rem,4.25vw,4.65rem);line-height:1.1;letter-spacing:-.035em;max-width:17ch;text-wrap:balance}
.hero-brand-line{font-family:Caveat,cursive;font-size:clamp(1.9rem,2.6vw,2.65rem);line-height:1.2;font-weight:700;color:#73415d;margin:8px 0 16px}
.hero-copy .hero-summary{max-width:39rem;line-height:1.6}
.parent-faq{background:#fffaf3;padding:clamp(35px,5vw,64px) 0;border-top:1px solid #f1e2ce}
.parent-faq h2{font-size:clamp(1.85rem,3vw,2.65rem);line-height:1.22;max-width:24ch;margin:10px 0 22px}
.parent-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.parent-faq-item{background:#fff;border:1px solid #e8e0d4;border-radius:20px;padding:clamp(17px,2.5vw,25px);min-width:0}
.parent-faq-item h3{font-size:clamp(1.22rem,1.8vw,1.5rem);line-height:1.3;margin:0 0 12px}
.parent-faq-item p{font-size:1.06rem;line-height:1.63;margin:0}
.parent-faq-item a{color:#15598a;text-decoration:underline;text-underline-offset:3px;font-weight:800}
@media(max-width:820px){.hero-copy h1{font-size:clamp(2.3rem,6.2vw,3.35rem);max-width:19ch}}
@media(max-width:650px){.hero-copy h1{font-size:clamp(2.1rem,8.4vw,3.1rem);max-width:100%}.hero-brand-line{font-size:2rem;margin:6px 0 13px}.parent-faq-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:355px){.hero-copy h1{font-size:2.02rem;line-height:1.11}.hero-brand-line{font-size:1.75rem}}


/* ================================================================
   EDITORIAL STORYBOOK | Option A | REVIEW PROTOTYPE — October 2026
   Preview only: this branch is not merged into production.
   Preserve existing branded art, interactions, SEO and large text.
   Color contrast: ink on paper >12:1; white on teal >7:1.
   ================================================================ */
:root{
  --paper:#F8F7F3;
  --ink:#1F2D3D;
  --soft:#415264;
  --marigold:#135F67;
  --sky:#135F67;
  --leaf:#4B766D;
  --pink:#B14C42;
  --sun:#E8EEEB;
  --card:#FFFFFF;
  --radius:17px;
  --shadow:0 2px 6px rgba(31,45,61,.035),0 12px 32px rgba(31,45,61,.055);
  --editorial-border:#DCE3DF;
  --editorial-teal:#135F67;
  --editorial-coral:#B14C42;
  --editorial-sage:#E8EEEB;
}
body{background:var(--paper);color:var(--ink);font-size:19px;line-height:1.64}
:where(h1,h2,h3,.book-info h3,.craft-card h2,.footer-grid h3,.path-copy strong,.craft-card-content h2,.story-home-info h3){
  font-family:'Nunito',system-ui,sans-serif;
  font-weight:800;
  letter-spacing:-.032em;
  line-height:1.24;
}
:where(h1,h2){text-wrap:balance}
:where(.eyebrow,.scribble-eyebrow,.story-continue-kicker){
  font-family:'Nunito',system-ui,sans-serif;
  font-size:.88rem;
  line-height:1.48;
  font-weight:900;
  letter-spacing:.055em;
  text-transform:uppercase;
  color:#365F60;
}
:where(.hero-summary,.lead,.page-head p,.section-head p,.story-home-head p){color:var(--soft);line-height:1.63}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #135F67;outline-offset:3px;box-shadow:0 0 0 6px #fff}
.site-header{background:rgba(248,247,243,.98);border-bottom:1px solid var(--editorial-border);box-shadow:0 2px 16px rgba(31,45,61,.025);backdrop-filter:blur(16px)}
.site-header .header-inner{min-height:84px}
.main-nav>a{color:var(--ink);font-weight:800;border-radius:9px}
.main-nav>a:hover,.main-nav>a[aria-current="page"]{color:var(--editorial-teal);background:#E8EEEB}
.main-nav>a.nav-watch,.main-nav>a.nav-watch:hover{background:var(--editorial-teal);color:#fff!important;border:1px solid var(--editorial-teal);border-radius:11px;padding-inline:17px;text-decoration:none}
.brand img{border-radius:13px;box-shadow:none}
.brand strong{color:var(--ink);letter-spacing:-.02em}
.brand small{color:#486071}
.button,.mini-button,.text-button,.inline-cta{font-family:'Nunito',system-ui,sans-serif;font-weight:900}
.button{border-radius:12px;box-shadow:none!important;min-height:48px;transition:background-color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.button.primary,.button.small-light{background:var(--editorial-teal);color:#fff;border:1px solid var(--editorial-teal);box-shadow:none!important}
.button.primary:hover,.button.small-light:hover{background:#104E55;color:#fff;box-shadow:0 6px 18px rgba(19,95,103,.18)!important;transform:translateY(-1px)}
.button.secondary{background:#fff;color:var(--editorial-teal);border:1.5px solid #87A6A5;box-shadow:none!important}
.button.secondary:hover{background:#EFF5F2;color:#104E55;border-color:var(--editorial-teal);transform:translateY(-1px)}
:where(.plain-link,.inline-cta,.text-button,.book-detail-link,.story-home-info a,.episode-followup a,.card-link-text,.from-book a,.related-book a,.parent-faq-item a,.craft-parents-note a,.pin-story-bridge a,.story-pin-share a,.story-book-share a){color:#135F67;text-decoration-color:#135F67}
:where(.card-badge,.sticker){border-radius:8px}
.swash:after{background:#C8DBD3;opacity:.75;height:.17em;bottom:.04em}
.hero{background:linear-gradient(135deg,#FAFBF8 0%,#F1F5F2 100%);padding:clamp(35px,4.5vw,64px) 0 clamp(45px,5.5vw,72px);border-bottom:1px solid var(--editorial-border)}
.hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:clamp(25px,4vw,62px);justify-items:stretch;text-align:left}
.hero-copy{width:100%;max-width:650px;margin:0;text-align:left}
.hero-copy h1{font-size:clamp(2.3rem,4vw,4.12rem);letter-spacing:-.055em;line-height:1.12;max-width:14ch;text-align:left;margin:0 0 7px}
.hero-brand-line{font-size:clamp(1.45rem,2vw,1.92rem);color:var(--editorial-coral);font-family:'Nunito',system-ui,sans-serif;font-weight:800;letter-spacing:-.03em;margin:0 0 20px;text-align:left}
.hero-summary,.hero-copy .hero-summary{font-size:1.12rem;line-height:1.66;max-width:33rem;margin:0 0 22px;text-align:left}
.hero-buttons,.hero-note{justify-content:flex-start}
.hero-buttons{display:flex;gap:12px;align-items:stretch}
.hero-buttons .button{min-height:52px}
.hero-note{color:var(--soft);font-size:1.03rem;line-height:1.5}
.hero-note .hero-stars{color:var(--editorial-coral)}
.scribble-eyebrow{font-size:.9rem;margin:0 0 18px;color:#315B59}
.hero-media{display:block;position:relative;width:100%;max-width:100%;min-width:0;min-height:0;margin:0}
.hero-poster{width:100%;max-width:100%;padding:0;border:1px solid #D4DED8;border-radius:23px;overflow:hidden;transform:none;box-shadow:0 14px 44px rgba(31,45,61,.11);background:#fff}
.hero-poster img{width:100%;height:auto;max-height:450px;display:block;object-fit:cover;border-radius:0}
.art-backdrop,.washi-tape,.hero-doodle,.art-label{display:none}
.brand-banner{display:none}
.story-home-feature{background:#F4F5F1;border-block:1px solid var(--editorial-border);padding-block:clamp(40px,5vw,70px)}
.story-home-head h2,.section-head h2,.parent-start-head h2{letter-spacing:-.035em}
.story-home-head p{color:var(--soft)}
.story-home-grid,.books-grid,.full-books-grid,.printables-grid,.craft-grid,.home-craft-grid{gap:clamp(14px,1.9vw,24px)}
:where(.story-home-card,.path-card,.printable-card,.book-card,.episode-card,.character-card,.craft-card,.parent-faq-item,.story-companion-card,.story-book-cover,.story-companions,.story-continue,.quiet-box,.conversation-card,.from-book,.download-box,.activity-guide,.detail-preview){
  border:1px solid var(--editorial-border);
  border-radius:17px;
  background:#fff;
  box-shadow:var(--shadow);
}
:where(.story-home-card,.printable-card,.book-card,.episode-card,.craft-card,.parent-faq-item,.path-card):hover{
  box-shadow:0 5px 20px rgba(31,45,61,.085);transform:translateY(-2px)
}
.story-home-cover,.book-cover,.printable-image{background:#F4F6F3;border-radius:12px}
.story-home-cover img,.book-cover img{object-fit:contain}
.story-home-card{padding:17px}
.story-home-info h3,.book-info h3{font-size:1.3rem}
.story-home-info a{font-size:1rem}
.story-home-footer{margin-top:25px}
.parent-start{background:#fff;border-color:var(--editorial-border);padding-block:48px}
.path-card{box-shadow:none;min-height:112px;padding:21px 17px;align-items:center}
.path-icon{background:var(--editorial-sage);border-radius:12px}
.path-card:nth-child(2) .path-icon,.path-card:nth-child(3) .path-icon{background:#EDF3F3}
.path-copy strong{font-size:1.16rem}
.steps-strip b{background:var(--editorial-sage);color:var(--ink)}
.season-banner{background:#E8EEEB;border-block:1px solid #D5E2DA}
.season-inner p{color:var(--soft)}
.season-emblem{background:#F8F7F3}
.home-crafts{background:var(--paper)}
.craft-feature,.craft-mobile-pick,.craft-parents-note{border:1px solid var(--editorial-border);background:#fff;border-radius:17px;box-shadow:var(--shadow)}
.craft-card-visual{padding:0}
.craft-card-image{background:#F2F5F3}
.craft-card-image img{object-fit:cover}
.craft-card-content{padding:20px}
.craft-card-meta,.craft-card .eyebrow{color:#425F5E}
.craft-card-action{color:#135F67}
.craft-trust{color:#285F51}
.craft-filter,.filter-chip{background:#fff;border:1.5px solid #BCCFCB;color:var(--ink);border-radius:11px;box-shadow:none;min-height:46px;font-weight:800}
.craft-filter.active,.craft-filter[aria-pressed=true],.filter-chip.active,.filter-chip[aria-pressed=true]{background:var(--editorial-teal);color:#fff;border-color:var(--editorial-teal)}
.craft-filter:hover,.filter-chip:hover{border-color:var(--editorial-teal);background:#EEF4F1}
.craft-filter[aria-pressed=true]:hover,.filter-chip[aria-pressed=true]:hover{background:#104E55;color:#fff}
.craft-search-label,.search-label,.find-toolbar{border:1px solid var(--editorial-border);border-radius:13px;background:#fff}
.craft-parents-note a,.quiet-box a{font-weight:800}
.story-book-page .story-book-cover{background:#fff;padding:20px}
.story-book-copy h1{font-size:clamp(2rem,3.7vw,3.25rem)}
.story-book-subtitle{color:#425566}
.story-companions{background:#fff}
.story-companion-card{background:#F5F8F6}
.story-continue{background:#F0F5F2}
.pin-story-bridge{background:#EFF5F2;border:1px solid #D1E1D8}
.parent-faq{background:#F5F6F3;border-top:1px solid var(--editorial-border)}
.parent-faq-item{box-shadow:none}
.parent-faq-item p{color:var(--soft)}
.social-card{border-radius:18px;box-shadow:none;background:#E9F0EC;color:var(--ink)}
.social-card h2,.social-card p{color:var(--ink)}
.site-footer{background:#1F2D3D;color:#fff}
.footer-about p,.footer-bottom,.footer-grid a{color:#E0E8E8}
.footer-grid a:hover{color:#fff}
.back-to-top{background:var(--editorial-teal);color:white}
@media(max-width:1050px){
 .hero-grid{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
 .hero-copy{margin-inline:auto;text-align:center;max-width:750px}
 .hero-copy h1,.hero-summary,.hero-copy .hero-summary,.hero-brand-line{text-align:center;margin-left:auto;margin-right:auto;max-width:24ch}
 .hero-copy .hero-summary{max-width:38rem}
 .hero-buttons,.hero-note{justify-content:center}
 .hero-media{display:none}
 .brand-banner{display:block;margin:0 auto clamp(22px,3vw,42px);max-width:1160px}
 .brand-banner-picture{border-radius:17px;border:1px solid var(--editorial-border);box-shadow:var(--shadow)}
}
@media(max-width:650px){
 .hero{padding:32px 0 30px}
 .hero-copy h1{font-size:clamp(2.15rem,8.2vw,3.1rem);line-height:1.13}
 .hero-brand-line{font-size:1.45rem;margin:8px 0 14px}
 .hero-copy .hero-summary{font-size:1.06rem;line-height:1.58;margin-bottom:20px}
 .hero-buttons{flex-direction:column;gap:10px;width:100%}
 .hero-buttons .button{width:100%;min-height:50px}
 .hero-note{font-size:.96rem;margin-top:14px}
 .story-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .story-home-cover{min-height:135px}
 .story-home-cover img{max-height:190px}
 .story-home-card{padding:12px}
 .parent-start{padding-block:30px}
 .path-card{min-height:92px}
 .page-head{padding-top:45px}
 .page-head h1{font-size:clamp(2.05rem,8vw,2.9rem)}
 .craft-filters{gap:7px}
 .craft-filter{font-size:.99rem}
}
@media(max-width:350px){
 .hero-copy h1{font-size:2.02rem}
 .story-home-grid{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
 :where(.button,.story-home-card,.printable-card,.book-card,.craft-card,.path-card){transition:none!important;transform:none!important}
}
@media print{
 body{background:#fff;color:#000}
 .story-home-feature{display:none!important}
}

/* Retain the approved banner image as the hero artwork at every viewport. */
.hero-media .brand-banner{display:block!important;width:100%;max-width:100%;margin:0}
.hero-media .brand-banner-picture{display:block;border:1px solid var(--editorial-border);border-radius:18px;overflow:hidden;box-shadow:0 14px 40px rgba(31,45,61,.075);background:#ECF2EE}
.hero-media .brand-banner-picture img{display:block;width:100%;height:auto;max-height:465px;object-fit:contain}
.sticker:first-child{background:#135F67;color:#FFFFFF}
@media(max-width:1050px){
 .hero-media{display:block!important;width:min(100%,750px);margin:20px auto 0}
 .hero-media .brand-banner{display:block!important}
}
@media(max-width:650px){.hero-media{margin:8px auto 0}.hero-media .brand-banner-picture{border-radius:14px}}


/* Screenshot review refinement: modern editorial typography & book hierarchy. */
h1,h2,h3,
.hero-copy h1,.page-head h1,.section-head h2,
.story-home-head h2,.story-home-info h3,
.book-info h3,.craft-card h2,.craft-card-content h2,
.parent-faq h2,.parent-faq-item h3,
.footer-grid h3,.path-copy strong{
 font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
 font-weight:750;
 letter-spacing:-.037em;
 line-height:1.2;
}
.page-head h1,.craft-page-head h1{font-size:clamp(2.3rem,4.6vw,3.9rem);line-height:1.16;max-width:900px}
.page-head p{font-size:1.12rem;max-width:780px}
.hero-copy h1{font-weight:800;font-size:clamp(2.3rem,3.65vw,3.75rem);max-width:15ch}
.hero-brand-line{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.mini-button,.book-actions .mini-button{
 background:#135F67;color:#fff;
 border:1px solid #135F67;
 border-radius:11px;
 box-shadow:none;
 padding:11px 15px;
 text-align:center;
}
.mini-button:hover,.book-actions .mini-button:hover{background:#104E55;color:#fff}
.book-info h3{font-size:1.25rem}
.full-books-grid .book-info .book-blurb{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}
.full-books-grid .book-actions{margin-top:auto}
@media(max-width:650px){
 .page-head h1,.craft-page-head h1{font-size:clamp(2.07rem,8vw,2.85rem)}
 .hero-copy h1{font-size:clamp(2.13rem,8.2vw,2.85rem);max-width:100%}
 .full-books-grid .book-card{display:grid;grid-template-columns:minmax(0,117px) minmax(0,1fr);gap:13px;padding:14px}
 .full-books-grid .book-cover{min-height:155px}
 .full-books-grid .book-cover img{max-height:186px}
 .full-books-grid .book-info .book-blurb{-webkit-line-clamp:3;line-clamp:3}
 .full-books-grid .book-actions{margin-top:10px;gap:10px}
 .full-books-grid .book-actions .mini-button{width:100%;font-size:.98rem}
}
@media(max-width:380px){
 .full-books-grid .book-card{grid-template-columns:minmax(0,99px) minmax(0,1fr);gap:11px}
}


/* Accessibility refinement: keep small labels comfortably legible at narrow widths. */
.main-nav>a{font-size:1.125rem;line-height:1.48;min-height:48px}
.brand small{font-size:1rem;line-height:1.4;letter-spacing:0;overflow-wrap:anywhere;min-width:0}
.card-badge{font-size:.95rem;line-height:1.32}
.menu-toggle{min-height:48px;min-width:48px}
@media(max-width:650px){
 .brand small{font-size:1rem}
 .main-nav>a{font-size:1.125rem;min-height:48px}
 .card-badge{font-size:.95rem}
}


/* Readable section labels, including the small uppercase identifiers on book cards. */
.eyebrow,.scribble-eyebrow,.story-continue-kicker,
.book-info .eyebrow,.printable-info .eyebrow,.season-inner .eyebrow{font-size:1rem;line-height:1.45;letter-spacing:.04em}

/* Keep the expanded mobile menu directly beneath the header even when the
   larger brand subtitle wraps on a narrow phone or at enlarged text sizes. */
@media(max-width:820px){
 .main-nav{position:absolute;top:calc(100% + 1px);min-height:0;max-height:calc(100dvh - 100%);overflow-y:auto}
}

/* Preserve readable, one-direction scrolling when text is enlarged to 200%.
   Responsive card columns collapse naturally when rem-sized text gets larger. */
@media(max-width:650px){
 .story-home-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))}
 .craft-mobile-pick,.craft-feature{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}
 .craft-mobile-pick>span,.craft-feature>div{min-width:0;overflow-wrap:anywhere}
 .craft-mobile-pick .inline-cta{max-width:100%;width:auto;white-space:normal;overflow-wrap:anywhere}
 .craft-filters,.chip-row{max-width:100%;min-width:0}
}


/* Text-only resize: allow headline rows and feature cards to wrap rather than
   imposing their original compact mobile min-content width. */
@media(max-width:650px){
 .section-head{flex-wrap:wrap;align-items:stretch}
 .section-head>div{flex:1 1 100%;min-width:0;max-width:100%;overflow-wrap:anywhere}
 .home-craft-grid .craft-feature{min-width:0;max-width:100%;width:100%;overflow:hidden}
 :where(.craft-feature>div,.story-home-info,.story-home-head,.season-inner>div){min-width:0;max-width:100%;overflow-wrap:anywhere}
 :where(.craft-feature h3,.craft-feature .eyebrow,.craft-feature .inline-cta,.section-head h2){overflow-wrap:anywhere;max-width:100%}
}


/* At phone width, a stacked project preview avoids minimum text widths
   forcing two-dimensional scrolling when text is enlarged by 200%. */
@media(max-width:650px){
 .home-craft-grid .craft-feature{display:flex;flex-direction:column;gap:14px;max-width:100%;min-width:0}
 .home-craft-grid .craft-feature img{width:100%;height:auto;max-height:225px;object-fit:cover}
 .home-craft-grid .craft-feature>div{display:block;min-width:0;width:100%;max-width:100%;overflow-wrap:anywhere}
 .home-craft-grid .craft-feature .eyebrow{white-space:normal;overflow-wrap:anywhere;width:100%;max-width:100%}
}


/* 200% text-only resize: the homepage social follow panel must not retain
   an intrinsic minimum width that pushes its content offscreen. */
@media(max-width:650px){
 .social-card{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:100%;min-width:0}
 .social-card>div{min-width:0;max-width:100%;overflow-wrap:anywhere}
 .social-card .eyebrow,.social-card h2,.social-card p{white-space:normal;max-width:100%;overflow-wrap:anywhere}
 .social-buttons{display:flex;flex-wrap:wrap;max-width:100%;min-width:0}
 .social-buttons a{white-space:normal;max-width:100%;overflow-wrap:anywhere}
}


/* Make the home printable-list link wrap at 200% text enlargement. */
@media(max-width:650px){
 .section-head>.inline-cta{display:inline-flex;flex-wrap:wrap;min-width:0;max-width:100%;width:100%;white-space:normal;overflow-wrap:anywhere;justify-content:flex-start}
}


/* ===============================================================
   MAGICAL STORYBOOK V2 — reviewed desktop + mobile composition
   Reuses approved Big World brand/logo, character banner and books.
   No image overlays, font-file downloads, autoplay or scrolljacking.
   =============================================================== */
:root{
 --paper:#FFF9F0;
 --ink:#14293E;
 --soft:#405468;
 --editorial-teal:#115F68;
 --editorial-coral:#AC4B43;
 --editorial-sage:#E8F2E7;
 --editorial-border:#DFE5DF;
 --storybook-yellow:#FFC442;
 --storybook-green:#E4F1DB;
 --storybook-blue:#E2F0F7;
}
body{background:var(--paper);color:var(--ink);font:400 19px/1.65 "Nunito",system-ui,sans-serif}
:where(h1,h2,h3,.hero-copy h1,.story-home-head h2,.story-home-info h3,
 .parent-start-head h2,.path-copy strong,.book-info h3,.footer-grid h3){
 font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-.035em;
 color:var(--ink);line-height:1.15
}
:where(.hero-summary,.story-home-head p,.parent-start-head p){color:var(--soft)}
.site-header{background:rgba(255,249,240,.985);border-bottom:1px solid #E8DED0}
.site-header .header-inner{min-height:85px;gap:clamp(10px,1.4vw,22px)}
.site-header .brand strong{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.42rem,2vw,1.82rem);letter-spacing:-.04em}
.site-header .brand img{border:2px solid white;border-radius:13px}
.site-header .brand small{font-size:1rem;color:#405366;max-width:250px;line-height:1.27}
.main-nav{gap:clamp(6px,1.15vw,16px)}
.main-nav>a{font-size:1.125rem;min-height:48px;padding:10px 6px;white-space:nowrap;line-height:1.35}
.main-nav>a.nav-watch,.main-nav>a.nav-watch:hover{
 background:var(--storybook-yellow);color:var(--ink)!important;
 border:1.5px solid #AE7700;border-radius:30px;padding:12px 18px;
 font-size:1rem;box-shadow:none;font-weight:900
}
.main-nav>a.nav-watch:hover{background:#FFD467}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #155F68;outline-offset:4px;box-shadow:0 0 0 3px #fff}
:where(.button,.mini-button,.text-button){min-height:48px}
.button,.mini-button,.text-button{border-radius:25px;font-family:"Nunito",system-ui,sans-serif}
.button.primary,.hero-buttons .button.primary{background:var(--storybook-yellow);color:var(--ink);border:2px solid #AF770A;box-shadow:none!important}
.button.primary:hover,.hero-buttons .button.primary:hover{background:#FFCF5C;color:var(--ink);border-color:#855900;transform:translateY(-2px)}
.button.secondary,.hero-buttons .button.secondary{background:#FFFEFC;border:2px solid #315A71;color:var(--ink)}
.button.secondary:hover,.hero-buttons .button.secondary:hover{background:#E8F2F4;color:var(--ink);border-color:#154D63}
@media(prefers-reduced-motion:reduce){
 .button.primary:hover,.hero-buttons .button.primary:hover,.button.secondary:hover{transform:none}
}

/* The hero has four meaningful reading regions. The real image is CSS-cropped,
   never replaced with a different generated cast. */
.hero{position:relative;overflow:hidden;background:
 radial-gradient(ellipse at 78% 26%,#DDEEE7 0%,transparent 52%),
 linear-gradient(105deg,#FFF9EF 0%,#FFFDF6 45%,#F1F7EE 100%);
 padding:clamp(26px,4vw,62px) 0 clamp(32px,4.5vw,62px);
 border-bottom:1px solid #EBE0CE
}
.hero:before{content:"";position:absolute;left:-38px;bottom:-32px;width:135px;height:155px;opacity:.48;pointer-events:none;
 background:radial-gradient(ellipse at 75% 85%,#6B9C61 0 17%,transparent 18%),radial-gradient(ellipse at 50% 56%,#B3CF94 0 16%,transparent 17%),radial-gradient(ellipse at 80% 33%,#89B98A 0 14%,transparent 15%)}
.hero-grid{
 display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
 grid-template-areas:"intro media" "actions media" "trust media";
 column-gap:clamp(24px,3.5vw,62px);row-gap:16px;
 align-items:center;text-align:left
}
.hero-copy{grid-area:intro;margin:0;padding-top:clamp(8px,3vw,40px);min-width:0;max-width:580px}
.hero-copy h1{font-size:clamp(2.85rem,5.15vw,5.15rem);line-height:1.06;max-width:12ch;letter-spacing:-.055em;
 text-wrap:balance;margin:0 0 15px;color:#12263E;text-align:left}
.hero .scribble-eyebrow{font-family:"Nunito",system-ui,sans-serif;font-size:.99rem;line-height:1.4;font-weight:900;
 color:#17616B;letter-spacing:.045em;text-transform:uppercase;margin:0 0 18px;max-width:35ch}
.hero-brand-line{font:700 clamp(1.14rem,1.8vw,1.35rem)/1.35 "Nunito",system-ui,sans-serif;
 color:#9C493B;margin:0 0 8px;text-align:left}
.hero .hero-summary{font-size:1.12rem;line-height:1.65;max-width:36rem;margin:0;text-align:left}
.hero-media{grid-area:media;display:block!important;position:relative;min-width:0;width:100%;max-width:100%;margin:0;overflow:visible}
.hero-media .brand-banner{display:block!important;width:100%;max-width:100%;margin:0}
.hero-media .brand-banner-picture{display:block;position:relative;width:100%;aspect-ratio:1.2 / 1;overflow:hidden;
 background:#E4F0E6;border-radius:26px;box-shadow:0 15px 35px rgba(24,52,52,.10);border:1px solid #D4E2D4}
.hero-media .brand-banner-picture img{display:block;width:100%;height:100%;max-height:none;
 object-fit:cover;object-position:50% 45%;border-radius:0}
.hero-buttons{grid-area:actions;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;
 width:100%;gap:11px;margin:0;min-width:0}
.hero-buttons .button{padding:13px 18px;min-height:54px;font-weight:900;font-size:1.04rem;
 line-height:1.4;white-space:normal;text-align:center}
.hero-note{grid-area:trust;display:block;width:100%;margin:2px 0 0;font-size:1rem;
 color:#385A48;line-height:1.5;text-align:left}
.hero-note span{color:#D39A1E;font-size:1.2rem}

/* Actual four book covers take centre stage, with the storybook shelf below. */
.story-home-feature{background:#FFF9F0;border:0;padding:clamp(38px,5vw,75px) 0 48px}
.story-home-head{max-width:900px;margin:0 0 26px}
.story-home-head .eyebrow{font-size:1rem;color:#285C62}
.story-home-head h2{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.18;margin:4px 0 8px}
.story-home-head p{font-size:1.1rem;line-height:1.6;max-width:65ch}
.story-home-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
 gap:clamp(11px,2vw,28px);align-items:end;padding:0 15px 20px}
.story-home-grid:after{content:"";position:absolute;bottom:92px;left:0;right:0;height:17px;
 background:linear-gradient(to bottom,#A7724B 0%,#8A5B38 55%,#694229 100%);
 border-radius:4px;box-shadow:0 8px 11px rgba(56,36,22,.17);pointer-events:none}
.story-home-card{position:relative;z-index:1;display:flex;flex-direction:column;min-width:0;align-self:stretch;
 background:transparent;box-shadow:none!important;border:0;border-radius:4px;padding:0;text-align:center;transform:none}
.story-home-cover{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:260px;
 border:0;border-radius:5px;background:transparent;box-shadow:none}
.story-home-cover img{width:auto;max-width:100%;max-height:245px;height:auto;object-fit:contain;
 border-radius:4px;box-shadow:6px 8px 14px rgba(47,45,32,.18),1px 0 2px rgba(36,31,28,.18);
 transition:transform .18s ease,box-shadow .18s ease}
.story-home-cover:hover img,.story-home-cover:focus-visible img{transform:translateY(-5px);
 box-shadow:7px 13px 18px rgba(47,45,32,.18)}
.story-home-info{flex:1;gap:7px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
 padding:23px 0 2px;min-width:0}
.story-home-info h3{font:700 1.32rem/1.26 Georgia,"Times New Roman",serif}
.story-home-info a{font-size:1rem;line-height:1.4;color:#145B67;font-weight:900;
 min-height:40px;display:inline-flex;align-items:center;justify-content:center}
.story-home-footer{margin:22px 0 0;display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.story-home-footer .button{min-height:48px}
.story-home-watch{font-size:1.02rem;font-weight:900;color:#145B67;text-decoration:underline;text-underline-offset:4px;
 min-height:44px;display:inline-flex;align-items:center}

/* Three parent-friendly actions, mirroring the approved design. */
.parent-start{background:#FFFCF7;border-top:1px solid #EFE3D5;padding:clamp(32px,4vw,65px) 0}
.parent-start-head{max-width:950px;margin:0 0 24px}
.parent-start-head h2{font-size:clamp(1.85rem,3vw,2.95rem);line-height:1.22;margin:8px 0}
.parent-start-head p{font-size:1.07rem;line-height:1.6}
.parent-paths{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.path-card{min-height:136px;gap:15px;border-radius:17px;padding:24px 18px;text-decoration:none;
 border:1px solid #C8DDC5;background:var(--storybook-green);box-shadow:none!important}
.path-card.path-create{background:#FFF0C9;border-color:#F0DAA7}
.path-card.path-watch{background:var(--storybook-blue);border-color:#C6DCE8}
.path-card .path-icon{flex:0 0 60px;width:60px;height:60px;min-height:60px;background:rgba(255,255,255,.72);
 border-radius:15px;font-size:1.85rem}
.path-copy strong{font-size:1.55rem;line-height:1.15}
.path-copy>span{font-size:1rem;line-height:1.45;color:#345064}
.path-arrow{font-size:1.65rem;color:#125C62}
.path-card:hover{border-color:#547D72}
.steps-strip{font-size:1rem;color:#345965}

/* Accents are decorative only; information remains in DOM text. */
@media(max-width:1100px){
 .site-header .brand small{font-size:1rem}
 .site-header .main-nav{gap:7px}
 .site-header .main-nav>a{font-size:1.125rem;padding-inline:4px}
 .site-header .main-nav>a.nav-watch{font-size:.95rem;padding-inline:11px}
 .hero-grid{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)}
 .hero-copy h1{font-size:clamp(2.5rem,4.5vw,4.1rem)}
}
@media(max-width:820px){
 .site-header .brand small{font-size:1rem}
 .hero{padding:28px 0 35px}
 .hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "media" "actions" "trust";
   gap:18px;justify-items:stretch;text-align:center}
 .hero-copy{max-width:700px;margin:0 auto;padding-top:0;text-align:center}
 .hero-copy h1{font-size:clamp(2.7rem,7vw,3.9rem);max-width:16ch;margin:0 auto 12px;text-align:center}
 .hero .scribble-eyebrow,.hero-brand-line,.hero .hero-summary{text-align:center;margin-left:auto;margin-right:auto}
 .hero-brand-line{margin-bottom:10px}
 .hero .hero-summary{max-width:42rem}
 .hero-media{max-width:750px;width:100%;margin:0 auto}
 .hero-media .brand-banner-picture{aspect-ratio:1.6 / 1}
 .hero-buttons{justify-content:center}
 .hero-note{text-align:center}
}
@media(max-width:650px){
 .hero{padding:24px 0 33px}
 .hero-grid{gap:15px}
 .hero-copy h1{font-size:clamp(2.3rem,10vw,3.15rem);max-width:15ch;line-height:1.08}
 .hero .scribble-eyebrow{font-size:.88rem;line-height:1.5;max-width:30ch;margin-bottom:12px}
 .hero-brand-line{font-size:1.13rem}
 .hero .hero-summary{font-size:1.05rem;line-height:1.6;max-width:36ch}
 .hero-media .brand-banner-picture{aspect-ratio:1.46 / 1;border-radius:17px}
 .hero-buttons{width:100%;flex-direction:column;gap:10px}
 .hero-buttons .button{display:flex;width:100%;min-width:0;min-height:52px;justify-content:center;gap:9px}
 .story-home-feature{padding:36px 0 32px}
 .story-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px;padding:0 0 9px}
 .story-home-grid:after{display:none}
 .story-home-cover{min-height:0;align-items:center}
 .story-home-cover img{max-height:196px}
 .story-home-info{padding:13px 0 5px;gap:5px}
 .story-home-info h3{font-size:1.23rem}
 .story-home-info a{font-size:.96rem}
 .story-home-card{min-width:0;padding:5px 5px 12px;border-bottom:2px solid #D7B799}
 .story-home-footer{margin-top:18px}
 .parent-start{padding:33px 0}
 .parent-paths{grid-template-columns:minmax(0,1fr);gap:11px}
 .path-card{min-height:100px;padding:17px 14px}
 .path-card .path-icon{flex-basis:54px;width:54px;height:54px;min-height:54px}
 .path-copy strong{font-size:1.33rem}
 .steps-strip{margin-top:19px}
}
@media(max-width:380px){
 .hero-copy h1{font-size:2.25rem}
 .hero .hero-summary{font-size:1.03rem}
 .story-home-info h3{font-size:1.11rem}
 .story-home-info a{font-size:.91rem}
 .story-home-cover img{max-height:158px}
 .site-header .brand strong{font-size:1.2rem}
}
@media(prefers-reduced-motion:reduce){
 .story-home-cover img{transition:none!important}
 .story-home-cover:hover img,.story-home-cover:focus-visible img{transform:none!important}
}

/* Accessibility QA: preserve 18px navigation at every breakpoint and readable footer titles. */
.site-header .main-nav>a:not(.nav-watch){font-size:1.125rem}
.site-header .brand small{font-size:1rem}
.site-footer h2,.site-footer h3,.site-footer .footer-about h2,.site-footer .footer-grid h3{color:#FFFFFF}


/* Final visual QA: strong selectors override old sans-serif utility headings. */
.hero .hero-copy h1,
.story-home-feature .story-home-head h2,
.parent-start .parent-start-head h2,
.story-home-feature .story-home-info h3{
 font-family:Georgia,"Times New Roman",serif;
 font-weight:700;letter-spacing:-.044em;line-height:1.13
}
.story-home-feature .story-home-info h3{line-height:1.23}
@media(max-width:650px){
 .hero .hero-copy h1{font-size:clamp(2.2rem,9.2vw,2.75rem);margin-bottom:10px}
 .hero{padding-top:17px}
 .hero .scribble-eyebrow{margin-bottom:9px}
 .hero-brand-line{margin-bottom:6px}
 .hero .hero-summary{line-height:1.52}
 .hero-grid{gap:12px}
 .hero .hero-note{margin-top:0}
}


/* ============================================================
   Storybook fidelity repair · sample-aligned layout
   Scoped strictly to the Big World homepage. Children/artwork
   are original, not replaced by sample-generated characters.
   ============================================================ */
body.bigworld-home .site-header{background:#FFF9F0}
body.bigworld-home .site-header .header-inner{min-height:75px;gap:22px}
body.bigworld-home .site-header .brand{min-width:224px;gap:0;align-items:center}
body.bigworld-home .site-header .brand img{display:none}
body.bigworld-home .site-header .brand .brand-identity{display:flex;flex-direction:column;align-items:flex-start;gap:1px}
body.bigworld-home .site-header .brand small{font:800 .9rem/1.2 "Nunito",system-ui,sans-serif;letter-spacing:-.02em;color:#26394A;white-space:nowrap}
body.bigworld-home .site-header .brand strong{font:700 2.15rem/1.07 Georgia,"Times New Roman",serif;color:#143C52;letter-spacing:-.065em;white-space:nowrap}
body.bigworld-home .site-header .brand .brand-spark{font:700 1rem/1 sans-serif;color:#D89418;vertical-align:top;margin-left:5px}
body.bigworld-home .main-nav>a{font-weight:800}

body.bigworld-home .hero{
 background:radial-gradient(ellipse at 82% 55%,#E2F2EB 0%,#FFF9F0 67%);
 border-bottom:0;padding:18px 0 2px;overflow:hidden
}
body.bigworld-home .hero:before{display:none}
body.bigworld-home .hero .hero-grid{
 grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
 grid-template-areas:"intro media" "actions media" "trust media";
 column-gap:clamp(14px,3.2vw,55px);row-gap:12px;
 align-items:center;max-width:1280px;min-height:0
}
body.bigworld-home .hero .hero-copy{padding-top:6px;max-width:530px;align-self:end}
body.bigworld-home .hero .scribble-eyebrow{font-size:.92rem;line-height:1.4;letter-spacing:.03em;text-transform:uppercase;color:#316574;margin:0 0 17px;max-width:41ch}
body.bigworld-home .hero .hero-copy h1{
 font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,4.35vw,4.5rem);
 font-weight:700;line-height:1.065;letter-spacing:-.065em;
 max-width:12.6ch;color:#10283E;margin:0 0 16px;text-align:left
}
body.bigworld-home .hero .hero-summary{max-width:30rem;font-size:1.105rem;line-height:1.54;color:#283D50;margin:0}
body.bigworld-home .hero .hero-brand-line{display:none}
body.bigworld-home .hero .hero-media{height:455px;width:100%;align-self:stretch;margin:0;min-width:0;position:relative;overflow:visible}
body.bigworld-home .hero .brand-banner{display:block!important;position:relative;height:100%;width:100%;max-width:none}
body.bigworld-home .hero .brand-banner-picture{
 display:block;width:110%;height:102%;max-height:none;position:absolute;top:-2%;left:-4%;
 border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible
}
body.bigworld-home .hero .brand-banner-picture img{
 display:block;width:100%;height:100%;max-height:none;
 object-fit:cover;object-position:50% 40%;border:0;border-radius:0;
 mask-image:radial-gradient(ellipse 69% 77% at 51% 49%,#000 60%,transparent 100%);
 -webkit-mask-image:radial-gradient(ellipse 69% 77% at 51% 49%,#000 60%,transparent 100%)
}
body.bigworld-home .hero .storybook-open-book{
 position:absolute;width:112%;max-width:none;height:auto;left:-7%;bottom:-6px;
 display:block;z-index:2;pointer-events:none;filter:drop-shadow(0 5px 7px rgba(51,43,29,.13))
}
body.bigworld-home .hero .hero-buttons{
 align-self:center;display:flex;flex-direction:column;align-items:stretch;
 max-width:345px;gap:10px;justify-content:flex-start
}
body.bigworld-home .hero .hero-buttons .button{
 min-height:49px;padding:11px 16px;border-radius:24px;
 font-size:1.03rem;line-height:1.35;display:flex;align-items:center;justify-content:center;gap:7px
}
body.bigworld-home .hero .hero-note{
 font-size:1rem;line-height:1.45;margin:0;align-self:start;color:#31546B
}
body.bigworld-home .story-home-feature{padding:20px 0 30px;background:#FFF9F0}
body.bigworld-home .story-home-head{margin-bottom:12px}
body.bigworld-home .story-home-head h2{font-size:clamp(2rem,3.2vw,2.65rem);margin:0 0 7px}
body.bigworld-home .story-home-head p{font-size:1rem;line-height:1.45;margin:0}
body.bigworld-home .story-home-head .eyebrow{display:none}
body.bigworld-home .story-home-grid{padding-bottom:13px}
body.bigworld-home .story-home-cover{min-height:225px}
body.bigworld-home .story-home-cover img{max-height:230px}
body.bigworld-home .story-home-grid:after{bottom:89px}
body.bigworld-home .story-home-info{padding:19px 0 1px}
body.bigworld-home .parent-start{padding:29px 0 44px}
@media(max-width:1100px){
 body.bigworld-home .site-header .brand{min-width:190px}
 body.bigworld-home .site-header .brand strong{font-size:1.87rem}
 body.bigworld-home .hero .hero-copy h1{font-size:clamp(2.8rem,4.2vw,3.8rem)}
 body.bigworld-home .hero .hero-grid{gap:12px}
 body.bigworld-home .hero .hero-media{height:420px}
}
@media(max-width:820px){
 body.bigworld-home .site-header .brand{min-width:0}
 body.bigworld-home .site-header .brand strong{font-size:1.7rem}
 body.bigworld-home .site-header .header-inner{min-height:70px}
 body.bigworld-home .hero{padding:17px 0 0}
 body.bigworld-home .hero .hero-grid{
   grid-template-columns:minmax(0,1fr);
   grid-template-areas:"intro" "media" "actions" "trust";
   gap:12px;justify-items:center;text-align:center
 }
 body.bigworld-home .hero .hero-copy{align-self:auto;max-width:680px;text-align:center}
 body.bigworld-home .hero .scribble-eyebrow{margin:0 auto 12px}
 body.bigworld-home .hero .hero-copy h1{font-size:clamp(2.3rem,6.8vw,3.5rem);margin:0 auto 12px;max-width:16ch;text-align:center}
 body.bigworld-home .hero .hero-summary{margin:0 auto;max-width:35rem;text-align:center}
 body.bigworld-home .hero .hero-media{width:min(100%,510px);height:300px;margin:0 auto}
 body.bigworld-home .hero .brand-banner-picture{width:100%;left:0;height:100%;top:0}
 body.bigworld-home .hero .storybook-open-book{bottom:-8px;width:109%;left:-4.5%}
 body.bigworld-home .hero .hero-buttons{max-width:550px;width:100%;margin:0 auto}
 body.bigworld-home .hero .hero-note{text-align:center;justify-self:center;margin:0}
}
@media(max-width:650px){
 body.bigworld-home .site-header .header-inner{min-height:68px}
 body.bigworld-home .site-header .brand strong{font-size:1.55rem}
 body.bigworld-home .site-header .brand small{font-size:.84rem}
 body.bigworld-home .hero{padding:14px 0 8px}
 body.bigworld-home .hero .hero-grid{gap:9px}
 body.bigworld-home .hero .scribble-eyebrow{display:none}
 body.bigworld-home .hero .hero-copy h1{font-size:clamp(2.25rem,9.1vw,2.9rem);line-height:1.1;max-width:16ch;margin:4px auto 7px}
 body.bigworld-home .hero .hero-summary{font-size:1.03rem;line-height:1.46;max-width:38ch}
 body.bigworld-home .hero .hero-media{height:clamp(227px,67vw,290px);max-width:435px}
 body.bigworld-home .hero .brand-banner-picture{width:100%;top:0;left:0;height:100%}
 body.bigworld-home .hero .brand-banner-picture img{object-position:center 32%;
   mask-image:radial-gradient(ellipse 77% 83% at 50% 47%,#000 66%,transparent 99%);
   -webkit-mask-image:radial-gradient(ellipse 77% 83% at 50% 47%,#000 66%,transparent 99%)}
 body.bigworld-home .hero .hero-buttons{gap:8px}
 body.bigworld-home .hero .hero-buttons .button{min-height:49px;max-width:100%;padding:9px 14px}
 body.bigworld-home .hero .hero-note{font-size:.94rem;line-height:1.3;margin:4px 0}
 body.bigworld-home .story-home-feature{padding:24px 0 25px}
 body.bigworld-home .story-home-head h2{font-size:2rem}
 body.bigworld-home .story-home-head p{font-size:1rem}
 body.bigworld-home .story-home-cover{min-height:0}
 body.bigworld-home .story-home-cover img{max-height:180px}
}
@media(prefers-reduced-motion:reduce){
 body.bigworld-home .hero .hero-media *,
 body.bigworld-home .hero .storybook-open-book{animation:none!important;transition:none!important}
}

/* Remove the hard image tile edge; retain the original approved cast and a static book scene. */
body.bigworld-home .hero .brand-banner-picture img{
 mask-image:radial-gradient(ellipse 73% 77% at 51% 49%,#000 53%,transparent 100%);
 -webkit-mask-image:radial-gradient(ellipse 73% 77% at 51% 49%,#000 53%,transparent 100%)
}
@media(max-width:650px){
 body.bigworld-home .hero .brand-banner-picture img{
  mask-image:radial-gradient(ellipse 80% 88% at 50% 49%,#000 65%,transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 80% 88% at 50% 49%,#000 65%,transparent 100%)
 }
}

/* Keep small masthead identity readable at every viewport, including text-only enlargement. */
body.bigworld-home .site-header .brand small{font-size:1rem;line-height:1.25;letter-spacing:-.025em}


/* Big World bookshelf fix: keep decorative timber behind the physical book covers.
   The shelf is NOT allowed to cross book titles, links or text at any width. */
body.bigworld-home .story-home-grid{
 --storybook-cover-height:clamp(205px,22vw,250px);
 position:relative;
 align-items:stretch;
}
body.bigworld-home .story-home-grid:after{
 top:calc(var(--storybook-cover-height) - 14px);
 bottom:auto;
 height:14px;
 z-index:0;
 box-shadow:0 5px 9px rgba(59,33,12,.16);
}
body.bigworld-home .story-home-cover{
 min-height:var(--storybook-cover-height);
 display:flex;
 align-items:flex-end;
 justify-content:center;
 position:relative;
 z-index:2;
}
body.bigworld-home .story-home-cover img{
 max-height:calc(var(--storybook-cover-height) - 6px);
}
body.bigworld-home .story-home-info{
 position:relative;
 z-index:2;
 background:#FFF9F0;
 min-height:88px;
 padding:15px 4px 3px;
 margin:0;
}
body.bigworld-home .story-home-info h3{
 margin:0;
 line-height:1.25;
}
body.bigworld-home .story-home-info a{
 line-height:1.4;
 min-height:42px;
}
@media(max-width:650px){
 body.bigworld-home .story-home-grid{--storybook-cover-height:190px}
 body.bigworld-home .story-home-grid:after{display:none}
 body.bigworld-home .story-home-cover{min-height:var(--storybook-cover-height)}
 body.bigworld-home .story-home-cover img{max-height:calc(var(--storybook-cover-height) - 4px)}
 body.bigworld-home .story-home-info{min-height:95px;padding:12px 2px 0;background:transparent}
}
@media(max-width:380px){
 body.bigworld-home .story-home-grid{--storybook-cover-height:155px}
}


/* Approved real character storybook hero, 2026-10: NO second SVG book. */
body.bigworld-home .hero .hero-media{height:405px;overflow:visible}
body.bigworld-home .hero .brand-banner,
body.bigworld-home .hero .brand-banner-picture{
 position:relative;inset:auto;width:100%;height:100%;display:block;overflow:hidden;
 border-radius:24px;border:0;box-shadow:none;
}
body.bigworld-home .hero .brand-banner-picture img{
 width:100%;height:100%;max-height:none;
 display:block;object-fit:cover;object-position:center center;
 border-radius:24px;border:0;box-shadow:none;
 mask-image:none;-webkit-mask-image:none;
}
body.bigworld-home .hero .storybook-open-book{display:none}
@media(max-width:1100px){
 body.bigworld-home .hero .hero-media{height:360px}
}
@media(max-width:820px){
 body.bigworld-home .hero .hero-media{
  width:min(100%,650px);height:auto;aspect-ratio:16/9;margin:auto
 }
}
@media(max-width:650px){
 body.bigworld-home .hero .hero-media{
  height:auto;aspect-ratio:16/9;width:100%;max-width:100%;
 }
 body.bigworld-home .hero .brand-banner-picture,
 body.bigworld-home .hero .brand-banner-picture img{border-radius:15px}
}

/* Keep five book covers on one bookshelf at wide desktop sizes. On tablet and
   mobile, preserve the existing two/one-column responsive layouts. */
@media (min-width:1101px){
 body.bigworld-home .story-home-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}

/* Aadvik's Thankful Table: show the actual Thanksgiving projects rather than tiny emoji.
   Scope these rules to this page's crafts section; other Big World pages stay unchanged. */
.story-companions--crafts .story-companion-card{
  display:flex;
  flex-direction:column;
  gap:0;
  overflow:hidden;
  padding:14px;
  background:#fffaf2;
}
.story-companions--crafts .story-companion-media{
  margin:0 0 13px;
  overflow:hidden;
  border-radius:13px;
  aspect-ratio:3/2;
  border:1px solid #e8dfd2;
  background:#f2eee4;
}
.story-companions--crafts .story-companion-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.story-companions--crafts .story-companion-card h3{
  margin:3px 4px 8px;
  font-size:clamp(1.25rem,2.1vw,1.5rem);
}
.story-companions--crafts .story-companion-card p{
  margin:0 4px 16px;
}
.story-companions--crafts .story-companion-card .button{
  align-self:flex-start;
  margin: auto 4px 4px;
  min-height:44px;
}
@media(max-width:650px){
 .story-companions--crafts .story-companion-card{padding:12px}
 .story-companions--crafts .story-companion-media{margin-bottom:12px}
}

/* Book companion cards: show worksheet pages and existing video artwork in full.
   Crafted photos retain the editorial full-bleed crop used by Book 4. */
.story-companions--crafts .story-companion-media--printable,
.story-companions--crafts .story-companion-media--characters{
  background:#f8f4ea;
}
.story-companions--crafts .story-companion-media--printable img,
.story-companions--crafts .story-companion-media--characters img{
  object-fit:contain;
  padding:8px;
}
.story-companions--crafts .story-companion-media--video{
  background:#f4f0e9;
}
.story-companions--crafts .story-companion-media--video img{
  object-fit:cover;
}
@media (prefers-reduced-motion:reduce){
  .story-companions--crafts .story-companion-card,
  .story-companions--crafts .story-companion-media img{
    transition:none!important;
  }
}

/* Holiday book previews 2026. Replace poster placeholders with approved cover images when uploaded. */
.holiday-launch{padding:clamp(32px,5vw,60px) 0;background:linear-gradient(180deg,#fff7e7,#fffefa)}
.holiday-launch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.holiday-launch-card{display:grid;grid-template-columns:minmax(125px,36%) 1fr;gap:20px;align-items:center;padding:20px;border:1px solid #ead5b8;border-radius:22px;background:#fffdf7;text-decoration:none;color:inherit;box-shadow:0 7px 22px rgba(70,48,31,.07)}
.holiday-launch-card:hover,.holiday-launch-card:focus-visible{box-shadow:0 12px 28px rgba(70,48,31,.15);outline-offset:3px}
.holiday-launch-copy{display:flex;flex-direction:column;gap:12px;align-items:flex-start;line-height:1.5}
.holiday-launch-copy strong{font-family:Fredoka,sans-serif;font-size:clamp(1.35rem,2.1vw,1.85rem);line-height:1.17;color:#27395f}
.holiday-book-poster{display:flex;flex-direction:column;justify-content:space-around;align-items:center;text-align:center;gap:8px;aspect-ratio:4/5;min-height:245px;width:100%;padding:20px 12px;border:5px solid #fefdf3;border-radius:15px;box-shadow:0 6px 17px rgba(49,45,66,.13);background:radial-gradient(circle at 50% 18%,#fff9dc,#d9ebf0 53%,#83abc8);color:#293d6a;overflow-wrap:anywhere}
.holiday-book-poster--story{background:radial-gradient(circle at 50% 18%,#fff7e8,#e6e7ed 49%,#8ca3be)}
.holiday-book-poster small{font-size:clamp(.66rem,1.1vw,.9rem);font-weight:800;line-height:1.25}
.holiday-book-poster strong{font-family:Fredoka,sans-serif;font-size:clamp(1.1rem,1.9vw,1.8rem);line-height:1.1}
.holiday-book-poster>span:not(.holiday-poster-stars){font-size:.8rem;font-weight:800}
.holiday-book-poster .holiday-poster-stars{font-size:1.2rem;color:#b45b36;letter-spacing:.16em}
.story-home-card--holiday .story-home-cover{overflow:hidden}
.story-home-card--holiday .holiday-book-poster{min-height:0;max-height:100%;height:100%;gap:5px;padding:8px 4px;border-width:3px}
.story-home-card--holiday .holiday-book-poster small{font-size:.57rem}
.story-home-card--holiday .holiday-book-poster strong{font-size:clamp(.78rem,1.25vw,1.08rem)}
.story-home-card--holiday .holiday-book-poster>span:not(.holiday-poster-stars){font-size:.55rem}
.book-card--holiday .holiday-book-poster{height:100%;min-height:245px}
.story-book-cover .holiday-book-poster{min-height:400px;max-width:420px}
@media(min-width:1101px){body.bigworld-home .story-home-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body.bigworld-home .story-home-grid:after{display:none}}
@media(max-width:850px){.holiday-launch-grid{grid-template-columns:1fr}.holiday-launch-card{grid-template-columns:minmax(115px,34%) 1fr}}
@media(max-width:490px){.holiday-launch-card{grid-template-columns:1fr}.holiday-launch-art{width:min(100%,220px);margin:auto}.holiday-book-poster{min-height:245px}.story-book-cover .holiday-book-poster{min-height:340px}}
@media(prefers-reduced-motion:reduce){.holiday-launch-card{transition:none}}

/* Normalize all bookshelf cover frames without cropping original square art (Nov 2026). */
body.bigworld-home .story-home-cover {
  height:var(--storybook-cover-height,clamp(205px,22vw,250px));
  min-height:var(--storybook-cover-height,clamp(205px,22vw,250px));
  max-height:none;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:8px;
}
body.bigworld-home .story-home-cover img,
body.bigworld-home .story-home-card--holiday .story-home-cover img {
  width:100%;
  height:100%;
  max-height:100%;
  max-width:100%;
  display:block;
  object-fit:contain;
  object-position:center;
}
body.bigworld-home .story-home-card--holiday .story-home-cover {
  height:var(--storybook-cover-height,clamp(205px,22vw,250px));
  max-height:none;
}
.books-grid .book-cover,.full-books-grid .book-cover{overflow:hidden}
.books-grid .book-cover img,.full-books-grid .book-cover img{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  display:block;
  object-fit:contain;
  object-position:center;
}
.season-banner--thanksgiving{background:#f5e9d6;border-block-color:#e9d2b4}
.season-banner--thanksgiving .season-emblem{background:#fff5e5}
.season-banner--thanksgiving .season-inner{grid-template-columns:auto minmax(0,1fr) auto}
.season-banner--thanksgiving .season-inner>div:nth-child(2){min-width:0}
.season-banner--thanksgiving .season-inner p{max-width:690px}
@media(max-width:820px){
  .season-banner--thanksgiving .season-inner{grid-template-columns:auto minmax(0,1fr)}
  .season-banner--thanksgiving .season-inner>.button{grid-column:2;justify-self:start;margin-top:4px}
}
@media(max-width:500px){
  .season-banner--thanksgiving .season-inner{grid-template-columns:minmax(0,1fr);gap:13px}
  .season-banner--thanksgiving .season-inner>.button{grid-column:1;max-width:100%}
  .season-banner--thanksgiving .season-emblem{width:56px;height:56px;font-size:1.8rem}
  body.bigworld-home .story-home-cover{height:var(--storybook-cover-height,190px);min-height:var(--storybook-cover-height,190px)}
}

/* Thanksgiving workbook gallery: matching Big World craft styling (Nov 2026) */
.thanksgiving-activities{padding-top:26px;padding-bottom:90px}
.thanksgiving-gallery-head{background:linear-gradient(115deg,#fdf4e6,#e8f1ea);padding:clamp(24px,4vw,52px);border:1px solid #e5d4c4;border-radius:28px}
.thanksgiving-gallery-head h1{font-size:clamp(2.45rem,4.5vw,4.2rem);max-width:850px}
.thanksgiving-gallery-head .lead{max-width:800px;margin:19px 0 22px;line-height:1.7}
.thanksgiving-gallery-head .lead a{color:#15598a;text-decoration:underline}
.thanksgiving-gallery-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.thanksgiving-print-note{color:var(--soft);font-size:.88rem;line-height:1.6;margin:18px 0 0}
.thanksgiving-gallery-section{padding-top:60px}
.thanksgiving-activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(15px,2.3vw,26px)}
.thanksgiving-activity-card{display:flex;flex-direction:column;min-width:0;border:1px solid #e4d7c6;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 8px 22px rgba(30,42,68,.07)}
.thanksgiving-activity-preview{display:block;background:#f8f8f4;padding:15px;text-align:center;border-bottom:1px solid #eee7da;outline-offset:-3px}
.thanksgiving-activity-preview img{display:block;margin:auto;width:auto;max-width:100%;height:auto;max-height:350px;aspect-ratio:735/952;object-fit:contain;border-radius:7px;background:#fff;box-shadow:0 3px 11px rgba(30,42,68,.1)}
.thanksgiving-activity-copy{padding:19px 19px 20px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.thanksgiving-activity-copy .eyebrow{font-size:.75rem;letter-spacing:.07em;margin-bottom:6px}
.thanksgiving-activity-copy h3{font-size:clamp(1.2rem,1.7vw,1.42rem);line-height:1.23}
.thanksgiving-activity-copy p:not(.eyebrow){font-size:.91rem;line-height:1.6;color:var(--soft);margin:9px 0 17px}
.thanksgiving-activity-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.thanksgiving-activity-actions .button{min-height:44px;padding:10px 14px;font-size:.83rem}
.thanksgiving-activity-actions .plain-action{min-height:44px;display:inline-flex;align-items:center;font-size:.8rem}
.thanksgiving-gallery-next{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;border:1px solid #e3dccb;background:#fbf5e9;padding:27px;border-radius:23px;margin-top:60px}
.thanksgiving-gallery-next p{margin:9px 0 0;color:var(--soft)}
.thanksgiving-gallery-next-links{display:flex;flex-direction:column;gap:10px}
.thanksgiving-gallery-next .button{min-height:44px;font-size:.82rem}
.printables-thanksgiving-feature{display:grid;grid-template-columns:minmax(0,150px) 1fr auto;gap:20px;align-items:center;padding:21px 24px;border:1px solid #e5dac6;background:#fff8e9;border-radius:21px;margin-bottom:35px}
.printables-thanksgiving-feature img{display:block;width:100%;height:170px;object-fit:contain;background:#fff;border:1px solid #ece3d7;border-radius:9px}
.printables-thanksgiving-feature h2{font-size:clamp(1.45rem,2.3vw,1.9rem)}
.printables-thanksgiving-feature p{font-size:.95rem;margin:10px 0 0;color:var(--soft);line-height:1.5}
.printables-thanksgiving-feature .button{min-height:44px;padding:12px 16px;font-size:.9rem;white-space:normal}
@media(max-width:950px){.thanksgiving-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.printables-thanksgiving-feature{grid-template-columns:110px 1fr}.printables-thanksgiving-feature .button{grid-column:2;justify-self:start}}
@media(max-width:650px){.thanksgiving-activity-grid{grid-template-columns:minmax(0,1fr)}.thanksgiving-activity-preview img{max-height:440px}.thanksgiving-gallery-actions .button{width:100%}.thanksgiving-gallery-next{grid-template-columns:minmax(0,1fr)}.thanksgiving-gallery-next-links{width:100%}.thanksgiving-gallery-next-links .button{width:100%}.printables-thanksgiving-feature{grid-template-columns:90px 1fr;padding:13px;gap:13px}.printables-thanksgiving-feature img{height:123px}.printables-thanksgiving-feature h2{font-size:1.35rem}.printables-thanksgiving-feature .button{grid-column:1 / -1;width:100%}}