/* AGC News — beranda portal: headline, daftar, kartu, sidebar */
.headline{padding:1.5rem 0 1.8rem;border-bottom:1px solid var(--line)}
.headline-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(1.25rem,2.4vw,2.5rem)}
.lead .thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--paper-warm);margin-bottom:.8rem}
.lead .thumb img{width:100%;height:100%;object-fit:cover}
.lead h2{font-family:var(--serif);font-size:clamp(1.55rem,2.9vw,2.3rem);line-height:1.14;letter-spacing:-.02em;margin:.4rem 0 .5rem;font-weight:700}
.lead h2 a:hover{color:var(--accent)}
.lead .dek{font-family:var(--serif);font-size:1rem;line-height:1.55;color:var(--ink-2);margin:0 0 .55rem}
.headline-side{border-left:1px solid var(--line);padding-left:clamp(0rem,2vw,1.6rem);display:grid;align-content:start}
.headline-side .news-item{padding:.85rem 0}
.headline-side .news-item:first-child{padding-top:0}
.headline-side .news-item:last-child{border-bottom:0;padding-bottom:0}

/* daftar berita berthumbnail */
.news-item{display:grid;grid-template-columns:100px minmax(0,1fr);gap:.8rem;padding:.75rem 0;border-bottom:1px solid var(--line-2)}
.news-item:last-child{border-bottom:0}
.news-thumb{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--paper-warm)}
.news-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.news-item:hover .news-thumb img{transform:scale(1.05)}
.news-body{min-width:0}
.news-item h4{font-family:var(--serif);font-size:.95rem;line-height:1.3;margin:.12rem 0 .2rem;font-weight:700;letter-spacing:-.005em}
.news-item h4 a:hover{color:var(--cat,var(--accent))}

/* tata letak dua kolom */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(1.4rem,2.6vw,3rem);padding:1.8rem var(--gutter) 2.5rem}
.block{margin-bottom:2.3rem}
.block:last-child{margin-bottom:0}
.cat-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1rem,2vw,1.7rem);align-items:start}
.cards-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.cards-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem)}

/* kartu */
.card .thumb{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--paper-warm);margin-bottom:.55rem}
.card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.card:hover .thumb img{transform:scale(1.03)}
.card h3{font-family:var(--serif);font-size:1.03rem;line-height:1.3;margin:.28rem 0 .3rem;font-weight:700}
.card h3 a:hover{color:var(--cat,var(--accent))}
.card .excerpt{font-size:.83rem;color:var(--muted);line-height:1.55;margin:0 0 .35rem}

/* daftar terkini */
.terkini-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.8rem}
.terkini-list li{display:flex;gap:.7rem;align-items:baseline;padding:.5rem 0;border-bottom:1px solid var(--line-2)}
.terkini-time{font-size:.72rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:40px}
.terkini-list a{font-family:var(--serif);font-size:.93rem;line-height:1.35}
.terkini-list a:hover{color:var(--accent)}

/* sidebar */
.side{display:grid;align-content:start;gap:1.5rem}
@media(min-width:1025px){.side{position:sticky;top:calc(var(--nav-h) + 1rem);align-self:start}}
.side-title{font-family:var(--sans);font-size:.76rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#fff;background:var(--accent);padding:.5rem .7rem;margin:0}
.popular{border:1px solid var(--line);border-top:0;margin:0}
.popular ol{list-style:none;margin:0;padding:.25rem .8rem .7rem;counter-reset:p}
.popular li{counter-increment:p;display:grid;grid-template-columns:1.8rem 1fr;gap:.5rem;padding:.62rem 0;border-bottom:1px solid var(--line-2)}
.popular li:last-child{border-bottom:0}
.popular li::before{content:counter(p,decimal-leading-zero);font-family:var(--sans);font-size:1.02rem;font-weight:800;line-height:1.2;color:var(--cat,var(--accent))}
.popular a{font-family:var(--serif);font-size:.9rem;line-height:1.34;display:block}
.popular a:hover{color:var(--cat,var(--accent))}
.popular .kicker{font-size:.58rem}

/* tag populer */
.tagcloud{display:flex;flex-wrap:wrap;gap:.4rem}
.tagchip{font-size:.69rem;padding:.26rem .55rem;border:1px solid var(--line);color:var(--ink-2);background:var(--paper-warm)}
.tagchip:hover{background:var(--cat,var(--accent));border-color:var(--cat,var(--accent));color:#fff}

/* header halaman kategori */
.cat-hero{background:var(--cat,var(--accent));color:#fff;padding:1.6rem 0 1.4rem}
.cat-hero h1{margin:0;font-family:var(--serif);font-size:clamp(1.65rem,3.2vw,2.3rem);letter-spacing:-.02em}
.cat-hero p{margin:.3rem 0 0;font-size:.8rem;color:rgba(255,255,255,.8);letter-spacing:.04em}

@media(max-width:1024px){
  .layout{grid-template-columns:1fr}
  .side{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .side .adslot{min-height:280px}
}
@media(max-width:860px){
  .headline-grid{grid-template-columns:1fr}
  .headline-side{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:.3rem}
  .cat-block{grid-template-columns:1fr}
  .cards-3{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .cards-2,.cards-3,.terkini-list,.side{grid-template-columns:1fr}
  .news-item{grid-template-columns:88px 1fr}
}