/* ============================================================
   ZZAN Main — 포털 뉴스 콘텐츠 스타일 (layout_type=news)
   디자인 토큰은 layout.css :root 사용. 헤더/푸터는 layout.html 공용.
   ※ 데이터 연동 전 정적 시안. 카드 inline gradient는 임시 플레이스홀더.
   ============================================================ */
.wrap{max-width:1280px;margin:0 auto;padding:0 24px;}

.nlay{display:grid;grid-template-columns:1fr 320px;gap:30px;margin-top:26px;}
.col{min-width:0;}

/* sidebar */
.side{display:flex;flex-direction:column;gap:22px;position:sticky;top:78px;align-self:start;}
.widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;}
.widget__h{font-size:15px;font-weight:800;padding:15px 17px 11px;display:flex;align-items:center;gap:7px;}
.widget__h .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);}
.rk{display:flex;align-items:center;gap:12px;padding:10px 16px;}
.rk:hover{background:var(--surface-2);}
.rk__n{font-size:16px;font-weight:900;font-style:italic;width:18px;text-align:center;color:var(--mute);}
.rk:nth-child(-n+4) .rk__n{color:var(--accent);}
.rk__t{font-size:13.5px;font-weight:600;line-height:1.4;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.tagcloud{display:flex;flex-wrap:wrap;gap:8px;padding:6px 16px 18px;}
.htag{font-size:12.5px;font-weight:700;color:var(--sub);background:var(--surface-2);border:1px solid var(--border);padding:6px 11px;border-radius:999px;}
.htag:hover{color:var(--accent);border-color:var(--accent);}
.htag b{color:var(--accent);}
.adbox{aspect-ratio:1/1;border-radius:var(--r);background:linear-gradient(135deg,#1f2937,#0e7490);display:flex;align-items:flex-end;padding:18px;color:#fff;}
.adbox b{font-size:17px;font-weight:900;}

.wrap>.nlay{margin-bottom:52px;}

@media(max-width:1000px){
  .nlay{grid-template-columns:1fr;}
  .side{position:static;}
}