:root {
  --cnm-navy: #082c5c;
  --cnm-blue: #0b63c7;
  --cnm-sky: #eaf5ff;
  --cnm-line: #d8e7f5;
  --cnm-text: #18314f;
  --cnm-muted: #668099;
  --cnm-red: #d82f36;
}

.creciel-news-board {
  width: min(1120px, calc(100% - 32px));
  margin: 44px auto;
  overflow: hidden;
  border: 1px solid var(--cnm-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(8,44,92,.09);
  color: var(--cnm-text);
}

.creciel-news-board__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 28px 32px 22px;
  color: #fff;
  background:
    radial-gradient(circle at 85% -20%, rgba(79,180,255,.42), transparent 38%),
    linear-gradient(125deg, #072953, #0b4d94 72%, #0968bf);
}

.creciel-news-board__eyebrow {
  display: block;
  margin-bottom: 5px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .16em;
  opacity: .72;
}

.creciel-news-board__head h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.2;
  letter-spacing: .02em;
}

.creciel-news-board__status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
}

.creciel-news-board__status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #61e6a5;
  box-shadow: 0 0 0 4px rgba(97,230,165,.15);
}

.creciel-news-list { display: block; }

.creciel-news-item {
  margin: 0;
  border-top: 1px solid #e8f0f7;
  background: #fff;
}

.creciel-news-item:first-child { border-top: 0; }
.creciel-news-item.is-important { background: linear-gradient(90deg, #fff7f7 0, #fff 42%); }

.creciel-news-item__inner {
  display: grid;
  grid-template-columns: 220px minmax(0,1fr) 30px;
  gap: 22px;
  align-items: center;
  padding: 21px 30px;
  color: inherit;
  text-decoration: none !important;
  transition: background .18s ease, transform .18s ease;
}

.creciel-news-item.has-link .creciel-news-item__inner:hover { background: #f7fbff; }
.creciel-news-item.is-important.has-link .creciel-news-item__inner:hover { background: #fff2f2; }

.creciel-news-item__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}

.creciel-news-item__meta time,
.creciel-news-single-meta time {
  min-width: 76px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  color: var(--cnm-muted);
}

.creciel-news-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 9px;
  border-radius: 999px;
  background: #eaf5ff;
  color: #0b5eae;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.creciel-news-badge.is-important {
  background: var(--cnm-red);
  color: #fff;
}

.creciel-news-item__body h3 {
  margin: 0;
  color: #0e3159;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.5;
}

.creciel-news-item__body p {
  margin: 5px 0 0;
  color: #6a8097;
  font-size: 13px;
  line-height: 1.65;
}

.creciel-news-item__arrow {
  color: #7aa1c7;
  font-size: 22px;
  transition: transform .18s ease;
}

.creciel-news-item.has-link:hover .creciel-news-item__arrow { transform: translateX(4px); }

.creciel-news-item__title-link {
  color: inherit !important;
  text-decoration: none !important;
}

.creciel-news-item__title-link:hover {
  color: var(--cnm-blue) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

.creciel-news-item__arrow-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #7aa1c7 !important;
  text-decoration: none !important;
}

.creciel-news-board__foot {
  display: flex;
  justify-content: flex-end;
  padding: 18px 28px 21px;
  border-top: 1px solid #e8f0f7;
  background: #fbfdff;
}

.creciel-news-more {
  color: var(--cnm-blue) !important;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none !important;
}

.creciel-news-more span { display: inline-block; margin-left: 6px; }
.creciel-news-empty { margin: 0; padding: 34px 30px; color: var(--cnm-muted); }

.creciel-news-pagination { padding: 22px 28px; border-top: 1px solid #e8f0f7; }
.creciel-news-pagination .page-numbers { list-style: none; display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; }
.creciel-news-pagination a,
.creciel-news-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  border: 1px solid var(--cnm-line);
  border-radius: 10px;
  background: #fff;
  color: var(--cnm-blue);
  text-decoration: none;
  font-size: 12px;
  font-weight: 800;
}
.creciel-news-pagination .current { border-color: var(--cnm-blue); background: var(--cnm-blue); color: #fff; }

.creciel-news-single-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 20px;
  padding: 12px 0;
  border-bottom: 1px solid var(--cnm-line);
}

@media (max-width: 760px) {
  .creciel-news-board { width: min(100% - 20px, 1120px); margin: 28px auto; border-radius: 18px; }
  .creciel-news-board__head { align-items: flex-start; padding: 23px 20px 18px; }
  .creciel-news-board__status { display: none; }
  .creciel-news-item__inner { grid-template-columns: 1fr 22px; gap: 10px; padding: 18px 19px; }
  .creciel-news-item__meta { grid-column: 1 / -1; }
  .creciel-news-item__body { grid-column: 1; }
  .creciel-news-item__arrow { grid-column: 2; grid-row: 2; align-self: center; }
  .creciel-news-item__body p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .creciel-news-item__title-link {
  color: inherit !important;
  text-decoration: none !important;
}

.creciel-news-item__title-link:hover {
  color: var(--cnm-blue) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

.creciel-news-item__arrow-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #7aa1c7 !important;
  text-decoration: none !important;
}

.creciel-news-board__foot { padding: 15px 19px 18px; }
}