@font-face{font-family:"Fredoka";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/fredoka-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
:root{--bg:#eef7fc;--card:#fff;--ink:#1f2d3a;--muted:#4b5d6e;--head:#173a54;--leaf:#2a7a3b;--link:#1d6b35;--coral:#ff9c84;--coral-ink:#b23c22;--line:#d3e4ef;--mint:#e3f3e5;--sh:0 3px 12px rgba(30,70,100,.09);--r:18px;--hf:"Fredoka","Nunito","Varela Round",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--ink)}
h1,h2,h3,.brand,.btn,summary{font-family:var(--hf);font-weight:600;letter-spacing:.005em}
header{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.6rem 1.2rem;background:#fff;position:sticky;top:0;z-index:5;box-shadow:0 2px 10px rgba(30,70,100,.08)}
.brand{display:flex;align-items:center;gap:.45rem;color:var(--head);font-size:1.45rem;text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:.2rem .35rem}nav a{color:#24435c;text-decoration:none;font-size:.92rem;padding:.15rem .55rem;border-radius:999px}nav a:hover{background:var(--mint);color:var(--link)}nav a[aria-current]{background:#ffe7e0;color:var(--coral-ink);font-weight:600}
.menu{display:none;margin-left:auto;background:var(--mint);border:0;color:var(--link);font-size:1.4rem;line-height:1;padding:.35rem .6rem;border-radius:12px;cursor:pointer}
main{max-width:1000px;margin:auto;padding:1.5rem 1.2rem}h1{color:var(--head);line-height:1.2}h2{color:var(--head);line-height:1.3}h3{color:var(--head)}
a{color:var(--link);text-underline-offset:.15em}a:hover{color:var(--coral-ink)}
main h2::before{content:"";display:inline-block;width:.8em;height:.8em;margin-right:.35em;vertical-align:-.05em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 14C2 6 7 2 14 2c0 7-4 12-12 12z' fill='%236cbf6a'/%3E%3Cpath d='M3 13 11 5' stroke='%232a7a3b' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.hero{position:relative;padding:1.8rem 1.6rem 1.4rem;margin:.5rem 0 1rem;background:linear-gradient(135deg,#fff 0%,#e4f2fb 60%,#e6f5e7 100%);border-radius:24px;box-shadow:var(--sh)}.hero h1{font-size:2.4rem;margin:.2rem 0 .8rem}
.hero .doodle{float:right;width:150px;height:auto;margin:0 0 .5rem 1rem}
.btn{display:inline-block;background:var(--leaf);color:#fff;padding:.6rem 1.25rem;border-radius:999px;text-decoration:none;border:0;cursor:pointer;font-size:1.02rem;margin:.25rem .3rem .25rem 0;box-shadow:0 3px 0 #1e5c2c;transition:transform .12s}.btn:hover{color:#fff;transform:translateY(-2px)}.btn.alt{background:var(--coral);color:var(--ink);box-shadow:0 3px 0 #e07a62}.btn.alt:hover{color:var(--ink)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.1rem 1.4rem;margin:1.1rem 0;box-shadow:var(--sh)}.card h2{margin-top:0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin:1rem 0}.tile{background:#fff;border:1px solid var(--line);border-top:5px solid #8fd18c;border-radius:var(--r);padding:1rem 1.1rem;text-decoration:none;display:block;box-shadow:var(--sh);transition:transform .12s,box-shadow .12s}.tile:nth-child(3n+2){border-top-color:var(--coral)}.tile:nth-child(3n){border-top-color:#9ccbe8}.tile:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(30,70,100,.13)}.tile h3{margin:0 0 .3rem;color:var(--head)}.tile p{margin:0;color:var(--muted);font-size:.93rem}
.sci,.note{color:var(--muted);font-style:italic}dt{font-weight:700;color:var(--head);margin-top:.8rem}dd{margin-left:1rem}
.myth{color:#a8361d}.fact{color:var(--link)}
footer{text-align:center;padding:1.6rem 1rem 2rem;color:var(--ink);font-size:.95rem;background:#dcedf7;margin-top:2.5rem;border-radius:28px 28px 0 0}footer a{color:#175c2d}footer p{margin:.4rem 0}
.prints{display:block;margin:0 auto .8rem;width:132px;height:24px}
.ad-slot{max-width:1000px;margin:1rem auto;min-height:90px}.related ul{columns:2;padding-left:1.2rem}
.tablewrap{overflow-x:auto;margin:1rem 0;background:#fff;border-radius:14px;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;padding:.6rem .7rem;border-bottom:1px solid var(--line);vertical-align:top}th{color:#1a5e2f}thead th{background:var(--mint);border-bottom:2px solid #b9dcbf}tbody tr:last-child>*{border-bottom:0}
.lead{font-size:1.12rem}.meta,.crumbs{color:var(--muted);font-size:.9rem}.meta{margin-top:-.4rem}
.jump{display:flex;flex-wrap:wrap;gap:.45rem .5rem;font-size:.92rem;margin:.7rem 0}.jump a{background:var(--mint);color:#1a5e2f;border-radius:999px;padding:.25rem .8rem;text-decoration:none}.jump a:hover{background:#ffe7e0;color:var(--coral-ink)}
details.qa{border-bottom:1px dashed var(--line);padding:.55rem 0}details.qa summary{cursor:pointer;color:var(--head)}details.qa p{margin:.5rem 0 .2rem}
.sources{font-size:.92rem;color:var(--muted)}.sources h2{font-size:1.1rem}.sources li{margin:.25rem 0}
.postlist{list-style:none;padding:0}.postlist li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:.8rem 1.1rem;margin:.8rem 0;box-shadow:var(--sh)}.postlist h2{margin:.2rem 0;font-size:1.25rem}.postlist h2::before{display:none}
.callout{border:2px solid #ffc9bb;border-left:6px solid var(--coral);background:#fff3ee;padding:.9rem 1.1rem;border-radius:var(--r);margin:1rem 0}
form.contact{display:grid;gap:.9rem;max-width:560px}form.contact label{display:grid;gap:.3rem;font-weight:600}
form.contact input,form.contact textarea{font:inherit;padding:.65rem .8rem;border-radius:12px;border:2px solid #b9d3e4;background:#fff;color:var(--ink)}form.contact input:focus,form.contact textarea:focus{outline:3px solid #8fd18c;border-color:var(--leaf)}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
:focus-visible{outline:3px solid #e07a62;outline-offset:2px}
figure.diagram{margin:1rem 0;text-align:center}figure.diagram svg{max-width:100%;height:auto;background:#34506a;border-radius:var(--r);padding:.5rem}figure.diagram figcaption{font-size:.9rem;color:var(--muted);margin-top:.4rem}
.contact-us{max-width:640px;margin:0 auto 1.1rem;background:#fff;border-radius:var(--r);padding:.9rem 1.1rem;font-size:1rem;box-shadow:var(--sh)}.contact-us h2{font-size:1.15rem;margin:.1rem 0 .3rem;color:#a8361d}.contact-us p{margin:0}
@media(max-width:760px){.menu{display:block}nav{display:none;width:100%;flex-direction:column}nav a{padding:.45rem .7rem}body.open nav{display:flex}.hero{padding:1.3rem 1.1rem 1rem}.hero h1{font-size:1.8rem}.hero .doodle{width:96px}.related ul{columns:1}main{padding:1rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}