/* Match the host site's system typography, colors and weight hierarchy. */
:root{--cream:#f2f5f1;--paper:#fff;--ink:#1a3326;--muted:#617468;--green:#2d6a4f;--line:rgba(26,51,38,.13);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif}
body{font-family:inherit;background:var(--cream);color:var(--ink);line-height:1.5}
.intro h1{font-family:inherit;font-weight:560;letter-spacing:0;line-height:1.08;text-wrap:balance}.intro p:not(.eyebrow){color:var(--muted)}
.bean-card h3,.family-card h3,.color-card h3,.story-heading #dialog-title{font-family:inherit;font-weight:600;letter-spacing:0}
.chapter-reader h4,.node-label,.child-label{font-family:inherit;font-weight:500;letter-spacing:0}.story-headline{font-weight:400;letter-spacing:0}.story-kicker{font-weight:500}.chapter-tab strong{font-weight:500}.chapter-tab[aria-selected=true] strong{font-weight:650}
button,.demo-language select{font-family:inherit}.reset,.view-switch button{font-weight:500}.reader-nav{display:none}
html[lang=ko] .intro h1{word-break:keep-all;overflow-wrap:normal}html:is([lang=zh-CN],[lang=zh-TW]) .intro h1{line-break:strict}
.demo-embedded .site-header,.demo-embedded main>footer,.demo-embedded .demo-language{display:none}.demo-embedded main{max-width:1440px;margin:auto;padding:0 20px}.demo-embedded .intro{margin-top:25px}.demo-embedded .intro h1{font-size:clamp(28px,3vw,42px)}
@media(max-width:600px){.demo-embedded main{padding:0 12px}.demo-embedded .intro{margin-top:20px}.demo-embedded .intro h1{font-size:28px}}

.save-sheet-head h2{font-family:inherit;font-weight:600;letter-spacing:0}