/* Arveteha editorial catalog v1 — index page only. Article pages are out of scope. */
.materials-blog-page .materials-blog-featured,
.materials-blog-page .materials-blog-card {
  border-radius: 6px;
  box-shadow: none;
  border-color: #dae3ee;
}
.materials-blog-page .materials-blog-featured:hover,
.materials-blog-page .materials-blog-card:hover {
  box-shadow: 0 8px 22px rgba(27,46,78,.055);
  transform: none;
}
.materials-blog-page .materials-blog-featured__image { min-height: 280px; }
.materials-blog-page .materials-blog-featured__image img { min-height: 280px; }
.materials-blog-page .materials-blog-featured__body { padding: 24px 30px; }
.materials-blog-page .materials-blog-featured__body h2 {
  font-size: clamp(23px, 2.1vw, 29px);
  line-height: 1.23;
  letter-spacing: -.028em;
}
.materials-blog-page .materials-blog-featured__body > p { margin: 11px 0 15px; font-size: 14px; line-height: 1.6; }
.materials-blog-page .materials-blog-featured-section { padding-top: 20px; padding-bottom: 22px; }
.materials-blog-page .materials-blog-featured-section--news { padding-top: 7px; padding-bottom: 23px; }
.materials-blog-page .materials-blog-news-title { margin-bottom: 14px; }
.materials-blog-page .materials-blog-featured--news {
  grid-template-columns: minmax(185px,260px) minmax(0,1fr);
  border-radius: 6px;
}
.materials-blog-page .materials-blog-featured--news .materials-blog-featured__image { min-height: 190px; aspect-ratio: 4/3; }
.materials-blog-page .materials-blog-featured--news .materials-blog-featured__image img {
  min-height: 0; height: 100%; aspect-ratio: auto; width: 100%; object-fit: cover;
}
.materials-blog-page .materials-blog-featured--news .materials-blog-featured__body { padding: 20px 26px; }
.materials-blog-page .materials-blog-featured--news .materials-blog-featured__body h2 { font-size: clamp(20px, 2vw, 24px); }
.materials-blog-page .materials-blog-featured--news .materials-blog-featured__body > p { margin: 10px 0 12px; }
.materials-blog-page .materials-blog-publine {
  display: flex; flex-wrap: wrap; align-items: baseline;
  gap: 6px 12px; margin-bottom: 11px;
  font-size: 12px; line-height: 1.5;
}
.materials-blog-page .materials-blog-category { color: #1e557e; font-weight: 750; }
.materials-blog-page .materials-blog-date { color: #59697b; font-weight: 650; white-space: nowrap; }
.materials-blog-page .materials-blog-new {
  color: #2861a2; font-size: 11px; font-weight: 800;
  text-transform: uppercase; letter-spacing: .07em;
}
.materials-blog-page .materials-blog-new::before { content: '•'; margin-right: 5px; color: #4d83cb; }
.materials-blog-page .materials-blog-read-time {
  display: block; margin: 0 0 10px;
  color: #718095; font-size: 12px; font-weight: 500;
}
.materials-blog-page .materials-blog-read-link { margin-top: auto; }
.materials-blog-page .materials-blog-all-section { padding-top: 19px; }
.materials-blog-page .materials-blog-grid { gap: 17px; }
.materials-blog-page .materials-blog-card__body { padding: 19px 19px 21px; }
.materials-blog-page .materials-blog-card h3 { font-size: 18px; line-height: 1.32; }
.materials-blog-page .materials-blog-card__body > p { margin: 9px 0 12px; line-height: 1.56; }
.materials-blog-page .materials-blog-card__body .materials-blog-publine { margin-bottom: 10px; }
.materials-blog-page .materials-blog-card__image img { aspect-ratio: 16/9; }
@media (max-width: 760px) {
  .materials-blog-page .materials-blog-featured { grid-template-columns: 1fr; }
  .materials-blog-page .materials-blog-featured__image,
  .materials-blog-page .materials-blog-featured__image img { min-height: 0; aspect-ratio: 16/9; }
  .materials-blog-page .materials-blog-featured__body { padding: 21px 20px 23px; }
  .materials-blog-page .materials-blog-featured__body h2 { font-size: 24px; }
  .materials-blog-page .materials-blog-featured--news { grid-template-columns: minmax(102px, 36%) minmax(0,1fr); }
  .materials-blog-page .materials-blog-featured--news .materials-blog-featured__image,
  .materials-blog-page .materials-blog-featured--news .materials-blog-featured__image img { min-height: 155px; height:100%; aspect-ratio: auto; }
  .materials-blog-page .materials-blog-featured--news .materials-blog-featured__body { padding: 13px 15px; }
  .materials-blog-page .materials-blog-featured--news .materials-blog-featured__body h2 { font-size: 17px; line-height: 1.28; }
  .materials-blog-page .materials-blog-featured--news .materials-blog-featured__body > p { display:none; }
  .materials-blog-page .materials-blog-featured--news .materials-blog-read-link { font-size: 12px; }
  .materials-blog-page .materials-blog-featured--news .materials-blog-publine { margin-bottom: 8px; }
  .materials-blog-page .materials-blog-all-section { padding-top: 19px; }
  .materials-blog-page .materials-blog-card__body { padding: 17px; }
}
@media (max-width: 380px) {
  .materials-blog-page .materials-blog-featured--news { grid-template-columns: 1fr; }
  .materials-blog-page .materials-blog-featured--news .materials-blog-featured__image,
  .materials-blog-page .materials-blog-featured--news .materials-blog-featured__image img { min-height: 0; aspect-ratio: 16/9; }
  .materials-blog-page .materials-blog-featured--news .materials-blog-featured__body { padding: 16px; }
}

/* Pagination — editorial, rectangular controls, no decorative pills. */
.materials-blog-page .materials-blog-pagination {
  display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
  gap: 11px; margin: 34px auto 9px; padding: 18px 0 4px;
  border-top: 1px solid #e2e8f0;
}
.materials-blog-page .materials-blog-page-numbers {
  display:flex; align-items:center; gap:7px;
}
.materials-blog-page .materials-blog-page-link {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 43px; min-height: 43px; padding: 8px 14px;
  color: #1d4676; background: #fff; border: 1px solid #ccd9e7;
  border-radius: 4px; font-size: 14px; font-weight: 650;
  text-decoration: none; line-height: 1.2; transition: border-color .15s, background-color .15s;
}
.materials-blog-page a.materials-blog-page-link:hover,
.materials-blog-page a.materials-blog-page-link:focus-visible {
  border-color: #2861a2; background: #eff5ff;
}
.materials-blog-page .materials-blog-page-link.is-current {
  background: #ecf3fc; border-color: #8caed8; color: #174776;
}
.materials-blog-page .materials-blog-pagination-summary {
  margin: 0 0 18px; color: #63748a; text-align: center; font-size: 12px;
}
@media(max-width: 480px) {
  .materials-blog-page .materials-blog-pagination { gap: 7px; }
  .materials-blog-page .materials-blog-page-link { min-width: 39px; min-height: 41px; padding: 7px 10px; font-size: 13px; }
}