:root{--cream:#FDF3E1;--surface:#FFFDF7;--text:#3A2A1E;--text-dim:#6B5942;--gold:#E8A94B;--gold-soft:#F6C86B;--green:#5C8248;--green-soft:#7A9B5E;--coral:#C9723F;--coral-soft:#EE6C4D;--dusk:#3B3564;--line:rgba(58,42,30,.12);--shadow-card:0 10px 26px -14px rgba(58,42,30,.3);--radius:16px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--text);font-family:Karla,Segoe UI,system-ui,sans-serif;line-height:1.55;overflow-x:hidden}h1,h2,h3,h4,.display{font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:-.01em;color:var(--text)}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.wrap{max-width:1180px;margin:0 auto;padding:0 28px}.narrow{max-width:760px;margin:0 auto;padding:0 28px}header.site-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:20px 28px;max-width:1180px;margin:0 auto}.logo{font-family:Fraunces,Georgia,serif;font-size:1.22rem;font-weight:600;display:flex;align-items:center;gap:10px;color:var(--text)}.logo svg{width:34px;height:34px}nav.main-nav{display:flex;gap:26px;font-size:.92rem;font-weight:500}nav.main-nav a{color:var(--text-dim);transition:color .2s ease}nav.main-nav a:hover,nav.main-nav a[aria-current=page]{color:var(--coral)}.nav-toggle{display:none;background:none;border:none;color:var(--text);font-size:1.6rem;cursor:pointer}.crumbs{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:10px 28px 0;font-size:.8rem;color:var(--text-dim)}.crumbs a{color:var(--coral);font-weight:600}.crumbs span{margin:0 6px;opacity:.5}.section{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:60px 28px}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px}.section-head h2{font-size:1.55rem}.see-all{font-size:.88rem;font-weight:600;color:var(--coral)}.see-all:hover{color:var(--coral-soft)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--coral);border:1px solid rgba(201,114,63,.4);background:var(--surface);padding:6px 14px;border-radius:999px}.btn{display:inline-block;padding:12px 26px;border-radius:999px;font-weight:700;font-size:.95rem;cursor:pointer;border:none;font-family:inherit;transition:transform .2s ease,box-shadow .2s ease}.btn-gold{background:var(--gold);color:#3a2a1e}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 20px #e8a94b73}.btn-ghost{background:transparent;color:var(--coral);border:1px solid rgba(201,114,63,.5)}.btn-ghost:hover{border-color:var(--coral);background:#c9723f0f}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}.story-card{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-card);transition:transform .25s ease,box-shadow .25s ease}.story-card:hover{transform:translateY(-5px);box-shadow:0 16px 34px -14px #3a2a1e59}.story-thumb{height:150px;overflow:hidden}.story-body{padding:18px 20px 22px;display:flex;flex-direction:column;flex:1}.story-tag{display:inline-block;align-self:flex-start;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:999px;margin-bottom:10px;background:#f9e7c4;color:#8a5a20}.story-tag.coral{background:#f7e0ce;color:#9c4f22}.story-tag.green{background:#e7eedc;color:#43602c}.story-tag.neutral{background:#f5ebd9;color:#6b5942}.story-card h3{font-size:1.06rem;margin-bottom:6px}.story-card h3 a:hover{color:var(--coral)}.story-card .excerpt{font-size:.87rem;color:var(--text-dim);margin-bottom:14px}.story-meta{display:flex;justify-content:space-between;align-items:center;font-size:.77rem;color:#9a8465;border-top:1px solid var(--line);padding-top:12px;margin-top:auto}.illo-placeholder{width:100%;height:100%;display:flex;align-items:flex-end;position:relative}.illo-img{width:100%;height:100%;object-fit:cover;display:block}.illo-banner{aspect-ratio:7 / 3;height:auto;border-radius:14px;overflow:hidden}.illo-brief{font-size:.78rem;line-height:1.45;color:#3a2a1e;background:#fffdf7e0;border-top:2px dashed rgba(58,42,30,.3);padding:8px 12px;margin:0;width:100%}.illo-brief strong{letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;display:block}.value-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.value-chip{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px;font-weight:600;font-size:.95rem;color:var(--text);display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px -8px #3a2a1e33;transition:border-color .2s ease,transform .2s ease}.value-chip:hover{border-color:var(--gold);transform:translateY(-3px)}.value-chip .swatch{width:10px;height:10px;border-radius:50%;flex:none}.sw-gold{background:var(--gold)}.sw-coral{background:var(--coral-soft)}.sw-green{background:var(--green-soft)}.value-chip small{display:block;font-weight:400;font-size:.75rem;color:var(--text-dim)}.group-label{font-size:1.05rem;color:var(--text-dim);font-family:Karla,sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}.age-strip{display:flex;gap:16px;flex-wrap:wrap}.age-card{flex:1 1 200px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px;box-shadow:0 4px 12px -8px #3a2a1e33;transition:border-color .2s ease,transform .2s ease}.age-card:hover{border-color:var(--gold);transform:translateY(-3px)}.age-range{font-family:Fraunces,Georgia,serif;font-size:1.6rem;color:var(--coral);margin-bottom:6px}.age-card p{font-size:.85rem;color:var(--text-dim)}.age-block{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:34px;margin-bottom:26px;box-shadow:var(--shadow-card);display:grid;grid-template-columns:200px 1fr;gap:30px;align-items:start}.age-block .age-range{font-size:2.4rem}.age-block h2{font-size:1.25rem;margin-bottom:8px}.age-block p{font-size:.95rem;color:var(--text-dim);margin-bottom:14px}.age-values{display:flex;gap:8px;flex-wrap:wrap}.age-values a{font-size:.8rem;font-weight:600;padding:6px 14px;border-radius:999px;background:var(--cream);border:1px solid var(--line);color:var(--text-dim);transition:all .2s ease}.age-values a:hover{border-color:var(--gold);color:var(--coral)}@media(max-width:700px){.age-block{grid-template-columns:1fr;gap:10px}}.story-page{position:relative;z-index:2;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:22px;max-width:760px;margin:24px auto 60px;padding:52px clamp(24px,6vw,64px) 56px;box-shadow:0 24px 54px -22px #3a2a1e59}.story-page .story-kicker{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.story-page h1{font-size:clamp(1.7rem,4.5vw,2.4rem);line-height:1.15;margin-bottom:10px}.byline{font-size:.82rem;color:#9a8465;margin-bottom:30px}.story-illustration{margin:0 0 34px;border-radius:14px;overflow:hidden}.story-text p{font-size:1.08rem;line-height:1.75;margin-bottom:1.2em;color:#463526}.story-text p:first-of-type:first-letter{font-family:Fraunces,Georgia,serif;font-size:3.2em;float:left;line-height:.85;padding-right:10px;color:var(--coral-soft)}.talk-about{margin-top:44px;background:#fbead3;border-left:4px solid var(--coral-soft);border-radius:10px;padding:24px 26px}.talk-about h2{font-size:1.15rem;margin-bottom:12px}.talk-about li{font-size:.95rem;color:#5c4630;margin:0 0 10px 20px}.story-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.related{margin-top:52px;border-top:1px solid var(--line);padding-top:30px}.related h2{font-size:1.15rem;margin-bottom:16px}.related-links a{display:block;font-weight:600;color:var(--coral);margin-bottom:8px;font-size:.95rem}.related-links a:hover{color:var(--coral-soft)}.value-hero{position:relative;z-index:2;max-width:820px;margin:0 auto;padding:44px 28px 10px;text-align:center}.value-hero h1{font-size:clamp(1.9rem,5vw,2.9rem);margin:16px 0 14px}.value-hero h1 em{font-style:italic;color:var(--coral)}.value-hero .intro{color:var(--text-dim);font-size:1.02rem;text-align:left;margin-top:22px}.value-hero .intro p{margin-bottom:14px}.value-hero .intro strong{color:var(--text)}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}.filter-pill{padding:8px 18px;border-radius:999px;font-size:.85rem;font-weight:600;background:var(--surface);border:1px solid var(--line);color:var(--text-dim);cursor:pointer;transition:all .2s ease}.filter-pill:hover,.filter-pill.active{background:var(--gold);color:#3a2a1e;border-color:var(--gold)}.faq-list{max-width:760px}.faq-list h2{font-size:1.35rem;margin-bottom:20px}.faq-list details{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin-bottom:12px;box-shadow:0 4px 12px -8px #3a2a1e2e}.faq-list summary{font-weight:700;cursor:pointer}.faq-list details p{margin-top:12px;color:var(--text-dim);font-size:.95rem}.empty-note{background:var(--surface);border:1.5px dashed rgba(58,42,30,.25);border-radius:var(--radius);padding:34px 28px;text-align:center;color:var(--text-dim);font-size:.98rem;max-width:560px}.empty-note a{color:var(--coral);font-weight:600}footer.site-footer{position:relative;z-index:2;background:var(--dusk);color:#ddd9ec;margin-top:40px}.footer-inner{max-width:1180px;margin:0 auto;padding:50px 28px 40px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px;font-size:.85rem}footer.site-footer .logo{color:#fbead3;margin-bottom:10px}.footer-cols{display:flex;gap:56px;flex-wrap:wrap}.footer-col h5{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:#fbead3;margin-bottom:12px}.footer-col a{display:block;margin-bottom:8px;color:#bdb7da}.footer-col a:hover{color:var(--gold-soft)}.legal-body{position:relative;z-index:2;max-width:720px;margin:0 auto;padding:20px 28px 70px}.legal-body h2{font-size:1.25rem;margin:34px 0 12px}.legal-body p{color:var(--text-dim);font-size:.98rem;margin-bottom:14px;line-height:1.7}.legal-body a{color:var(--coral);font-weight:600}.legal-body strong{color:var(--text)}.share-story{margin-top:26px;padding:20px 22px;background:#fbead3;border-radius:12px}.share-label{font-size:.92rem;color:#5c4630;margin-bottom:12px;font-weight:600}.share-buttons{display:flex;gap:10px;flex-wrap:wrap}.share-buttons .btn{padding:9px 18px;font-size:.86rem}@media print{header.site-header,.crumbs,.story-actions,.share-story,.related,footer.site-footer{display:none!important}.story-page{box-shadow:none;border:none;margin:0;padding:0}.story-page:after{content:"From nestofvalues.com — free bedtime stories, organised by the value they teach. Pick the value your child needs tonight.";display:block;margin-top:28px;padding-top:12px;border-top:1px solid #ccc;font-size:.8rem;color:#6b5942}}@media(max-width:860px){nav.main-nav{display:none}.nav-toggle{display:block}nav.main-nav.open{display:flex;flex-direction:column;position:absolute;top:64px;right:20px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 22px;gap:14px;z-index:50;box-shadow:var(--shadow-card)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
