/* Header */
.ic-news__header {
  display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px;
  padding:20px;
}
.ic-news__title { margin:0; }
.ic-news__actions .ic-btn {
  padding:8px 12px; border-radius:10px; border:1px solid #e3e6ea; background:#fff; cursor:pointer;
}
.ic-news__actions .ic-btn[disabled]{opacity:.6; cursor:not-allowed}

/* NEW: inner scroller to ensure the page can scroll */
.ic-news__scroller{
  /* reserve some space for any fixed/top toolbars your portal uses */
  --ic-top-offset: 16px;            /* tweak if your header is taller */
  max-height: calc(100vh - var(--ic-top-offset));
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding-right: 2px; /* avoid scrollbar overlay hitting text */
}

/* Skeleton */
.ic-skeleton { display:grid; grid-template-columns:repeat(auto-fill,minmax(360px,1fr)); gap:14px; }
.ic-skel-card { padding:14px; border:1px solid #eef1f4; border-radius:14px; background:#fff; }
.ic-skel-line { height:12px; margin:8px 0; border-radius:8px;
  background:linear-gradient(90deg,#f4f6f9 25%,#e9edf1 37%,#f4f6f9 63%);
  background-size:400% 100%; animation:ic-skel 1.4s ease infinite;
}
.ic-skel-line.w-95{width:95%} .ic-skel-line.w-70{width:70%} .ic-skel-line.w-40{width:40%}
@keyframes ic-skel { 0%{background-position:100% 0} 100%{background-position:0 0} }

/* List layout */
.ic-news__list { display:grid; grid-template-columns:repeat(auto-fill,minmax(360px,1fr)); gap:14px;padding:20px; }

/* Card */
.ic-card { border:1px solid #eef1f4; border-radius:16px; background:#fff;
  transition:box-shadow .2s ease, transform .04s ease;
}
.ic-card:hover { box-shadow:0 10px 28px rgba(2,6,23,.06); transform:translateY(-1px); }
.ic-card__link { display:block; color:inherit; text-decoration:none; padding:16px 16px 14px; }
.ic-card__content { display:flex; flex-direction:column; gap:6px; }

.ic-card__title { font-size:17px; line-height:1.35; margin:0; font-weight:700; color:#0f172a; }
.ic-card__meta { font-size:12px; color:#64748b; margin:0; }
.ic-card__host { opacity:.9; }

.ic-card__excerpt { font-size:13px; color:#334155; line-height:1.5; margin:2px 0 6px;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}

.ic-card__cta { font-size:12px; color:#2563eb; font-weight:600; }
.ic-card__cta:hover { text-decoration:underline; }

/* Empty / error */
.ic-empty, .ic-news__error { margin-top:8px; }

/* Responsive tweaks */
@media (max-width: 640px) {
  .ic-skeleton,
  .ic-news__list { grid-template-columns: 1fr; }
}