:root{--paper:#EEE9E3;--paper-2:#E4DDD4;--line:#D5CBBF;--ink:#1E1A17;--muted:#6B6158;--accent:#5C4839;--accent-soft:#E0D5C8;--tip:#7D6A33;
--head:"Rubik","Arial Hebrew",system-ui,sans-serif;--body:"Assistant","Arial Hebrew",system-ui,sans-serif;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 var(--body);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.wrap{max-width:760px;margin:0 auto;padding-block:0 56px}
a{color:inherit}
h1,h2,h3{font-family:var(--head);text-wrap:balance;margin:0}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-block:16px 10px;border-bottom:1px solid var(--line)}
.logo{font:700 20px var(--head);text-decoration:none}
.top nav{display:flex;gap:4px 14px;flex-wrap:wrap;font-size:15px}
.top nav a{text-decoration:none;color:var(--muted)}
.top nav a:hover{color:var(--ink)}
.crumbs{font-size:13.5px;color:var(--muted);margin:14px 0 0}
.crumbs a{color:var(--muted)}
.hero{display:flex;gap:16px;align-items:center;margin:16px 0 6px}
.hero img{width:96px;height:96px;border-radius:50%;flex:none;object-fit:cover;mix-blend-mode:multiply}
h1{font-size:clamp(30px,6.5vw,44px);font-weight:800;line-height:1.1;letter-spacing:-.01em}
.answer{font-size:18px;margin:10px 0 6px}
.updated{font-size:13.5px;color:var(--muted);margin:0}
.cta{display:inline-block;margin:16px 0 4px;background:var(--accent);color:var(--paper);text-decoration:none;font:700 16px var(--body);padding:11px 20px;border-radius:12px}
.ages{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 0;padding:0;list-style:none}
.ages a{display:block;text-decoration:none;background:var(--paper-2);border:1px solid var(--line);padding:5px 12px;border-radius:10px;font-weight:600;font-size:14.5px}
.ages a[aria-current=page]{background:var(--accent);color:var(--paper);border-color:var(--accent)}
.group-h{font-size:26px;margin:34px 0 0}
.cat{padding-top:22px}
.cat-h{font-size:21px;font-weight:700;padding-bottom:4px;border-bottom:1px solid var(--line)}
.items{list-style:none;margin:0;padding:0}
.items.flat>.item:first-child{border-top:0}
.item{display:flex;gap:14px;padding:13px 0;border-top:1px dashed var(--line)}
.cat-h+.items>.item:first-child,.tier+.item{border-top:0}
.thumb{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:12px;flex:none}
.body{min-width:0}
.item h3{font-family:var(--body);font-weight:700;font-size:17.5px}
.hint{margin:2px 0 0;color:var(--muted);font-size:15px}
.tip{margin:4px 0 0;font-size:15px}
.tip b{color:var(--tip)}
.about{margin:4px 0 0;font-size:15px}
.where{margin-top:6px}
.where summary{cursor:pointer;color:var(--accent);font-weight:700;font-size:15px;list-style:none;display:inline-block;padding:2px 0}
.where summary::-webkit-details-marker{display:none}
.where summary::after{content:"";display:inline-block;width:6px;height:6px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-inline-start:8px;vertical-align:middle}
.where[open] summary::after{transform:rotate(-45deg);margin-top:-3px}
.prods{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px;font-size:15px}
.ship{color:var(--muted);font-size:13.5px}
.disc{font-size:12.5px;color:var(--muted);margin:6px 0 0}
.mine{font-size:12.5px;font-weight:700;color:var(--accent);background:var(--accent-soft);padding:1px 7px;border-radius:6px}
.why{color:var(--muted)}
.buy{display:inline-block;background:var(--accent);color:var(--paper);text-decoration:none;font-weight:700;font-size:14px;padding:4px 12px;border-radius:9px;margin-inline-start:4px}
.code{font-size:14px}
.tier{list-style:none;padding:16px 0 2px;font-size:13.5px;font-weight:700;color:var(--muted)}
.hub{list-style:none;padding:0;margin:20px 0 0}
.hub li{border-top:1px solid var(--line)}
.hub a{display:flex;gap:14px;align-items:center;padding:14px 0;text-decoration:none}
.hub img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none}
.hub b{font:700 20px var(--head);display:block}
.hub small{color:var(--muted);font-size:15px}
footer{margin-top:44px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px;display:grid;gap:8px}
footer p{margin:0;max-width:64ch}
a:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px}
.side-nav{display:none}
@media (min-width:1180px){.side-nav{display:grid;align-content:start;gap:2px;position:fixed;top:24px;right:24px;width:200px;max-height:calc(100vh - 48px);overflow-y:auto;padding:14px 4px}
.side-nav h4{margin:14px 10px 4px;font:700 12.5px var(--body);color:var(--muted)}.side-nav h4:first-child{margin-top:0}
.side-nav a{display:block;text-decoration:none;font:600 15px var(--body);padding:6px 10px;border-radius:9px}.side-nav a:hover{background:var(--paper-2)}}
@media (max-width:520px){.hero img{width:72px;height:72px}.thumb{width:60px;height:60px}}
.logo{display:inline-flex;align-items:baseline;gap:6px}
.logo svg{width:16px;height:16px;color:#9A6A5D;align-self:center}
.tabbar{display:none}
@media (max-width:640px){
body{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
.top{position:sticky;top:0;z-index:8;background:rgba(238,233,227,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-inline:-16px;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;justify-content:center}
.top nav{display:none}
.logo{font-size:19px}
.tabbar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;inset-inline:0;bottom:0;z-index:15;background:rgba(238,233,227,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px))}
.tabbar a{display:grid;justify-items:center;gap:2px;padding:6px 0;font-size:12.5px;line-height:1.3;color:var(--muted);text-decoration:none;border-radius:14px;text-align:center}
.tabbar a svg{width:24px;height:24px}
.tabbar a[aria-current=page]{color:var(--accent);font-weight:700}
}
.age-mini{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0 4px}
.age-mini>span{font-size:13.5px;color:var(--muted);margin-inline-end:2px}
.age-mini a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:3px 12px 3px 4px;font:600 14px var(--body)}
.age-mini img{width:30px;height:30px;border-radius:50%;object-fit:cover;mix-blend-mode:multiply;background:var(--paper)}
.item.tap{cursor:pointer}
.fs-card{margin:14px 0 4px;background:#F1E2DC;border:1.5px solid #D9B8AD;border-radius:14px;padding:12px 14px 14px}
.fs-card .fs-link{display:block;background:none;border:0;padding:0 0 10px;border-radius:0}
.fs-prods{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.fs-prods a{display:block;text-decoration:none}
.fs-prods img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:10px}
@media (max-width:520px){.age-mini>span{display:none}.age-mini a{font-size:12.5px;gap:4px;padding:2px 9px 2px 3px}.age-mini img{width:24px;height:24px}.age-mini{gap:5px}.fs-prods{gap:6px}.fs-card{padding:10px 10px 12px}}

.g-note{background:var(--accent-soft);border-radius:12px;padding:10px 14px;margin:12px 0 0;font-size:15px}
.g-sec h2{font-size:24px;margin:30px 0 6px}
.g-sec h3{font-size:18px;margin:16px 0 4px;font-family:var(--body)}
.g-sec p{margin:6px 0 0}
.g-sec ul{margin:8px 0 0;padding-inline-start:20px}
.g-sec li{margin:4px 0}
.g-tip{margin:10px 0 0;background:#F2EAD3;border-radius:12px;padding:9px 14px}
.g-tip b{color:var(--tip)}
.toc{margin:16px 0 0;padding:12px 16px;background:var(--paper-2);border-radius:12px;font-size:15px}
.toc ol{margin:6px 0 0;padding-inline-start:20px;columns:2;column-gap:24px}
.faq h3{font-size:17px;margin:14px 0 2px;font-family:var(--body)}
.faq p{margin:2px 0 0}
@media (max-width:520px){.toc ol{columns:1}}

.prods li{display:flex;gap:12px;align-items:flex-start}
.prods .pimg{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:10px;flex:none}
.prods .po{min-width:0}
.scrim{position:fixed;inset:0;background:rgba(57,53,48,.28);z-index:20;opacity:0;transition:opacity .2s}
.scrim.show{opacity:1}
.sheet{position:fixed;z-index:21;background:var(--paper);inset-inline:0;bottom:0;max-height:88vh;overflow-y:auto;border-radius:22px 22px 0 0;padding:22px 20px calc(24px + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .25s ease;box-shadow:0 -8px 30px rgba(57,53,48,.12)}
.sheet.show{transform:none}
@media (min-width:760px){.sheet{inset-inline:0 auto;top:0;bottom:0;width:460px;max-height:none;border-radius:0;transform:translateX(100%);box-shadow:-8px 0 30px rgba(57,53,48,.12)}.sheet.show{transform:none}}
.sheet-close{position:absolute;top:14px;inset-inline-end:14px;background:var(--paper-2);border:0;width:34px;height:34px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer;color:var(--ink)}
.sheet h2{font-size:26px;padding-inline-end:40px}
.sheet .hint{margin:6px 0 0}
.sheet .prods{margin-top:16px;gap:0}
.sheet .prods li{padding:14px 0;border-top:1px solid var(--line)}
.sheet .prods .pimg{width:76px;height:76px}
.pace{color:var(--muted);font-size:13.5px;margin:6px 0 0}
.draft-banner{background:#F2EAD3;border-radius:12px;padding:10px 14px;margin:14px 0 0;font-size:15px}
.sec-h{font-size:24px;margin:34px 0 4px}
.sec-sub{color:var(--muted);margin:0 0 6px;font-size:15px}
.disc-line{font-size:12.5px}
.act{border-top:1px solid var(--line);padding:16px 0}
.act h3{font-size:19px;font-family:var(--body);font-weight:700}
.act p{margin:6px 0 0}
.act .age{font-size:14.5px;color:var(--muted)}
.act .safety{margin:8px 0 0;padding:8px 12px;background:var(--paper-2);border-radius:10px;font-size:14.5px}
.act .safety b{display:block;margin-bottom:2px}
.act .safety ul{margin:0;padding-inline-start:18px}
.act .missing{color:#8A4B3A}
.act .src{font-size:13.5px;color:var(--muted);margin-top:8px}
.sources{font-size:13.5px;color:var(--muted)}
.ck-when{font-size:18px;margin:18px 0 4px;font-family:var(--body)}
.ck{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.ck li{padding:8px 12px;background:var(--paper-2);border-radius:10px;font-size:15px}
.ck-where{font-size:12.5px;font-weight:700;color:var(--muted);border:1px solid var(--line);border-radius:7px;padding:0 6px;white-space:nowrap}
.ck-appt{font-size:12.5px;font-weight:700;color:#8A4B3A;white-space:nowrap}
.ig-wrap{position:relative}
.ig-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--accent);box-shadow:0 1px 4px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.ig-arrow svg{width:18px;height:18px}
.ig-arrow[hidden]{display:none}
.ig-arrow.l{left:4px}
.ig-arrow.r{right:4px}
.ig-arrow:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px}
.ig-row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 10px;scrollbar-width:thin}
.ig-card{flex:none;width:150px;scroll-snap-align:start;text-decoration:none;display:grid;gap:6px}
.ig-card img{width:150px;height:266px;object-fit:cover;border-radius:14px;background:var(--paper-2)}
.ig-card span{font-size:14px;font-weight:600;line-height:1.35}
.fs-wrap{margin:14px 0 4px}
.fs-link{display:inline-block;background:#F1E2DC;border:1.5px solid #D9B8AD;color:var(--ink);border-radius:14px;padding:10px 16px;font-weight:700;text-decoration:none}
.sf{display:inline-block;margin:14px 0 0;color:var(--accent);font-weight:700;text-underline-offset:3px}
.reel-chip{display:inline-flex;align-items:center;gap:10px;margin-top:6px;text-decoration:none;color:var(--accent);font-weight:700;font-size:14px;background:var(--paper-2);border-radius:12px;padding:4px 12px 4px 4px}
.reel-chip img{width:40px;height:64px;object-fit:cover;border-radius:8px}
.reels{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:6px}
.reels a{color:var(--accent);font-weight:700;text-underline-offset:3px}
.sub-h3{font-size:17px;margin:18px 0 0;font-family:var(--body)}
.reel{margin:4px 0 0;font-size:14.5px}
.reel a{color:var(--accent);font-weight:700}
.safety-list{margin:6px 0 0;padding-inline-start:20px}
.safety-list li{margin:4px 0}
.sources li{margin:4px 0}
.signup{margin-top:40px;background:var(--paper-2);border-radius:16px;padding:18px 18px 14px}
.signup h2{font-size:22px}
.signup form{display:grid;gap:8px;margin-top:10px;max-width:420px}
.signup input[type=email],.signup input[type=date]{font:16px var(--body);padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink)}
.signup fieldset{border:0;padding:0;margin:4px 0;display:grid;gap:4px}
.signup legend{padding:0;font-weight:600}
.signup .why-date{font-size:14px;color:var(--muted);margin:0}
.signup .consent{font-size:14.5px;display:flex;gap:8px;align-items:flex-start}
.signup button{justify-self:start;background:var(--accent);color:var(--paper);border:0;border-radius:12px;font:700 16px var(--body);padding:10px 22px;cursor:pointer}
.su-msg{min-height:1.4em;margin:0;font-weight:600}
.su-note{font-size:13.5px;margin:8px 0 0}
