/* Mobile first. Three text roles, two existing typefaces, no new visual framework. */
:is(.simple-landing,.simple-welcome,.simple-day-one){--simple-heading:32px;--simple-body:16px;--simple-small:14px}
:is(.simple-landing,.simple-welcome){font-family:Gowun,serif;font-size:var(--simple-body);line-height:1.65}
:is(.simple-invitation,.storybook-welcome) :is(h1,h2,h3,p,a,button,summary,label,legend,small,span,input){font-family:inherit;font-size:inherit;letter-spacing:normal;font-style:normal}
.simple-invitation{max-width:1050px;margin:auto;padding:25px 24px 46px;text-align:center}
.simple-invitation h1{font-size:var(--simple-heading);font-weight:400;line-height:1.5;margin:0;word-break:keep-all}
.invitation-description{font-size:var(--simple-body);line-height:1.75;margin:14px auto 0;word-break:keep-all}
.invitation-art{width:280px;max-width:100%;height:216px;margin:12px auto 14px}
.invitation-art .storybook-art{mask-image:radial-gradient(ellipse at center,#000 48%,transparent 75%)}
.invitation-art .storybook-art img{width:220%;left:50%;top:50%;transform:translate(-50%,-50%)}
.simple-invitation .invitation-start{display:flex;max-width:350px;min-height:54px;margin:0 auto;padding:12px 17px;border:0;border-radius:5px;box-shadow:none;font-size:var(--simple-body);justify-content:center;gap:15px;letter-spacing:normal}
.simple-invitation .invitation-start span{font-size:var(--simple-body)}
.simple-invitation .invitation-reassurance{font-size:var(--simple-small);margin:18px 0 0;line-height:1.8}
.simple-preview{max-width:450px;margin:0 auto;padding:28px 20px 35px;text-align:center;border-top:1px solid var(--line)}
.simple-preview h2,.simple-contact h2{font-size:var(--simple-body);font-weight:700;line-height:1.6;margin:0 0 16px}
.preview-paws{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:2px;max-width:400px;margin:0 auto}
.preview-paws a{min-height:48px;display:grid;place-items:center;border:0;border-radius:50%;text-decoration:none}
.preview-paws a:hover{background:#eee0c9}.preview-paws .earned{color:var(--gold)}.preview-paws .paw{width:27px;height:27px}
.simple-preview p,.simple-preview .quiet-link{font-size:var(--simple-small);margin-top:12px}
.simple-preview .quiet-link,.simple-contact .quiet-link{min-height:44px;display:inline-flex;align-items:center}
.simple-contact{max-width:620px;margin:20px auto 40px;padding:25px 24px 0;text-align:center}
.simple-contact p{margin:9px 0;font-size:var(--simple-body)}.simple-contact .small{font-size:var(--simple-small);margin-top:15px;color:var(--muted)}
:is(.simple-landing,.simple-welcome) [hidden]{display:none!important}
.simple-welcome .storybook-welcome{padding:12px 24px 50px;max-width:620px}
.simple-welcome .welcome-companions{height:150px;width:210px;margin:0 auto 18px}
.simple-welcome .storybook-welcome h1{font-size:var(--simple-heading);font-weight:400;line-height:1.4;margin:0 0 15px}
.simple-welcome .welcome-note{font-size:var(--simple-body)}
.simple-welcome .storybook-welcome .button{font-size:var(--simple-body);min-height:52px;box-shadow:none;border:0;margin:22px 0 6px}
.simple-welcome .nickname-page{border:0;margin-top:16px;text-align:left}
.simple-welcome .nickname-page summary{text-align:center;font-size:var(--simple-small)}
.simple-welcome .nickname-page :is(p,label,legend){font-size:var(--simple-small)}
.simple-welcome .emoji-options span{font-size:var(--simple-body)}
.simple-welcome .nickname-page input{font-size:var(--simple-body)}
/* Optional sound is a small, labelled icon in an adventure, never in the invitation. */
.compact-sound{max-width:660px;margin:8px auto;text-align:right;border:0}
.compact-sound>summary{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:7px 10px;list-style:none;text-decoration:none;font-size:14px;border-radius:5px}
.compact-sound>summary::-webkit-details-marker{display:none}
.compact-sound>summary svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.compact-sound[open]>summary{background:#eee0c9}
.compact-sound .sound-inside{border:0;border-top:1px solid var(--line);background:transparent;padding:18px 8px;text-align:left}
.compact-sound .sound-inside :is(p,label,button,select,output){font-size:14px}
.parent-learning{margin:25px 0 30px;padding:0;background:none;border:0}
.parent-learning h3{font-family:Gowun,serif;font-size:16px;font-weight:700;line-height:1.6;margin:0 0 10px}
.parent-learning p{font-family:Gowun,serif;font-size:16px;line-height:1.8;margin:0}
.parent-learning a{display:inline-block;font-family:Gowun,serif;font-size:14px;min-height:44px;align-content:center;text-underline-offset:4px;margin-top:7px}
.simple-day-one{--sans:Gowun,serif;font-family:Gowun,serif}
.simple-day-one :is(.magic-lesson,.screen-down-page){font-family:Gowun,serif}
.simple-day-one :is(.magic-lesson,.screen-down-page) :is(h1,h2,h3){font-size:var(--simple-heading);font-weight:400;letter-spacing:normal}
.simple-day-one :is(.magic-lesson,.screen-down-page) :is(p,button,summary){font-size:var(--simple-body);letter-spacing:normal}
.simple-day-one :is(.magic-lesson,.screen-down-page) :is(.eyebrow,.small,.caregiver-note,.flexible-note,.discovery-intro,.section-note,.pronunciation-placeholder){font-size:var(--simple-small);letter-spacing:normal}
.simple-day-one .chapter-ribbon li{font-size:var(--simple-small);flex-direction:column;gap:4px;text-align:center}
.simple-day-one .chapter-ribbon{margin-bottom:0;justify-content:space-between}
.simple-day-one .discovery{padding-top:20px}
.simple-day-one .storybook-phrases .phrase-row{border:0;border-bottom:1px solid var(--line);background:transparent;border-radius:0;box-shadow:none;padding:18px 0}
.simple-day-one .storybook-phrases .english-phrase{font-family:Playfair,Gowun,serif;font-size:var(--simple-heading)}
.simple-day-one .storybook-phrases .phrase-number{font-size:var(--simple-small)}
.simple-day-one .parent-learning h3{font-size:var(--simple-body);font-weight:700}
.simple-day-one .parent-learning p{font-size:var(--simple-body)}
.simple-day-one .parent-learning a,.simple-day-one .compact-sound>summary,.simple-day-one .compact-sound .sound-inside :is(p,button){font-size:var(--simple-small)}
.simple-day-one .film-postcard{border:0;border-radius:0;box-shadow:none;background:none;padding:20px 0}
.simple-day-one .film-postcard .film-mat{display:none}
.simple-day-one .film-postcard{grid-template-columns:1fr}
.simple-day-one .film-postcard .eyebrow{display:none}
.simple-day-one .film-postcard h3{font-size:var(--simple-body);font-weight:700}
.simple-day-one .film-postcard p{font-size:var(--simple-small)}
.simple-day-one .story-levels{border:0;padding:0;background:transparent}
.simple-day-one .story-levels .level-card-copy>span{font-size:var(--simple-body)}
.simple-day-one .story-levels :is(small,strong){font-size:var(--simple-small)}
.simple-day-one .family-time{border:0;background:transparent;padding:15px 0}
.simple-day-one .family-time h2{font-size:var(--simple-body);font-weight:700}
.simple-day-one .family-time .small{font-size:var(--simple-small)}
@media(min-width:761px){
 :is(.simple-landing,.simple-welcome){--simple-heading:44px;--simple-body:18px}
 .simple-invitation{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;column-gap:35px;text-align:left;padding:65px 36px 70px;align-content:center;min-height:590px}
 .simple-invitation h1,.simple-invitation .invitation-description,.simple-invitation .invitation-start,.simple-invitation .invitation-reassurance{grid-column:1}
 .simple-invitation h1{grid-row:1}.simple-invitation .invitation-description{grid-row:2;margin:16px 0 25px}
 .simple-invitation .invitation-art{grid-column:2;grid-row:1/5;width:100%;height:360px;align-self:center;margin:0}
 .simple-invitation .invitation-art img{width:235%}
 .simple-invitation .invitation-start{grid-row:3;margin:0;max-width:350px;align-self:start}
 .simple-invitation .invitation-reassurance{grid-row:4;margin-top:18px}
 .simple-day-one .chapter-ribbon li{flex-direction:row}
}
@media(max-width:359px){.simple-invitation{padding-left:18px;padding-right:18px}.simple-preview{padding-left:12px;padding-right:12px}.preview-paws{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.simple-invitation *{animation:none!important;transition:none!important}}