The Zenimal Blog— Empowering Sleep and Family Serenity

Sleep and ADHD: A Parent's Guide to Neurodivergent Kids and Bedtime
Apr 01, 2026
Why Getting Off Screens Before Bed Is Critical for Your Child's Sleep (And Yours Too)
Dec 01, 2025
Why I Built a Device That Does Less (And Why That's Exactly What Your Child Needs)
Jul 01, 2025
Helping Children Sleep Better with Mindfulness and Meditation
Sep 01, 2024
4 Reasons Meditation and Mindfulness Give Athletes a Winning Edge
Aug 01, 2024
Creating a Sleep-Friendly Environment: Must-Have Tips for Parents
Jul 01, 2024
5 Unconventional Ways to Use Zenimal for Enhancing Daily Mindfulness
Mar 08, 2024
Repercussions of Sleep Disturbances and How Mindfulness Can Help
Dec 06, 2019

locales /* ========================================================= ZENIMAL BLOG ARTICLE STYLES Add this block to your zenimal-overrides.css asset. It is additive and scoped to .zen-article, so it will not affect anything outside a blog post wrapped in that class. Palette and DM Sans match the brand. Edit values freely. ========================================================= */ .zen-article { --zen-white: #FAFAF8; --zen-sand: #F5EDE0; --zen-ocean: #2A5F72; /* reserved for Anna's voice only */ --zen-teal: #74B5C2; --zen-teal-deep: #3A7A8C; --zen-ink: #3A3A3A; --zen-stone: #7A7A7A; max-width: 680px; margin: 0 auto; padding: 0 1.1rem; font-family: "DM Sans", system-ui, sans-serif; font-weight: 400; font-size: 1.0625rem; line-height: 1.75; color: var(--zen-ink); } /* ---- Base rhythm ---------------------------------------- */ .zen-article p { margin: 0 0 1.35rem; } .zen-article h2 { font-weight: 300; /* light headlines */ font-size: 1.7rem; line-height: 1.25; color: var(--zen-ink); margin: 2.8rem 0 1rem; } .zen-article h3 { font-weight: 500; /* medium emphasis */ font-size: 1.18rem; color: var(--zen-teal-deep); margin: 1.8rem 0 0.6rem; } .zen-article a { color: var(--zen-teal-deep); text-decoration: underline; text-underline-offset: 2px; } .zen-article strong { font-weight: 500; } /* ---- Opening hook (italic teal accent) ------------------ */ .zen-article .zen-hook { font-style: italic; color: var(--zen-teal-deep); font-size: 1.15rem; margin-bottom: 2rem; } /* ---- Drop cap ------------------------------------------- */ .zen-article p.zen-dropcap::first-letter { float: left; font-weight: 300; font-size: 3.6rem; line-height: 0.78; padding: 0.35rem 0.6rem 0 0; color: var(--zen-teal-deep); } /* ---- "The short version" box ---------------------------- */ .zen-article .zen-tldr { background: var(--zen-sand); border-left: 4px solid var(--zen-teal-deep); border-radius: 8px; padding: 1.2rem 1.4rem; margin: 0 0 2.4rem; } .zen-article .zen-tldr p { font-weight: 500; margin: 0 0 0.6rem; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.82rem; color: var(--zen-teal-deep); } .zen-article .zen-tldr ul { margin: 0; padding-left: 1.1rem; } .zen-article .zen-tldr li { margin: 0 0 0.4rem; } /* ---- Pull quote (one per post) -------------------------- */ .zen-article .zen-pull { font-weight: 300; font-size: 1.5rem; line-height: 1.4; color: var(--zen-teal-deep); border-top: 1px solid #e1d8c8; border-bottom: 1px solid #e1d8c8; padding: 1.4rem 0; margin: 2.4rem 0; text-align: center; } /* ---- "Try tonight" tip box ------------------------------ */ .zen-article .zen-callout { background: var(--zen-sand); border-radius: 8px; padding: 1.3rem 1.5rem; margin: 2.2rem 0; } .zen-article .zen-callout .zen-callout-label { display: block; font-weight: 500; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.82rem; color: var(--zen-teal-deep); margin-bottom: 0.4rem; } .zen-article .zen-callout p:last-child { margin-bottom: 0; } /* ---- Numbered steps ------------------------------------- */ .zen-article ol.zen-steps { list-style: none; counter-reset: zen; padding-left: 0; margin: 1.6rem 0 2rem; } .zen-article ol.zen-steps > li { counter-increment: zen; position: relative; padding-left: 3rem; margin-bottom: 1.2rem; } .zen-article ol.zen-steps > li::before { content: counter(zen); position: absolute; left: 0; top: 0.1rem; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; border-radius: 50%; background: var(--zen-teal); color: #fff; font-weight: 500; font-size: 0.95rem; } /* ---- Images with captions ------------------------------- */ .zen-article figure { margin: 2.2rem 0; } .zen-article figure img { width: 100%; height: auto; border-radius: 12px; display: block; } .zen-article figcaption { font-style: italic; font-size: 0.9rem; color: var(--zen-stone); text-align: center; margin-top: 0.6rem; } /* ---- FAQ (opens and closes, no script) ------------------ */ .zen-article details.zen-faq { border-top: 1px solid #e7ded0; padding: 0.9rem 0; } .zen-article details.zen-faq:last-of-type { border-bottom: 1px solid #e7ded0; } .zen-article details.zen-faq summary { cursor: pointer; font-weight: 500; font-size: 1.05rem; list-style: none; position: relative; padding-right: 1.6rem; color: var(--zen-ink); } .zen-article details.zen-faq summary::-webkit-details-marker { display: none; } .zen-article details.zen-faq summary::after { content: "+"; position: absolute; right: 0; top: -0.1rem; font-weight: 300; font-size: 1.4rem; color: var(--zen-teal-deep); } .zen-article details.zen-faq[open] summary::after { content: "\2212"; } .zen-article details.zen-faq p { margin: 0.7rem 0 0.3rem; } /* ---- Refined divider ------------------------------------ */ .zen-article hr { border: 0; height: 1px; width: 60px; background: var(--zen-teal); margin: 2.6rem auto; } /* ---- Sources / fine print ------------------------------- */ .zen-article small { color: var(--zen-stone); line-height: 1.6; } /* ---- Anna's voice block (Ocean, reserved) --------------- */ /* Use ONLY for a direct quote in Anna's voice. */ .zen-article .zen-anna { background: var(--zen-ocean); color: #fff; border-radius: 12px; padding: 1.8rem; margin: 2.4rem 0; font-weight: 300; font-size: 1.25rem; line-height: 1.45; } .zen-article .zen-anna .zen-anna-name { display: block; margin-top: 0.8rem; font-size: 0.9rem; font-weight: 400; opacity: 0.85; } /* ---- Mobile ease ---------------------------------------- */ @media (max-width: 540px) { .zen-article { font-size: 1.02rem; } .zen-article h2 { font-size: 1.45rem; } .zen-article .zen-pull { font-size: 1.3rem; } }

The Zenimal Blog— Empowering Sleep and Family Serenity

OUR COMPANY

SUPPORT

PARTNER WITH US

REWARDS & COMMUNITY