.language-picker{position:relative;flex-shrink:0;color:#21409a;font:600 15px/1.4 system-ui,sans-serif;z-index:30;text-align:left}
.language-picker summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:7px;min-height:44px;padding:7px 9px;border-radius:22px}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary:focus-visible{outline:2px solid #21409a;outline-offset:2px}
.header-social .language-picker summary{width:41px;height:41px;min-height:41px;padding:0;justify-content:center}
.language-picker .language-globe{display:block;width:41px;height:41px;flex-shrink:0;object-fit:contain;transform:none;transition:none}
@media(max-width:1279px){.language-picker .language-globe{width:34px;height:34px}}
.language-picker ul{position:absolute;right:0;top:100%;min-width:170px;padding:8px;margin:4px 0;background:#fffaf0;border:1px solid #b9c9d8;border-radius:16px;box-shadow:0 8px 28px #15376726;list-style:none}
.language-picker a{display:block;padding:10px 14px;border-radius:8px;color:inherit;text-decoration:none;white-space:nowrap}
.language-picker a:hover,.language-picker a[aria-current]{background:#d8eeed}
.footer-social .language-picker ul{top:auto;bottom:100%}
.mobile-language{display:none}
.launch-cta{display:block;max-width:100%;margin:12px 0}
.launch-lettering{display:block;width:240px;max-width:100%;height:auto}
.english-stories-note{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:14px;max-width:460px;margin:24px 0 26px;color:#21409a;text-align:left}
.english-stories-note>img{width:80px;height:auto}
.english-stories-note strong{display:block;font:700 clamp(15px,1.25vw,18px)/1.6 var(--locale-heading);text-wrap:balance}
html:not([lang=en]) .english-stories-note p{margin:5px 0 0;font-size:14px;line-height:1.75;text-wrap:pretty}
.legal-language-note{padding:16px 22px;background:#fff8e6;border:1px solid #dfc781;border-radius:12px;margin:16px auto;max-width:1120px;line-height:1.8}
@media(max-width:700px){html:not([lang=en]) .legal-hero h1{font-size:clamp(30px,7vw,46px);line-break:strict;overflow-wrap:normal}}
.localized-lettering{display:block;font-family:var(--locale-heading,system-ui);font-weight:700;line-height:1.6;color:#21409a;text-align:center;white-space:normal;font-size:clamp(17px,2vw,26px)}
html:not([lang=en]){--locale-body:system-ui;--locale-heading:system-ui}
html[lang=ja]{--locale-body:'M PLUS Rounded 1c',sans-serif;--locale-heading:'M PLUS Rounded 1c',sans-serif}
html[lang=ko]{--locale-body:'Noto Sans KR',sans-serif;--locale-heading:'Jua','Noto Sans KR',sans-serif}
html[lang=zh-Hant]{--locale-body:'Noto Sans TC',sans-serif;--locale-heading:'Noto Sans TC',sans-serif}
html:not([lang=en]) body,html:not([lang=en]) input,html:not([lang=en]) button{font-family:var(--locale-body)}
html:not([lang=en]) :is(h1,h2,h3,h4,.eyebrow,.text-link,.plan-name,.art-button,.menu-link,.referral-page-kicker){font-family:var(--locale-heading);letter-spacing:0;text-transform:none}
html:not([lang=en]) :is(p,li,dd){line-height:1.9;word-break:normal;overflow-wrap:anywhere}
html:not([lang=en]) :is(h1,h2){line-height:1.35;word-break:normal;overflow-wrap:anywhere}
html[lang=ko] :is(p,h1,h2,h3){word-break:keep-all;overflow-wrap:break-word}
html:not([lang=en]) .hero h1{font-size:clamp(36px,4.6vw,66px)}
html:not([lang=en]) .navigation-links{gap:clamp(10px,1.3vw,23px)}
html:not([lang=en]) .navigation-links .text-link{font-size:14px;white-space:nowrap}
html:not([lang=en]) .eyebrow{letter-spacing:0;text-transform:none}
html:not([lang=en]) .story-text[lang=en]{font-family:Domine,Georgia,serif;word-break:normal;line-height:1.6}
.viewer-language-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;position:relative;z-index:40;background:#fff8e6;font:15px/1.5 var(--locale-body,system-ui)}
.viewer-language-bar a{color:#21409a}
.character-bio[lang=en],.character-bio-inner[lang=en],.character-bio-text[lang=en]{font-family:Domine,Georgia,serif;word-break:normal}
.character-bio-title[lang=en]{font-family:Coiny,Arial,sans-serif}
@media(max-width:1100px){.header-social .language-picker summary span{display:none}.language-picker summary{padding:6px}}
@media(max-width:900px){.mobile-language{display:block;margin:18px 0}.header-social .language-picker{display:none}.mobile-language .language-picker ul{position:static;box-shadow:none}.language-picker summary span{display:inline}.viewer-language-bar{padding:8px 12px}}

html:not([lang=en]) body *{letter-spacing:normal;text-transform:none}
html[lang=ja] :is(h1,h2,h3),html[lang=zh-Hant] :is(h1,h2,h3){font-weight:700}
/* Desktop navigation stays in one centered row in English as well as CJK. */
@media(min-width:1101px){.header{gap:14px;flex-wrap:nowrap;padding-block:20px}.header #navigation{flex:1;min-width:0;margin-left:0;gap:18px;flex-wrap:nowrap;align-items:center;justify-content:center}.header .navigation-links>a{white-space:nowrap}.header-social{flex-wrap:nowrap}.header-social .language-picker summary span{display:none}}
@media(min-width:1101px) and (max-width:1279px){.header{gap:12px}.header .brand,.header .brand img{width:56px;height:56px}.header #navigation{gap:10px}.header #navigation .navigation-links>a{font-size:13px}.header-social{gap:7px}.header-social .social{width:32px;height:32px}.header-social .social img{width:18px;height:18px}.header-social .language-picker summary{width:36px;height:36px;min-height:36px}}
@media(max-width:1100px){.mobile-language{display:block;grid-column:1/-1;min-height:0;margin:12px 0}.header #navigation .mobile-language .language-picker summary{padding:10px}.header #navigation .mobile-language ul{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));box-shadow:none}.header #navigation .mobile-language li{min-width:0}.header #navigation .mobile-language a{padding:10px;border:0}.header-social .language-picker{display:none}}
@media(max-width:700px){.hero .launch-cta{margin-inline:auto}.english-stories-note{grid-template-columns:64px minmax(0,1fr);gap:12px}.english-stories-note>img{width:64px}.hero .english-stories-note{margin:24px auto}.reader-language-note{text-align:center;font:14px/1.5 var(--locale-body,system-ui)}}

/* Locale artwork keeps the original blue and gold living ink masks. */
html:not([lang=en]) .section-heading>[data-localized-lettering]{width:380px;max-width:42%}
html:not([lang=en]) .product-visual .caption-world{width:240px}
@media(max-width:700px){html:not([lang=en]) .section-heading{display:block}html:not([lang=en]) .section-heading>[data-localized-lettering]{width:300px;max-width:94%;margin:24px auto 18px}html:not([lang=en]) .product-visual .caption-world{width:210px;top:-22px}html:not([lang=en]) .product-visual .product-demo-surface{padding-top:64px}}
/* Keep the globe available beside social icons on phones as well as in the menu. */
@media(max-width:1100px){.header-social .language-picker{display:block}.header-social .language-picker summary span{display:none}.header-social .language-picker summary{padding:0;width:40px;height:40px;min-height:40px}.header-social{gap:8px;margin-right:16px}.header-social .social{width:35px;height:35px}.header-social .social img{width:18px;height:18px}}
@media(max-width:700px){.header{column-gap:8px}.header-social{gap:8px;margin-right:0}.header-social .social{width:30px;height:30px}.header-social .language-picker summary{width:36px;height:40px;min-height:40px}.header .menu-toggle{width:44px;min-height:44px;padding:0;justify-content:center;flex:none}}
@media(max-width:380px){.header.wrap{width:calc(100% - 20px);column-gap:6px}.header .brand,.header .brand img{width:44px;height:44px}.header-social{gap:6px}.header-social .social{width:28px;height:28px}.header-social .social img{width:16px;height:16px}.header-social .language-picker summary{width:28px}.header-social .language-picker svg{width:22px;height:22px}.header .menu-toggle{width:44px}}

html:not([lang=en]){--font-display:var(--locale-heading);--font-body:var(--locale-body)}
html:not([lang=en]) .updates-form .art-button{min-width:210px;font-family:var(--locale-body);font-size:14px;padding-inline:18px;white-space:normal;line-height:1.5}
html:not([lang=en]) .updates-inline-form{grid-template-columns:minmax(0,1fr) auto}
html:not([lang=en]) main[lang=en]{--font-body:Domine,Georgia,serif;--font-display:Coiny,Arial,sans-serif}
html:not([lang=en]) .reader-language-note{font-family:var(--locale-body)}
@media(max-width:400px){.site-footer .footer-social .language-picker summary span{display:none}.site-footer .footer-main{grid-template-columns:minmax(0,1fr)}}
html:not([lang=en]) .updates-form .art-button{min-width:0;width:230px;max-width:100%;flex-shrink:0}
html:not([lang=en]) [data-reader-signup] h2{font-family:var(--locale-heading);line-height:1.45;font-size:clamp(21px,2.3vw,28px)}
html:not([lang=en]) [data-reader-signup] button{font-family:var(--locale-body);font-size:14px}
html:not([lang=en]) [data-reader-signup] p{font-family:var(--locale-body)}
html:not([lang=en]) :is(h1,h2,h3) span{white-space:normal}
html:not([lang=en]) .updates-compact .updates-copy h2{font-family:var(--locale-heading);line-height:1.45;font-weight:700}
html:not([lang=en]) .updates-compact .updates-copy h2 span{white-space:normal}

.reader-language-note{margin:0;padding:8px 16px;background:#fff8e6;color:#21409a;text-align:center;font:14px/1.5 var(--locale-body,system-ui)}

.value-panel{min-width:0}
.value-panel [data-value-lettering]>.living-ink-layer{object-fit:contain;object-position:left center}
.value-panel h3 .localized-value-lettering{--value-lettering-height:46px;display:inline-block;vertical-align:middle;width:calc(var(--value-lettering-height) * var(--lettering-aspect));height:auto;max-width:100%}
.value-panel h3 .localized-value-lettering>img{display:block;width:100%;height:auto}
.site-footer .footer-slogan[data-localized-lettering=slogan]{width:184px;height:auto;flex:0 0 184px;max-width:none;overflow:visible;line-height:0}
.site-footer .footer-slogan[data-localized-lettering=slogan]>img{display:block;width:100%;height:auto;object-fit:contain}
.site-footer .footer-slogan[data-localized-lettering=slogan]>.living-ink-layer{width:100%;height:100%;object-fit:contain}
@media(max-width:700px){.value-panel h3 .localized-value-lettering{--value-lettering-height:42px}.closing .launch-lettering{margin-inline:auto}}
.localized-offer-lettering{display:block;margin:24px auto;text-align:center;text-wrap:balance;font:700 clamp(30px,4vw,52px)/1.5 var(--locale-heading);color:#21409a;max-width:430px}
.localized-offer-lettering strong{color:#21409a;background:linear-gradient(transparent 70%,#f9b919 70%);font:inherit}

/* Latin languages retain Dreambook's established type families and accents. */
html:is([lang=fr],[lang=it],[lang=es]){--locale-body:Domine,Georgia,serif;--locale-heading:Coiny,Arial,sans-serif}
html:is([lang=fr],[lang=it],[lang=es]) .english-stories-note strong{font-weight:400;line-height:1.4}
html:is([lang=fr],[lang=it],[lang=es]) .navigation-links{gap:clamp(8px,1vw,16px)}
html:is([lang=fr],[lang=it],[lang=es]) .navigation-links .text-link{font-size:12px}
@media(max-width:1100px){html:not([lang=en]) .header #navigation .navigation-links>a{white-space:normal;overflow-wrap:anywhere}}
/* Desktop links are direct flex items through display:contents. */
@media(min-width:1101px){html:is([lang=fr],[lang=it],[lang=es]) .header #navigation{gap:6px}}
@media(min-width:1101px) and (max-width:1399px){
 html:is([lang=fr],[lang=it],[lang=es]) .header{gap:12px}
 html:is([lang=fr],[lang=it],[lang=es]) .header .brand,html:is([lang=fr],[lang=it],[lang=es]) .header .brand img{width:56px;height:56px}
 html:is([lang=fr],[lang=it],[lang=es]) .header #navigation{gap:4px}
 html:is([lang=fr],[lang=it],[lang=es]) .header #navigation .navigation-links>a{font-size:11px;padding-inline:1px}
 html:is([lang=fr],[lang=it],[lang=es]) .header-social{gap:7px}
 html:is([lang=fr],[lang=it],[lang=es]) .header-social .social{width:32px;height:32px}
 html:is([lang=fr],[lang=it],[lang=es]) .header-social .social img{width:18px;height:18px}
 html:is([lang=fr],[lang=it],[lang=es]) .header-social .language-picker summary,html:is([lang=fr],[lang=it],[lang=es]) .header-social .language-globe{width:36px;height:36px;min-height:36px}
}
.legal-key-terms{padding:24px 28px;margin:0 0 36px;background:#fff8e6;border:1px solid #dfc781;border-radius:20px;color:#231f20}
.legal-key-terms h2{margin-top:0;color:#21409a}
.legal-key-terms ol{padding-left:1.5em;margin:20px 0 0}
.legal-key-terms li{margin:0 0 16px}
.legal-key-terms li:last-child{margin-bottom:0}
.legal-key-terms strong{font-weight:700}
@media(max-width:700px){.legal-key-terms{padding:20px 18px}}