:root{--canvas:#fffaf0;--soft:#faf5e8;--card:#f5f0e0;--strong:#ebe6d6;--ink:#0a0a0a;--body:#2f2f2f;--muted:#5c5c5c;--hair:#e2dcc8;--pink:#ff4d8b;--teal:#1a3a3a;--lav:#b8a4ed;--peach:#ffb084;--ochre:#e8b94a;--mint:#a4d4c5;--head:"Fredoka", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--text:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--r-md:12px;--r-lg:16px;--r-xl:24px}[data-c=daily-life]{--tc:var(--peach);--on:var(--ink)}[data-c=core-ideas]{--tc:var(--lav);--on:var(--ink)}[data-c=money]{--tc:var(--ochre);--on:var(--ink)}[data-c=health]{--tc:var(--pink);--on:var(--ink)}[data-c=world]{--tc:var(--mint);--on:var(--ink)}[data-c=learning]{--tc:var(--teal);--on:#fff}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--canvas)}body{color:var(--body);background:var(--canvas);font:400 18px/1.65 var(--text);flex-direction:column;min-height:100vh;margin:0;display:flex}main{flex:1;min-width:0}a{color:var(--ink);text-decoration-color:var(--pink);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{text-decoration-color:var(--ink)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}img,svg{max-width:100%;height:auto}.skip{position:absolute;left:-999px}.skip:focus{background:var(--ink);color:#fff;border-radius:var(--r-md);z-index:20;padding:8px 12px;top:8px;left:8px}h1,h2,h3,h4{font-family:var(--head);color:var(--ink);letter-spacing:-.02em;margin:1.5em 0 .45em;font-weight:500;line-height:1.12}h1{letter-spacing:-.03em;margin-top:.2em;font-size:clamp(34px,6vw,60px);line-height:1.04}h2{font-size:clamp(26px,3.4vw,34px)}h3{letter-spacing:-.01em;font-size:22px;font-weight:500}code,pre,kbd{font-family:var(--mono);font-size:.88em}:not(pre)>code{background:var(--card);overflow-wrap:anywhere;border-radius:6px;padding:2px 6px}pre{background:var(--card);border-radius:var(--r-lg);color:var(--ink);margin:1.2em 0 1.4em;padding:16px 20px;line-height:1.6;overflow-x:auto}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}.top{background:var(--canvas);z-index:10;border-bottom:1px solid var(--hair);position:sticky;top:0}.top-in{align-items:center;gap:20px;max-width:1280px;height:68px;margin:0 auto;padding:0 24px;display:flex}.brand{min-height:44px;color:var(--ink);font:500 23px var(--head);letter-spacing:-.02em;align-items:center;gap:10px;margin-right:auto;text-decoration:none;display:inline-flex}.menu{gap:2px;display:none}.menu a{min-height:44px;color:var(--muted);font:700 15px var(--text);border-radius:999px;align-items:center;padding:0 14px;text-decoration:none;display:inline-flex}.menu a:hover,.menu a[aria-current]{background:var(--card);color:var(--ink)}.btn.top-cta{display:none}.brand{white-space:nowrap}.burger svg{flex:none;width:24px;height:24px}.burger{position:relative}.burger summary{cursor:pointer;min-height:44px;font:700 15px var(--text);color:var(--ink);background:var(--card);border-radius:999px;align-items:center;gap:8px;padding:0 16px;list-style:none;display:inline-flex}.burger summary::-webkit-details-marker{display:none}.sheet{background:var(--canvas);border:1px solid var(--hair);border-radius:var(--r-xl);width:min(320px,100vw - 32px);padding:10px;display:grid;position:absolute;top:54px;right:0;box-shadow:0 12px 30px #0a0a0a1f}.sheet a{border-radius:var(--r-md);min-height:48px;color:var(--ink);font:700 17px var(--text);align-items:center;padding:0 14px;text-decoration:none;display:flex}.sheet a:hover{background:var(--card)}.btn{background:var(--ink);color:#fff;min-height:48px;font:700 16px var(--text);border-radius:var(--r-md);border:2px solid var(--ink);justify-content:center;align-items:center;padding:0 24px;text-decoration:none;display:inline-flex}.btn:hover{background:#1f1f1f}.btn.alt{background:var(--canvas);color:var(--ink)}.btn.alt:hover{background:var(--card)}.btn.sm{min-height:44px;padding:0 20px;font-size:15px}.pill{font:700 14px/1.2 var(--text);background:var(--card);color:var(--ink);border-radius:999px;margin:0;padding:7px 14px;display:inline-block}.crumbs{font:700 14px var(--text);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;padding:18px 0 0;display:flex}.crumbs a{color:var(--muted);align-items:center;min-height:44px;padding:0 2px;display:inline-flex}.lede{color:var(--body);max-width:56ch;margin:.6em 0 0;font-size:clamp(18px,2.2vw,21px);line-height:1.55}.hero{text-align:center;max-width:900px;margin:0 auto;padding:56px 24px 28px}.hero h1{letter-spacing:-.035em;margin:0 0 .3em;font-size:clamp(40px,8.5vw,80px)}.hl{background:linear-gradient(transparent 62%, var(--ochre) 62% 92%, transparent 92%);border-radius:6px;padding:0 .08em}.hero .lede{margin:0 auto}.cta{flex-wrap:wrap;justify-content:center;gap:12px;margin:28px 0 0;display:flex}.stage{max-width:1180px;margin:0 auto;padding:24px}.play{background:var(--lav);border-radius:var(--r-xl);margin:0;padding:28px clamp(16px,4vw,48px) 24px}.stage-h{text-align:center;margin:0 0 14px;font-size:clamp(22px,3vw,30px)}.play svg{background:var(--canvas);border-radius:var(--r-lg);width:100%;max-width:760px;margin:0 auto;display:block}.slide{max-width:760px;font:700 16px var(--text);color:var(--ink);align-items:center;gap:14px;margin:16px auto 0;display:flex}.slide input{min-height:44px;accent-color:var(--ink);cursor:pointer;flex:1}.say{text-align:center;font:500 22px var(--head);color:var(--ink);min-height:1.4em;margin:8px 0 4px}.play figcaption{text-align:center;color:#2a2438;max-width:60ch;margin:6px auto 0;font-size:15px}.sec-h{text-align:center;margin:72px 0 28px}.grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;margin:0 0 24px;display:grid}.tile{background:var(--tc,var(--card));color:var(--on,var(--ink));border-radius:var(--r-xl);flex-direction:column;min-height:250px;padding:28px;text-decoration:none;display:flex}.tile:hover{filter:brightness(1.04)}.tile .doodle{width:112px;height:auto;margin:0 0 14px -6px}.tile h3{color:inherit;margin:0 0 .3em;font-size:26px}.tile p{color:inherit;margin:0;font-size:16.5px;line-height:1.5}.tile .count{font:700 15px var(--text);margin-top:auto;padding-top:16px}.tile .pill{color:var(--ink);background:#ffffffb3;align-self:flex-start;margin-bottom:12px}.trust{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.trust div{background:var(--card);border-radius:var(--r-lg);align-content:start;gap:6px;padding:24px;display:grid}.trust b{font:500 40px/1.05 var(--head);color:var(--ink);letter-spacing:-.02em}.trust b.d{padding-top:8px;font-size:24px}.trust span{color:var(--body);font-size:16px;line-height:1.5}.band{background:var(--soft);border:1px solid var(--hair);border-radius:var(--r-xl);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:72px 0 56px;padding:clamp(28px,5vw,56px);display:flex}.band h2{margin:0 0 .2em}.band p{max-width:46ch;margin:0}.hub-head{background:var(--tc,var(--card));color:var(--on,var(--ink));border-radius:var(--r-xl);justify-content:space-between;align-items:center;gap:24px;margin:16px 0 28px;padding:clamp(24px,5vw,56px);display:flex}.hub-head h1{color:inherit;margin:0 0 .25em;font-size:clamp(30px,5vw,50px)}.hub-head .lede{color:inherit}.hub-head .pill{margin-top:18px}.hub-head .doodle{flex:none;width:170px;display:none}.rows{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin:0 0 56px;padding:0;list-style:none;display:grid}.row{border-radius:var(--r-lg);background:var(--card);height:100%;color:var(--ink);flex-direction:column;gap:6px;padding:24px;text-decoration:none;display:flex}.row:hover{background:var(--strong)}.row b{font:500 23px/1.2 var(--head);letter-spacing:-.01em}.row .desc{color:var(--body);font-size:16px;line-height:1.5}.row .tag{font:700 13px var(--text);background:var(--canvas);border-radius:999px;align-self:flex-start;padding:4px 12px}.art{max-width:760px;margin:0 auto;padding-bottom:8px}.art-head{border-radius:var(--r-xl);background:var(--tc,var(--card));color:var(--on,var(--ink));margin:18px 0 24px;padding:clamp(24px,4.5vw,48px)}.art-head h1{color:inherit;margin:14px 0 .3em;font-size:clamp(32px,5.4vw,52px)}.dek{color:inherit;margin:0 0 .8em;font-size:20px;line-height:1.5}.art-head .pill{background:#ffffffb8}.by{font:600 15px/1.5 var(--text);color:inherit;border-top:1px solid #0a0a0a38;margin:18px 0 0;padding-top:14px}[data-c=learning] .by{border-top-color:#ffffff4d}.by a{color:inherit;text-decoration-color:currentColor}.by .checked{font-weight:800}.g-answer{background:var(--card);border-radius:var(--r-xl);margin:0 0 24px;padding:24px 28px;font-size:20px;line-height:1.55}.g-answer b{font:500 22px var(--head);color:var(--ink);margin-bottom:4px;display:block}.glance{flex-wrap:wrap;gap:10px;margin:0 0 28px;display:flex}.glance div{background:var(--soft);border:1px solid var(--hair);border-radius:var(--r-lg);flex:200px;padding:10px 16px}.glance dt{font:800 13px var(--text);color:var(--muted)}.glance dd{overflow-wrap:anywhere;color:var(--ink);margin:2px 0 0;font-size:16px;line-height:1.4}.toc{background:var(--soft);border:1px solid var(--hair);border-radius:var(--r-lg);margin:0 0 28px;padding:6px 20px}.toc summary{font:500 19px var(--head);cursor:pointer;min-height:48px;color:var(--ink);align-items:center;display:flex}.toc ol{font:600 16px var(--text);margin:4px 0 12px;padding-left:22px}.toc li{margin:.3em 0}.toc ul{margin:4px 0 12px;padding-left:22px;font-size:15px}.body>:first-child{margin-top:0}.body h2{margin-top:1.9em;scroll-margin-top:90px}.body h2:after{content:"";background:var(--tc,var(--lav));border-radius:3px;width:56px;height:6px;margin-top:10px;display:block}[data-c=learning] .body h2:after{background:var(--teal)}.body h3{margin-top:1.4em}.body ul,.body ol{padding-left:24px}.body li{margin:.4em 0}.body p,.body li{overflow-wrap:anywhere}.body ol.steps{counter-reset:s;padding:0;list-style:none}.body ol.steps li{counter-increment:s;margin:18px 0;padding:4px 0 4px 56px;position:relative}.body ol.steps li:before{content:counter(s);background:var(--ochre);width:40px;height:40px;color:var(--ink);font:500 19px var(--head);border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.tbl{border-radius:var(--r-lg);background:var(--soft);border:1px solid var(--hair);margin:1.2em 0;overflow-x:auto}.tbl table{border-collapse:collapse;width:100%;font-size:16px}.tbl th,.tbl td{text-align:left;border-bottom:1px solid var(--hair);vertical-align:top;padding:10px 14px}.tbl th{background:var(--card);font:800 14px var(--text);color:var(--ink)}.tbl tr:last-child td{border-bottom:0}.tbl td:first-child{color:var(--ink);font-weight:700}blockquote{border-radius:var(--r-lg);background:var(--card);color:var(--body);margin:1.2em 0;padding:12px 20px}figure{margin:1.2em 0}figure.lead,figure.diagram{background:var(--soft);border:1px solid var(--hair);border-radius:var(--r-xl);padding:16px}figure.lead img{margin:0 auto;display:block}figcaption{font:400 15px/1.5 var(--text);color:var(--muted);margin-top:8px}.faq details{background:var(--card);border-radius:var(--r-lg);margin:10px 0;padding:4px 20px}.faq summary{cursor:pointer;font:500 19px var(--head);min-height:52px;color:var(--ink);align-items:center;display:flex}.faq p{margin:0 0 14px}.sources ol{padding-left:24px;font-size:16px;line-height:1.55}.sources li{overflow-wrap:anywhere;margin:.5em 0}.sources h2.small{font-size:26px}.src-domain{color:var(--muted);font-size:14.5px}.editor{border-radius:var(--r-lg);background:var(--card);margin:24px 0;padding:14px 20px;font-style:italic}.editor span{font:800 13px var(--text);color:var(--muted);margin-bottom:2px;font-style:normal;display:block}.readon{border-radius:var(--r-xl);background:var(--soft);border:1px solid var(--hair);margin-top:36px;padding:20px 24px}.relist{border-radius:var(--r-lg);background:var(--card);flex-wrap:wrap;align-items:center;gap:4px 18px;margin-top:32px;padding:16px 20px;display:flex}.relist b{font:500 18px var(--head)}.next{margin-top:40px}.next h2{margin-top:0}.next .grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.next .tile{min-height:0;padding:22px}.next .tile h3{font-size:21px}.endnote{font:400 14.5px/1.6 var(--text);color:var(--muted);border-top:1px solid var(--hair);margin-top:32px;padding-top:16px}.body .calc{background:var(--mint);border-radius:var(--r-xl);color:var(--ink);margin:28px 0;padding:6px 24px 22px}.body .calc h3{margin-top:.8em}.calc form{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:10px 0 16px;display:grid}.calc label{font:800 14px var(--text);color:var(--ink);display:block}.calc input{width:100%;min-height:48px;font:600 18px var(--text);border:2px solid var(--ink);border-radius:var(--r-md);background:var(--canvas);color:var(--ink);margin-top:4px;padding:0 14px;display:block}.calc-out{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:0;display:grid}.calc-out div{background:var(--canvas);border-radius:var(--r-lg);padding:12px 16px}.calc-out dt{font:800 13px var(--text);color:var(--muted)}.calc-out dd{font:500 26px var(--head);overflow-wrap:anywhere;color:var(--ink);margin:2px 0 0}.stops{flex-wrap:wrap;gap:10px;margin:18px 0 8px;display:flex}.stops a{background:var(--card);min-height:44px;color:var(--ink);font:700 15px var(--text);border-radius:999px;align-items:center;padding:0 18px;text-decoration:none;display:inline-flex}.stops a:hover{background:var(--strong)}.body .pull{border-radius:var(--r-xl);background:var(--lav);font:500 clamp(22px, 3.2vw, 28px)/1.28 var(--head);color:var(--ink);letter-spacing:-.01em;border:0;margin:1.6em 0;padding:20px 26px}.log{padding-left:22px}.log li{margin:.7em 0}.totop{display:none}.prose{max-width:760px}.prose.static{background:var(--soft);border:1px solid var(--hair);border-radius:var(--r-xl);margin:18px auto 56px;padding:clamp(8px,3vw,16px) clamp(20px,4vw,44px) 36px}.prose.static h1{font-size:clamp(32px,5vw,46px)}.prose.static .by{color:var(--muted);border-top:0;margin-top:8px;padding-top:0}.trustbox{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:18px 0;display:grid}.trustbox p{background:var(--card);border-radius:var(--r-lg);margin:0;padding:14px 16px;font-size:16px;line-height:1.4}.trustbox b{font:800 13px var(--text);color:var(--muted);margin-bottom:2px;display:block}[data-layout=story]{max-width:700px}[data-layout=story] .art-head{color:var(--ink);text-align:center;background:0 0;margin-bottom:8px;padding:24px 0 0}[data-layout=story] .art-head .pill{background:var(--tc,var(--card));color:var(--on,var(--ink))}[data-layout=story] .art-head h1{font-size:clamp(36px,6vw,60px)}[data-layout=story] .dek{color:var(--muted);font-size:21px}[data-layout=story] .by{color:var(--muted);border-top:0;margin-top:4px;padding:0;font-weight:600}.story-lede{font:400 clamp(21px, 3vw, 25px)/1.55 var(--text);color:var(--ink);text-align:left;margin:0 0 28px}[data-layout=story] .body{font-size:19.5px;line-height:1.8}[data-layout=story] .body h2{font-size:clamp(28px,4vw,36px)}[data-layout=story] .body h2:after{display:none}[data-layout=reference]{max-width:940px}[data-layout=reference] .art-head{background:var(--teal);color:#fff;border-radius:var(--r-lg);padding:clamp(20px,3.5vw,36px)}[data-layout=reference] .art-head .pill{background:var(--ochre);color:var(--ink)}[data-layout=reference] .art-head h1{font-size:clamp(30px,4.6vw,44px)}[data-layout=reference] .by{border-top-color:#ffffff4d}[data-layout=reference] .body{font-size:17px;line-height:1.6}[data-layout=reference] .body h2{font-size:26px}[data-layout=reference] .body h2:after{background:var(--ochre);height:4px}.answer.spec{background:var(--card);border-radius:var(--r-lg);border-left:0;margin:0 0 24px;padding:16px 22px}.answer.spec .label{font:800 13px var(--text);background:var(--teal);color:#fff;border-radius:999px;padding:4px 12px;display:inline-block}.answer.spec p{margin:.5em 0 0;font-size:17.5px;line-height:1.55}[data-layout=reference] .toc ol{columns:2;column-gap:28px}.foot{background:var(--soft);border-top:1px solid var(--hair);color:var(--body);padding:48px 24px 40px;font-size:15.5px}.foot-in{flex-wrap:wrap;justify-content:space-between;gap:24px 48px;max-width:1180px;margin:0 auto;display:flex}.foot-name{font:500 24px var(--head);color:var(--ink);margin:0 0 6px}.foot-tag{max-width:46ch;margin:0 0 4px}.foot-links{flex-wrap:wrap;align-content:flex-start;gap:0 20px;max-width:420px;display:flex}.foot-links a{color:var(--ink);align-items:center;min-height:44px;font-weight:700;display:inline-flex}.copy{color:var(--muted);margin:8px 0 0}@media (width>=1040px){.menu{display:flex}.btn.top-cta{display:inline-flex}.burger{display:none}.brand{margin-right:0}.menu{margin-left:12px;margin-right:auto}.hub-head .doodle{display:block}}@media (width<=700px){body{font-size:17.5px}.wrap,.top-in{padding:0 16px}.hero{padding:36px 16px 20px}.stage{padding:16px}.sec-h{margin-top:52px}.btn{width:100%}.btn.sm{width:auto}.rows{grid-template-columns:1fr}.tile{min-height:0;padding:24px}.g-answer{padding:20px;font-size:19px}[data-layout=reference] .toc ol{columns:1}.body .calc{padding:4px 16px 18px}.foot{padding:36px 16px 32px}}@media (width<=600px){.tbl.stack{background:0 0;border:0;overflow:visible}.tbl.stack table,.tbl.stack tbody,.tbl.stack tr,.tbl.stack td{width:100%;display:block}.tbl.stack thead{position:absolute;left:-999px}.tbl.stack tr{border-radius:var(--r-lg);background:var(--soft);border:1px solid var(--hair);margin:0 0 10px;padding:8px 0}.tbl.stack td{border:0;padding:3px 14px}.tbl.stack td:before{content:attr(data-label);font:800 12.5px var(--text);color:var(--muted);display:block}.tbl.stack td:first-child{font-weight:800}.tbl.stack td:first-child:before{display:none}}@media (width<=960px){.totop{z-index:5;background:var(--ink);color:#fff;min-height:44px;font:700 15px var(--text);opacity:0;pointer-events:none;border-radius:999px;align-items:center;padding:0 18px;text-decoration:none;transition:opacity .2s;display:inline-flex;position:fixed;bottom:14px;right:14px}.totop.show{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.totop{transition:none}}.cite{font:700 .62em/0 var(--text);vertical-align:super;white-space:nowrap;margin-left:1px}.cite a{background:var(--strong);border:1px solid var(--hair);min-width:1.5em;color:var(--body);text-align:center;border-radius:999px;margin:0 1px;padding:.22em .3em .18em;line-height:1;text-decoration:none;display:inline-block}.cite a:hover,.cite a:focus-visible{background:var(--ink);color:var(--canvas)}.sources li{border-radius:var(--r-md);scroll-margin-top:90px}.sources li:target{background:var(--card);box-shadow:0 0 0 6px var(--card)}@media (width<=700px){.cite a{min-width:1.9em;padding:.32em .4em .28em}}.calc select{width:100%;min-height:48px;font:600 18px var(--text);border:2px solid var(--ink);border-radius:var(--r-md);background:var(--canvas);color:var(--ink);margin-top:4px;padding:0 14px;display:block}
