/* === NEWS ARCHIVE & DETAIL === */

/* Filter */
.news-filter{display:flex;gap:12px;margin-bottom:48px;flex-wrap:wrap}
.news-filter-btn{padding:8px 24px;font-size:.75rem;letter-spacing:.1em;border:1px solid rgba(42,42,62,.12);color:rgba(42,42,62,.5);transition:all .3s;font-weight:500}
.news-filter-btn:hover{border-color:#e91e8c;color:#e91e8c;opacity:1}
.news-filter-btn.active{background:#e91e8c;border-color:#e91e8c;color:#fff}

/* News List */
.news-list{margin-top:20px}
.news-list-item{display:flex;align-items:center;gap:20px;padding:28px 0;border-bottom:1px solid rgba(42,42,62,.06);transition:background .3s,padding .3s;text-decoration:none}
.news-list-item:hover{background:rgba(233,30,140,.02);padding-left:12px;padding-right:12px;opacity:1}
.news-list-date{font-family:'Cormorant Garamond',serif;font-size:1rem;color:rgba(42,42,62,.35);flex-shrink:0;width:100px;letter-spacing:.05em}
.news-list-badge{font-size:.6rem;letter-spacing:.1em;padding:4px 14px;border-radius:2px;font-weight:600;flex-shrink:0;text-transform:uppercase}
.news-list-badge--info{background:rgba(42,42,62,.06);color:rgba(42,42,62,.5)}
.news-list-badge--event{background:rgba(233,30,140,.08);color:#e91e8c}
.news-list-badge--works{background:rgba(26,26,46,.08);color:#1a1a2e}
.news-list-badge--media{background:rgba(6,199,85,.08);color:#06c755}
.news-list-title{flex:1;font-size:.9rem;font-weight:500;color:#1a1a2e;line-height:1.6}
.news-list-arrow{flex-shrink:0;color:rgba(42,42,62,.2);transition:color .3s,transform .3s}
.news-list-item:hover .news-list-arrow{color:#e91e8c;transform:translateX(4px)}

/* Pagination */
.news-pagination{display:flex;justify-content:center;gap:8px;margin-top:60px}
.news-pagination .pagination-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(42,42,62,.1);font-size:.8rem;color:rgba(42,42,62,.4);transition:all .3s}
.news-pagination .pagination-btn:hover{border-color:#e91e8c;color:#e91e8c;opacity:1}
.news-pagination .pagination-btn.active{background:#e91e8c;border-color:#e91e8c;color:#fff}

/* === NEWS DETAIL === */
.page-hero--compact{height:35vh;min-height:280px}
.news-breadcrumb{font-size:.75rem;color:rgba(42,42,62,.4);margin-bottom:40px}
.news-breadcrumb a{color:#e91e8c;transition:opacity .3s}
.news-breadcrumb a:hover{opacity:.7}
.news-breadcrumb-sep{margin:0 8px}

.news-detail-article{max-width:800px;margin:0 auto}
.news-detail-meta{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.news-detail-date{font-family:'Cormorant Garamond',serif;font-size:1.1rem;color:rgba(42,42,62,.4);letter-spacing:.05em}
.news-detail-badge{font-size:.6rem;letter-spacing:.1em;padding:4px 14px;border-radius:2px;font-weight:600}
.news-detail-badge--info{background:rgba(42,42,62,.06);color:rgba(42,42,62,.5)}
.news-detail-badge--event{background:rgba(233,30,140,.08);color:#e91e8c}
.news-detail-badge--works{background:rgba(26,26,46,.08);color:#1a1a2e}
.news-detail-badge--media{background:rgba(6,199,85,.08);color:#06c755}
.news-detail-cat{font-size:.7rem;color:rgba(42,42,62,.4)}

.news-detail-subtitle{font-size:1rem;color:rgba(42,42,62,.5);margin-bottom:32px;font-weight:400}

.news-detail-content{font-size:.9rem;line-height:2.2;color:rgba(42,42,62,.65);margin-bottom:40px}
.news-detail-content p{margin-bottom:20px}
.news-detail-content a{color:#e91e8c;text-decoration:underline}

.news-detail-image{margin-bottom:40px}
.news-detail-image img{width:100%;height:auto;border-radius:4px}

/* Prev / Next Nav */
.news-nav{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-top:60px;padding-top:40px;border-top:1px solid rgba(42,42,62,.06)}
.news-nav-link{max-width:280px}
.news-nav-label{font-size:.7rem;letter-spacing:.1em;color:rgba(42,42,62,.35);display:flex;align-items:center;gap:6px;margin-bottom:8px}
.news-nav-title{font-size:.85rem;color:#1a1a2e;font-weight:500;line-height:1.5;display:block}
.news-nav-link:hover .news-nav-title{color:#e91e8c}
.news-nav-back{align-self:center;font-size:.75rem;letter-spacing:.1em;color:#e91e8c;border:1px solid #e91e8c;padding:8px 24px;transition:background .3s,color .3s}
.news-nav-back:hover{background:#e91e8c;color:#fff;opacity:1}
.news-nav-next{text-align:right}

/* Responsive */
@media(max-width:768px){
  .news-list-item{flex-wrap:wrap;gap:8px 12px}
  .news-list-date{width:auto}
  .news-list-title{width:100%;flex:none}
  .news-list-arrow{display:none}
  .news-nav{flex-direction:column;align-items:center;gap:24px}
  .news-nav-link{max-width:100%;text-align:center}
  .news-nav-next{text-align:center}
}