.hero{text-align:center;padding:3rem 0 1.5rem}.hero h1{color:var(--color-dark);font-size:2.5rem;font-weight:900}.hero h1 span{color:var(--color-primary)}.hero p{color:var(--color-text-light);max-width:500px;margin:.5rem auto 0;font-size:1.1rem}.filters-container{margin-bottom:2.5rem}.search-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:50px;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.5rem 1.25rem;transition:border-color .3s,box-shadow .3s;display:flex}.search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #f65a5a1a}.search-bar .filter-label{min-width:auto;margin:0}.search-bar input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-family:Nunito,sans-serif;font-size:.95rem}.search-bar input::placeholder{color:var(--color-text-light);opacity:.7}.search-bar input::-webkit-search-cancel-button{appearance:none}.search-clear{color:var(--color-text-light);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0 .25rem;font-size:1.4rem;line-height:1;transition:color .2s,transform .2s}.search-clear:hover{color:var(--color-primary);transform:scale(1.15)}.filters{flex-wrap:wrap;gap:1.25rem 2rem;padding:0 .5rem;display:flex}.filter-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filter-label{color:var(--color-text-light);margin-right:.25rem;font-size:.85rem;font-weight:800}.filter-pill{background:var(--color-cream);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;text-transform:capitalize;border-radius:50px;padding:.3rem .75rem;font-family:Nunito,sans-serif;font-size:.78rem;font-weight:600;transition:all .2s}.filter-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-pill.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.results-count{color:var(--color-text-light);margin-top:1.25rem;padding:0 .5rem;font-size:.85rem;font-weight:600}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.post-card{background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-border);color:inherit;flex-direction:column;transition:transform .25s,box-shadow .25s,background .3s;display:flex;overflow:hidden}.post-card:not(.feature-card):hover{color:inherit;transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.feature-card{background:linear-gradient(135deg,#f65a5a08,#ffb99a0d);border:none;flex-direction:row;grid-column:1/-1;min-height:380px;margin-bottom:1rem;box-shadow:0 12px 40px #0000000f}:global([data-theme="dark"]) .feature-card{background:linear-gradient(135deg,#ff707012,#ffb99a0d);border:1px solid #ff707026}.feature-card:hover{transform:translateY(-2px);box-shadow:0 20px 50px #f65a5a1f}.feature-card .post-image{object-fit:cover;width:55%;height:100%;min-height:380px}.feature-card .post-image-placeholder{width:55%;min-height:380px}.feature-card .post-body{justify-content:center;width:45%;padding:3rem 2.5rem}.feature-card .post-title{margin-bottom:1rem;font-size:2rem}.feature-card .post-excerpt{-webkit-line-clamp:4;margin-bottom:1.5rem;font-size:1.05rem}@media (width<=900px){.feature-card{flex-direction:column;min-height:auto}.feature-card .post-image{width:100%;height:260px;min-height:260px}.feature-card .post-image-placeholder{width:100%;min-height:260px}.feature-card .post-body{width:100%;padding:1.5rem}.feature-card .post-title{font-size:1.5rem}}.post-image{object-fit:cover;width:100%;height:200px}.post-image-placeholder{background:linear-gradient(135deg,var(--color-cream),#f65a5a1a);justify-content:center;align-items:center;width:100%;height:200px;font-size:3rem;display:flex}.post-body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.post-meta{align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:.8rem;display:flex}.post-category{color:var(--color-primary);text-transform:capitalize;letter-spacing:.05em;background:#f65a5a1f;border-radius:50px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}:global([data-theme="dark"]) .post-category{background:#ff707026}.post-date{color:var(--color-text-light)}.post-title{color:var(--color-dark);margin-bottom:.5rem;font-size:1.15rem;font-weight:800;line-height:1.35}.post-excerpt{color:var(--color-text-light);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.88rem;line-height:1.6;display:-webkit-box;overflow:hidden}.post-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;display:flex}.post-footer-left{align-items:center;gap:.5rem;display:flex}.read-time{color:var(--color-text-light);font-size:.78rem}.age-badges{gap:.3rem;display:flex}.age-badge{color:var(--color-primary);white-space:nowrap;background:#f65a5a1a;border-radius:50px;padding:.15rem .5rem;font-size:.65rem;font-weight:700}:global([data-theme="dark"]) .age-badge{background:#ff707026}.age-more{background:var(--color-cream);color:var(--color-text-light)}.skeleton{pointer-events:none;border-color:var(--color-border)}.skeleton-image{background:linear-gradient(90deg,var(--color-cream)25%,#0000000a 50%,var(--color-cream)75%);background-size:200% 100%;width:100%;height:200px;animation:1.4s ease-in-out infinite skeletonShimmer}.skeleton-line{background:linear-gradient(90deg,var(--color-cream)25%,#0000000a 50%,var(--color-cream)75%);background-size:200% 100%;border-radius:6px;height:.85rem;margin:.6rem 0;animation:1.4s ease-in-out infinite skeletonShimmer}.skeleton-line-sm{width:35%;height:.7rem}.skeleton-line-md{width:55%}.skeleton-line-lg{width:90%;height:1.1rem}@keyframes skeletonShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.empty-state{text-align:center;grid-column:1/-1;padding:4rem 1rem}.empty-icon{margin-bottom:1rem;font-size:3rem}.empty-state h2{color:var(--color-dark);font-size:1.5rem;font-weight:800}.empty-state p{color:var(--color-text-light);margin:.5rem 0 1.5rem}.no-results{text-align:center;color:var(--color-text-light);padding:3rem 1rem}.no-results p{margin-bottom:1rem;font-size:1rem}.reset-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:.6rem 1.4rem;font-family:Nunito,sans-serif;font-weight:700;transition:transform .2s,box-shadow .2s}.reset-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f65a5a4d}.newsletter-cta{text-align:center;border-radius:var(--radius);background:linear-gradient(135deg,#f65a5a14,#ffa07a14);border:1px solid #f65a5a26;margin:3rem 0 1rem;padding:2.5rem 1.5rem;transition:background .3s}:global([data-theme="dark"]) .newsletter-cta{background:linear-gradient(135deg,#ff70701a,#ffb99a14);border-color:#ff707033}.newsletter-cta h2{color:var(--color-dark);font-size:1.4rem;font-weight:800}.newsletter-cta p{color:var(--color-text-light);margin:.5rem 0 1.25rem}.cta-btn{background:var(--color-primary);border-radius:50px;padding:.75rem 1.75rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-block;color:#fff!important}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f65a5a4d}.scroll-sentinel{justify-content:center;align-items:center;min-height:60px;margin:2.5rem 0 1rem;display:flex}.scroll-sentinel .loader{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.post-card.fade-in{animation:.45s ease-out both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.post-card.fade-in{animation:none}.scroll-sentinel .loader{border-top-color:var(--color-border);animation:none}.skeleton-image,.skeleton-line{animation:none}}@media (width<=600px){.hero h1{font-size:2rem}.posts-grid{grid-template-columns:1fr}.filter-label{min-width:auto}.search-bar{border-radius:12px;flex-direction:column;align-items:stretch}.search-clear{align-self:flex-end}}