.youth-blog-page{min-height:100vh;padding-top:8rem;padding-bottom:4rem}.youth-blog-page .container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.blog-hero{text-align:center;margin-bottom:3rem;padding:2rem 0}.blog-hero h1{color:var(--kpc-ink);margin:0;font-size:3rem}.blog-hero p{color:var(--kpc-ink-2);margin:.75rem 0 0;font-size:1.25rem}.hero-stats{color:var(--kpc-mute);justify-content:center;gap:1rem;margin-top:1rem;font-size:.95rem;display:flex}.featured-section{margin-bottom:3rem}.featured-section h2{color:var(--kpc-ink);margin:0 0 1.5rem;font-size:1.5rem}.featured-posts{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;display:grid}.featured-post-card{overflow:hidden}.featured-post-card .post-cover{height:200px;margin:-1rem -1rem 1rem;position:relative;overflow:hidden}.featured-post-card .post-cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.featured-post-card:hover .post-cover img{transform:scale(1.05)}.post-overlay{position:absolute;top:1rem;left:1rem}.category-tag{color:#fff;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:500;display:inline-flex}.featured-post-card .post-content h3{color:var(--kpc-ink);margin:0 0 .5rem;font-size:1.25rem}.featured-post-card .post-excerpt{color:var(--kpc-ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 1rem;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}.featured-post-card .post-meta{color:var(--kpc-mute);gap:1rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.featured-post-card .post-stats{color:var(--kpc-ink-2);gap:1rem;font-size:.8rem;display:flex}.blog-layout{grid-template-columns:280px minmax(0,1fr);gap:2rem;display:grid}.blog-sidebar{flex-direction:column;gap:1.5rem;display:flex}.sidebar-section{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;padding:1.25rem}.sidebar-section h3{color:var(--kpc-ink-2);margin:0 0 1rem;font-size:1rem}.search-input{width:100%;color:var(--kpc-ink);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:.75rem 1rem;font-size:.95rem}.search-input::placeholder{color:var(--kpc-mute)}.search-input:focus{border-color:var(--kpc-magenta);outline:none}.category-list{margin:0;padding:0;list-style:none}.category-item{width:100%;color:var(--kpc-ink-2);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:.65rem .75rem;font-size:.9rem;transition:background-color .2s,border-color .2s,color .2s,opacity .2s,transform .2s,box-shadow .2s;display:flex}.category-item:hover{color:var(--kpc-ink-2);background:#ffffff0d}.category-item.active{color:var(--kpc-magenta);background:#ff2a8a26}.category-item .count{color:var(--kpc-mute);background:#ffffff0d;border-radius:10px;padding:.15rem .5rem;font-size:.8rem}.category-item.active .count{color:var(--kpc-magenta);background:#ff2a8a33}.tag-cloud{flex-wrap:wrap;gap:.5rem;display:flex}.tag-cloud .tag{color:var(--kpc-ink-2);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:.35rem .75rem;font-size:.8rem;transition:background-color .2s,border-color .2s,color .2s,opacity .2s,transform .2s,box-shadow .2s}.tag-cloud .tag:hover{color:var(--kpc-ink-2);background:#ffffff1a}.tag-cloud .tag.active{color:var(--kpc-magenta);background:#ff2a8a33;border-color:#ff2a8a66}.write-cta{background:linear-gradient(135deg,#ff2a8a1a,#b465ff1a);border:1px solid #ff2a8a33}.write-cta h3{color:var(--kpc-magenta)}.write-cta p{color:var(--kpc-ink-2);margin:0 0 1rem;font-size:.9rem;line-height:1.5}.blog-main{min-width:0}.active-filters{color:var(--kpc-ink-2);background:#ffffff08;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.filter-tag{color:var(--kpc-magenta);background:#ff2a8a26;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .65rem;font-size:.85rem;display:inline-flex}.clear-filters{color:var(--kpc-ink-2);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;margin-left:auto;padding:.25rem .75rem;font-size:.85rem;transition:background-color .2s,border-color .2s,color .2s,opacity .2s,transform .2s,box-shadow .2s}.clear-filters:hover{color:var(--kpc-ink-2);border-color:#fff3}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.post-card{flex-direction:column;display:flex;overflow:hidden}.post-card .post-image{height:180px;margin:-1rem -1rem 1rem;overflow:hidden}.post-card .post-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.post-card:hover .post-image img{transform:scale(1.05)}.post-body{flex-direction:column;flex:1;display:flex}.post-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.post-category{font-size:.8rem;font-weight:500}.post-type{font-size:1rem}.post-title{color:var(--kpc-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .5rem;font-size:1.1rem;line-height:1.4;display:-webkit-box;overflow:hidden}.post-card .post-excerpt{color:var(--kpc-ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0 0 1rem;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.post-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.author-info{align-items:center;gap:.65rem;display:flex}.author-avatar{background:linear-gradient(135deg, var(--kpc-magenta), var(--kpc-violet));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:600;display:flex;overflow:hidden}.author-avatar img{object-fit:cover;width:100%;height:100%}.author-text{flex-direction:column;display:flex}.author-name{color:var(--kpc-ink-2);font-size:.85rem;font-weight:500}.post-date{color:var(--kpc-mute);font-size:.75rem}.like-btn{color:var(--kpc-ink-2);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.85rem;transition:background-color .2s,border-color .2s,color .2s,opacity .2s,transform .2s,box-shadow .2s;display:flex}.like-btn:hover{color:var(--kpc-magenta);background:#ff2a8a1a;border-color:#ff2a8a4d}.like-btn.liked{color:var(--kpc-magenta);background:#ff2a8a26;border-color:#ff2a8a66}.no-posts{text-align:center;color:var(--kpc-mute);grid-column:1/-1;padding:4rem 2rem}.no-posts p{margin-bottom:1rem}.loading-container{color:var(--kpc-ink-2);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.loading-spinner{border:3px solid #ff2a8a33;border-top-color:var(--kpc-magenta);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1024px){.blog-layout{grid-template-columns:minmax(0,1fr)}.blog-sidebar{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.featured-posts{grid-template-columns:minmax(0,1fr)}}@media (max-width:768px){.youth-blog-page{padding-top:6rem}.blog-hero h1{font-size:2.25rem}.posts-grid,.blog-sidebar{grid-template-columns:minmax(0,1fr)}}
