/* ============================================================
   archive.php — listing kategori/arsip native. Ringan.
   Selaras dengan sistem desain harvard.edu (blocks.css / home.css):
   krimson #A51C30 hemat · Source Serif 4 utk judul · netral hangat.
   ============================================================ */
.uh-archive{
  --crimson:#A51C30; --crimson-dk:#8b1526;
  --ink:#1d1d1b; --body:#33332f; --muted:#6c6c68;
  --line:#e3e0da; --paper:#fff; --paper-2:#f7f5f1;
  --serif:"Source Serif 4","Source Serif Pro",Georgia,"Times New Roman",serif;
  max-width:1180px; margin:0 auto; padding:clamp(28px,5vw,52px) 0 8px;
}

/* Header arsip */
.uh-arc-head{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:32px;}
.uh-arc-eyebrow{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--crimson);margin-bottom:12px;}
.uh-arc-title{font-family:var(--serif);font-weight:600;font-size:clamp(28px,4.5vw,46px);line-height:1.08;letter-spacing:-.02em;color:var(--ink);margin:0;}
.uh-arc-desc{margin-top:12px;color:var(--muted);max-width:66ch;font-size:16px;line-height:1.6;}

/* Grid kartu */
.uh-arc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 28px;}
.uh-card{min-width:0;}
.uh-card-link{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);height:100%;}
.uh-card-thumb{display:block;aspect-ratio:16/10;background:#eee7e2 center/cover no-repeat;border-radius:10px;margin-bottom:14px;}
.uh-card-body{display:flex;flex-direction:column;min-width:0;}
.uh-card-cat{display:inline-block;align-self:flex-start;color:var(--crimson);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;}
.uh-card-title{font-family:var(--serif);font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.01em;transition:color .15s;}
.uh-card-link:hover .uh-card-title{color:var(--crimson);}
.uh-card-excerpt{color:var(--muted);font-size:14.5px;line-height:1.55;margin-top:8px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.uh-card-date{color:#8f8a84;font-size:13px;margin-top:10px;}

/* Pagination */
.uh-arc-pager{margin:48px 0 8px;}
.uh-arc-pager .nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
.uh-arc-pager .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;
  border:1px solid var(--line);border-radius:8px;color:var(--ink);text-decoration:none;font-size:14.5px;font-weight:500;transition:background .15s,color .15s,border-color .15s;}
.uh-arc-pager .page-numbers:hover{border-color:var(--crimson);color:var(--crimson);}
.uh-arc-pager .page-numbers.current{background:var(--crimson);border-color:var(--crimson);color:#fff;}
.uh-arc-pager .page-numbers.dots{border-color:transparent;}

.uh-arc-empty{color:var(--muted);font-size:17px;padding:40px 0;}

@media(max-width:860px){.uh-arc-grid{grid-template-columns:repeat(2,1fr);gap:30px 22px;}}
@media(max-width:540px){.uh-arc-grid{grid-template-columns:1fr;}
  .uh-card-link{flex-direction:row;gap:14px;}
  .uh-card-thumb{width:130px;flex:none;aspect-ratio:1/1;margin-bottom:0;}
}

/* ============================================================
   template-berita.php — landing "Berita / News" native.
   Hero (judul + pencarian) full-bleed → grid kartu (reuse .uh-arc-*).
   ============================================================ */
.uh-berita{
  --crimson:#A51C30; --crimson-dk:#8b1526;
  --ink:#1d1d1b; --body:#33332f; --muted:#6c6c68;
  --line:#e3e0da; --paper:#fff; --paper-2:#f7f5f1;
  --serif:"Source Serif 4","Source Serif Pro",Georgia,"Times New Roman",serif;
  width:100%; /* isi penuh kolom Astra (.ast-container flex) — cegah collapse/anchor kiri */
}

/* Hero full-bleed (breakout dari .ast-container) */
.uh-berita-hero{
  position:relative; width:100vw; margin-left:calc(50% - 50vw);
  min-height:clamp(260px,34vw,400px);
  display:flex; align-items:center; justify-content:center;
  background:#2a0a0a center/cover no-repeat;
  padding:clamp(44px,6vw,76px) clamp(18px,5vw,40px); text-align:center;
}
.uh-berita-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,4,4,.42),rgba(20,4,4,.78));}
.uh-berita-hero--plain{background:linear-gradient(135deg,var(--crimson),#5c0000);}
.uh-berita-hero--plain::before{display:none;}
.uh-berita-hero-inner{position:relative;max-width:720px;width:100%;}
.uh-berita-hero .uh-arc-eyebrow{color:#f2ccd1;margin-bottom:14px;}
.uh-berita-title{
  font-family:var(--serif);color:#fff;font-weight:600;
  font-size:clamp(30px,5vw,52px);line-height:1.08;letter-spacing:-.02em;margin:0;
  text-shadow:0 2px 18px rgba(0,0,0,.35);
}
.uh-berita-sub{color:#efe6e4;font-size:clamp(15px,2vw,18px);line-height:1.5;margin:14px 0 0;}

/* Kotak pencarian */
.uh-berita-search{display:flex;gap:8px;max-width:520px;margin:26px auto 0;}
.uh-berita-search input[type=search]{
  flex:1;min-width:0;height:50px;padding:0 16px;border:1px solid rgba(255,255,255,.3);
  border-radius:10px;background:rgba(255,255,255,.96);color:var(--ink);font-size:15px;
}
.uh-berita-search input[type=search]::placeholder{color:#8f8a84;}
.uh-berita-search input[type=search]:focus{outline:2px solid #fff;outline-offset:2px;}
.uh-berita-search button{
  height:50px;padding:0 22px;border:0;border-radius:10px;background:var(--crimson);
  color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap;
}
.uh-berita-search button:hover{background:var(--crimson-dk);}

/* Kontainer grid (padding sisi 20px = gutter mobile sekaligus napas desktop) */
.uh-berita-main{max-width:1180px;margin:0 auto;padding:clamp(32px,5vw,52px) 20px 8px;box-sizing:border-box;}

@media(max-width:540px){
  .uh-berita-search{flex-direction:column;}
  .uh-berita-search button{height:48px;}
}

/* ===== Hasil pencarian native (/?q=) — inc/template-search.php ===== */
.uh-search-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin:0 0 28px;padding-bottom:16px;border-bottom:1px solid var(--line);}
.uh-search-count{margin:0;color:var(--body);font-size:16px;}
.uh-search-tabs{display:flex;gap:6px;}
.uh-search-tabs a{display:inline-block;padding:7px 16px;border:1px solid var(--line);border-radius:999px;color:var(--body);font-size:14px;font-weight:600;text-decoration:none;}
.uh-search-tabs a:hover{border-color:var(--crimson);color:var(--crimson);}
.uh-search-tabs a[aria-current="page"]{background:var(--crimson);border-color:var(--crimson);color:#fff;}