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