/* ===== GLOBAL ===== */
body{background:#f5f7fa}
.container-wide{max-width:1180px;margin:0 auto;padding:0 12px}
.section-gap{margin-top:16px}

/* Topic pills */
.nn-chip,.nn-topics .wp-block-navigation-item__content{
  display:inline-block;padding:.35rem .7rem;border-radius:999px;
  background:#e6f7ef;color:#118850;font-weight:700;font-size:.80rem;text-decoration:none
}
.nn-topics .wp-block-navigation__container{gap:10px}

/* Cards */
.nn-card{border-radius:16px;box-shadow:0 10px 28px rgba(2,6,23,.08);background:#fff;overflow:hidden}

/* ===== HERO OVERLAY ===== */
.nn-hero{position:relative}
.nn-hero .wp-block-post-featured-image img{width:100%;height:440px;object-fit:cover}
.nn-hero .nn-hero-grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.55) 100%)}
.nn-hero .nn-hero-text{position:absolute;left:18px;right:18px;bottom:18px;color:#fff}
.nn-hero .nn-hero-text h2{margin:8px 0 0;font-size:30px;line-height:1.15}
.meta{display:inline-flex;gap:8px;align-items:center;font-size:.85rem;color:#e5e7eb}
.meta .dot{width:6px;height:6px;background:#1FB168;border-radius:50%}

/* ===== TRENDING ===== */
.trending-card{padding:10px}
.trending-list{counter-reset:rank}
.trending-list .item{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #e5e7eb}
.trending-list .item:before{
  counter-increment:rank;content:counter(rank);
  font-weight:800;color:#d61c4e;margin-right:6px;min-width:18px
}
.trending-list .thumb img{width:88px;height:56px;object-fit:cover;border-radius:10px}

/* Compact river */
.nn-compact .wp-block-post-excerpt{display:none}