/* ── Latest Insights Section ── */

.insights-title { color: var(--Foreground); }
.insights-rule-h { background: rgba(0, 129, 255, 0.4); border: none; }
.insights-rule-v { background: rgba(0, 129, 255, 0.4); margin: 0 auto; }
.insights-posts-divider { background: rgba(0, 129, 255, 0.4); }

.insights-card-overlay { background: linear-gradient(180deg, rgba(0,21,55,0) 0%, rgba(0,21,55,0.9) 90%); top: 0; left: 0; right: 0; bottom: 0; justify-content: space-between; }
.insights-card-tags > li { padding: 3px 8px; color: var(--Foreground); }
.insights-card-content { gap: 16px; }
.insights-card-body { gap: 8px; }
.insights-card-title { letter-spacing: -0.64px; margin-bottom: 0; transition: var(--b-transition); }
.insights-card:hover .insights-card-title { color: var(--Secondary); }
.insights-card-desc { opacity: 0.6; }
.insights-card-rule { background: var(--White); opacity: 0.2; }
.insights-card-footer { gap: 8px; }
.insights-card-category {transition: var(--b-transition); background: rgba(0, 129, 255, 0.25); color: var(--Secondary); padding: 3px 8px; }
.insights-card-category:hover { background: var(--Secondary); color: var(--White); }
.insights-card-date { color: var(--White-65); }
.insights-card-arrow { color: var(--White); font-size: 20px; width: fit-content; transition: var(--b-transition); }
.insights-card-arrow a{ color: var(--White);}
.insights-card-arrow:hover a{ color: var(--Secondary); }

.insights-row-title { color: var(--Primary); letter-spacing: -0.36px; margin-bottom: 0; transition: var(--b-transition); }
a.insights-row:hover .insights-row-title { color: var(--Secondary); }
.insights-row-desc { color: var(--Foreground-Muted); }
.insights-row-rule { background: var(--Foreground-Muted); opacity: 0.2; }
.insights-row-footer { gap: 8px; }
.insights-row-category { background: var(--Subtle); color: var(--Primary); padding: 3px 8px; }
.insights-row-category:hover { background: var(--Secondary); color: var(--White); }
.insights-row-date { color: var(--Foreground-Muted); }
.insights-row-arrow { color: var(--Foreground); opacity: 0.5; font-size: 20px; width: fit-content; transition: var(--b-transition); }
a.insights-row:hover .insights-row-arrow { transform: translate(3px, -3px); opacity: 1; }

.insights-cats-rule { background: rgba(0, 129, 255, 0.4); }
.insights-cat-link { justify-content: space-between; color: var(--Foreground); }
.insights-cat-label { letter-spacing: 1.4px; }
.insights-cat-link i { color: var(--Secondary); font-size: 20px; }
.insights-cat-link img {width: 20px; height: 20px; object-fit: contain;}
ul.insights-cats-list > li.insights-cat-divider { background: rgba(0, 129, 255, 0.4); }
.insights-btn{margin-left: auto;}

ul.insights-cats-list > li.insights-cat:nth-child(5) .insights-cat-link img{opacity: .6;}

@media only screen and (min-width: 1024px) {
    .insights-wrap { padding-top: 80px; }
    .insights-header { padding-bottom: 40px; }
    .insights-rule-v { width: 1px; min-height: 64px; }
    .insights-posts { gap: 64px; }
    .insights-featured { flex: 1; }

    .insights-card-overlay { padding: 32px; }
    .insights-card-rule { min-height: 1px; }
    .insights-posts-divider { width: 1px; align-self: stretch; }
    .insights-list { flex: 1; gap: 40px; }
    .insights-row { gap: 24px; }
    .insights-row-image { flex: 0 0 147px; }
    .insights-row-content { gap: 12px; }
    .insights-row-body { gap: 8px; }
    .insights-row-rule { min-height: 1px; }
    ul.insights-cats-list { flex-direction: row; }
    ul.insights-cats-list > li.insights-cat { flex: 1; }
    ul.insights-cats-list > li.insights-cat-divider { width: 1px; align-self: stretch; }
    .insights-cat-link { padding: 16px 20px; }
    .insights-cats-rule { min-height: 1px; }

    .insights-cat-label{flex: 1;}
}

@media only screen and (max-width: 1199px) and (min-width: 1024px) {
    .insights-cat-link { padding: 16px 14px; gap: 2px; }
    .insights-cat-label { letter-spacing: 0.8px; font-size: 13px; }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
    .insights-wrap { padding-top: 56px; padding-bottom: 0; }
    .insights-header{padding-bottom: 28px; gap: 20px; }
    h2.insights-title{margin-bottom: 0;}
    .insights-rule-h{margin-bottom: 37px; }
    .insights-rule-v { display: none; }
    .insights-posts { flex-direction: column; gap: 32px; }
    .insights-posts-divider { display: none; }
    .insights-card { min-height: 338px; }
    .insights-card-overlay { padding: 24px; }
    .insights-card-rule { min-height: 1px; }
    .insights-list { gap: 26px; }
    .insights-row { gap: 24px; }
    .insights-row-image { flex: 0 0 147px; }
    .insights-row-rule { min-height: 1px; }
    .insights-row-content { gap: 12px; }
    .insights-row-body { gap: 8px; }
    .insights-all-btn { padding-top: 24px; }
    ul.insights-cats-list { flex-direction: column; }
    ul.insights-cats-list > li.insights-cat { flex: none; border-bottom: 1px solid rgba(0, 129, 255, 0.5); }
    ul.insights-cats-list > li.insights-cat-divider { display: none; }
    .insights-cat-link { padding: 16px 18px; }
    .insights-cats-rule { min-height: 1px; }
    .insights-cats { margin-top: 32px; }
}

@media only screen and (max-width: 767px) and (min-width: 0px) {
    .insights-header { padding-bottom: 36px; }
    h2.insights-title { font-size: 22px; line-height: 26px; margin-bottom: 0;}
  h3.insights-card-title { font-size: 24px; line-height: 32px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    .insights-wrap { padding-top: 28px;}
    .insights-posts { flex-direction: column; gap: 32px; }
    .insights-posts-divider { display: none; }
    .insights-list { flex: 0 0 100%; gap: 20px 0; }
    .insights-row { flex-direction: column; gap: 20px 0; flex: 0 0 100%; }
    .insights-card picture img{min-height: 338px;}
    .insights-card-overlay { padding: 24px; }
    .insights-row-rule { min-height: 1px; margin: 12px 0; }
  .insights-rule-h {margin-bottom: 40px;}
  .insights-card-rule { min-height: 1px; }
  .insights-btn { margin-top: 39px; }
      ul.insights-cats-list { flex-direction: column; }
    ul.insights-cats-list > li.insights-cat { flex: none; border-bottom: 1px solid rgba(0, 129, 255, 0.5); }
    ul.insights-cats-list > li.insights-cat:last-child{border-bottom: none;}
    ul.insights-cats-list > li.insights-cat-divider { display: none; }
      .insights-cat-link { padding: 16px 18px; }
    .insights-cats-rule { min-height: 1px; }
    .insights-cats{margin-top: 32px;}
    .insights-card-rule { min-height: 1px; }
}