/* ============================================================
   ob-news.css — News index (blog listing) layout.
   Loads AFTER the shared ob-home.css. Text-forward editorial
   list, no thumbnails.
   ============================================================ */

.hero h1{max-width:15ch}

/* ---------- post list ---------- */
.news-list{margin:0}
.news-item{
  padding:clamp(28px,4vw,46px) clamp(8px,1.5vw,20px);
  border-top:1px solid var(--line);
}
.news-item:first-child{border-top:0}
.news-item:last-child{border-bottom:1px solid var(--line)}

.news-meta{
  font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted);margin:0 0 13px;
}
.news-meta i{color:var(--accent);font-style:normal;margin:0 8px}

.news-title{font-size:clamp(22px,2.9vw,34px);line-height:1.12;letter-spacing:-.02em;margin:0}
.news-title a{color:var(--text);text-decoration:none;transition:color .2s var(--ease)}
.news-title a:hover,.news-title a:focus-visible{color:var(--accent-hover)}

.news-excerpt{
  color:var(--muted);font-size:clamp(15px,1.5vw,17px);line-height:1.6;
  margin-top:14px;max-width:72ch;
}
.news-empty{color:var(--muted)}

/* ---------- pagination ---------- */
.news-pagination{
  margin-top:clamp(40px,5vw,64px);
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
}
.news-pagination .page-numbers{
  font-family:var(--font-mono);font-size:13px;letter-spacing:.02em;color:var(--muted);
  padding:9px 14px;border:1px solid var(--line);border-radius:8px;text-decoration:none;
  transition:color .2s var(--ease),border-color .2s var(--ease);
}
.news-pagination a.page-numbers:hover,
.news-pagination a.page-numbers:focus-visible{color:var(--accent-hover);border-color:var(--accent-hover)}
.news-pagination .page-numbers.current{color:var(--text);border-color:var(--line-strong);background:rgba(255,255,255,.04)}
.news-pagination .page-numbers.dots{border-color:transparent;color:var(--muted)}