:root{--color-primary: #004d40;--color-accent: #ff6b35;--color-bg: #fafafa;--color-text: #1a1a1a;--color-muted: #666;--color-border: #e5e5e5;--font-body: "Inter", -apple-system, system-ui, sans-serif;--font-heading: "Playfair Display", Georgia, serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--max-width: 1280px;--header-height: 64px}*{margin:0;padding:0;box-sizing:border-box}html{font-family:Inter,-apple-system,system-ui,sans-serif;font-family:var(--font-body);font-size:16px;line-height:1.6;color:#1a1a1a;color:var(--color-text);background:#fafafa;background:var(--color-bg)}h1,h2,h3{font-family:Playfair Display,Georgia,serif;font-family:var(--font-heading);color:#004d40;color:var(--color-primary);line-height:1.2}.container{max-width:1280px;max-width:var(--max-width);margin:0 auto;padding:0 1rem;padding:0 var(--space-md)}.header-nav{background:#fff;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000000d}.header-content{display:flex;align-items:center;justify-content:space-between;height:64px;height:var(--header-height);padding:0 5%;gap:1.5rem;gap:var(--space-lg)}.brand{display:flex;align-items:baseline;gap:.5rem;gap:var(--space-sm)}.brand h1{font-size:2rem;margin:0}.brand .tagline{color:#666;color:var(--color-muted);font-size:.875rem;font-style:italic;display:none}@media (min-width: 768px){.brand .tagline{display:block}}.search-box{flex:1;max-width:400px}.search-box input{width:100%;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);border:1px solid #e5e5e5;border:1px solid var(--color-border);border-radius:20px;font-size:.9rem;background:#fafafa;background:var(--color-bg);transition:all .2s}.search-box input:focus{outline:none;border-color:#004d40;border-color:var(--color-primary);background:#fff}.nav-links{display:flex;gap:.25rem;gap:var(--space-xs);padding:0 5% .5rem;padding:0 5% var(--space-sm);overflow-x:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a{padding:6px 14px;color:#1a1a1a;color:var(--color-text);text-decoration:none;font-weight:500;font-size:.875rem;white-space:nowrap;border-radius:16px;transition:all .2s}.nav-links a:hover,.nav-links a.active{background:#004d40;background:var(--color-primary);color:#fff}.nav-links .support-btn{margin-left:auto;background:#ff6b35;background:var(--color-accent);color:#fff}.content-grid{display:grid;grid-template-columns:2fr 2fr 1fr;grid-gap:1.5rem;grid-gap:var(--space-lg);gap:1.5rem;gap:var(--space-lg);max-width:1280px;max-width:var(--max-width);margin:2.5rem auto;margin:var(--space-xl) auto;padding:0 1rem;padding:0 var(--space-md)}@media (max-width: 968px){.content-grid{grid-template-columns:1fr 1fr}.content-grid .sidebar{grid-column:1 / -1}}@media (max-width: 640px){.content-grid{grid-template-columns:1fr}}.recent-posts,.faq-section{background:#fff;border-radius:12px;padding:1.5rem;padding:var(--space-lg);box-shadow:0 2px 8px #0000000a}.faq-section ul{list-style:none;padding:0}.faq-section li{margin-bottom:1rem;margin-bottom:var(--space-md);padding:1rem;padding:var(--space-md);background:#fafafa;background:var(--color-bg);border-left:3px solid #ff6b35;border-left:3px solid var(--color-accent);border-radius:6px;transition:all .2s}.faq-section li:hover{transform:translate(4px);box-shadow:0 2px 8px #ff6b351a}.faq-section .age-tag{font-size:.75rem;font-weight:600;color:#004d40;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px}.faq-section .question{margin-top:.25rem;margin-top:var(--space-xs);color:#1a1a1a;color:var(--color-text)}.parent-story{background:#fff;border-radius:12px;padding:1.5rem;padding:var(--space-lg);box-shadow:0 2px 8px #0000000a}.parent-story h3{margin-bottom:.5rem;margin-bottom:var(--space-sm)}.parent-story .author{font-size:.875rem;color:#666;color:var(--color-muted);margin-bottom:1rem;margin-bottom:var(--space-md)}.parent-story .story{font-size:.9rem;line-height:1.7;color:#1a1a1a;color:var(--color-text)}.footer{margin-top:2.5rem;margin-top:var(--space-xl);padding:2.5rem 5%;padding:var(--space-xl) 5%;background:linear-gradient(to bottom,#fafafa,#fff);background:linear-gradient(to bottom,var(--color-bg),white);border-top:1px solid #e5e5e5;border-top:1px solid var(--color-border)}.footer-content{display:flex;justify-content:space-between;align-items:start;gap:2.5rem;gap:var(--space-xl);max-width:1280px;max-width:var(--max-width);margin:0 auto}@media (max-width: 768px){.footer-content{flex-direction:column}}.footer-info{font-size:.875rem;color:#666;color:var(--color-muted)}.footer-info p{margin-bottom:.25rem;margin-bottom:var(--space-xs)}.footer-info a{color:#004d40;color:var(--color-primary);text-decoration:none}.footer-info a:hover{text-decoration:underline}.social-links{display:flex;gap:.5rem;gap:var(--space-sm)}.social-links a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#004d40;background:var(--color-primary);color:#fff;transition:all .2s}.social-links a:hover{transform:scale(1.1);background:#ff6b35;background:var(--color-accent)}.posts-list{display:flex;flex-direction:column;gap:1rem;gap:var(--space-md)}.post-card{padding:1rem;padding:var(--space-md);background:#fafafa;background:var(--color-bg);border-radius:8px}.post-card h3{margin-bottom:.25rem;margin-bottom:var(--space-xs);font-size:1.1rem}.post-card a{color:#004d40;color:var(--color-primary);text-decoration:none}.post-card a:hover{text-decoration:underline}.post-card .excerpt{font-size:.9rem;color:#666;color:var(--color-muted);margin-bottom:.25rem;margin-bottom:var(--space-xs)}.post-card time{font-size:.8rem;color:#666;color:var(--color-muted)}.btn{display:inline-flex;align-items:center;gap:.5rem;gap:var(--space-sm);padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg);background:#ff6b35;background:var(--color-accent);color:#fff;border:none;border-radius:20px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.read-more{display:inline-block;margin-top:1rem;margin-top:var(--space-md);color:#ff6b35;color:var(--color-accent);text-decoration:none;font-size:.9rem;font-weight:500}.read-more:hover{text-decoration:underline}a{text-decoration:none;color:inherit;display:block}.nav-wrapper{background:#fff;border-top:1px solid #e5e5e5;border-top:1px solid var(--color-border);padding:0 5%}.nav-item{position:relative}.nav-item>a{padding:8px 16px;color:#1a1a1a;color:var(--color-text);text-decoration:none;font-weight:500;font-size:.875rem;white-space:nowrap;border-radius:16px;transition:all .2s;display:inline-block}.nav-item:hover>a,.nav-item>a.active{background:#004d40;background:var(--color-primary);color:#fff}.dropdown{position:absolute;top:100%;left:0;background:#fff;min-width:280px;box-shadow:0 4px 12px #0000001a;border-radius:8px;padding:.5rem;padding:var(--space-sm);margin-top:4px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s;z-index:1000}.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown a{display:block;padding:8px 12px;color:#1a1a1a;color:var(--color-text);text-decoration:none;font-size:.85rem;border-radius:6px;transition:all .15s}.dropdown a:hover{background:#fafafa;background:var(--color-bg);color:#004d40;color:var(--color-primary);padding-left:16px}.brand h1{font-size:2rem}