:root{
  --clm-blue:#1b3f7a;
  --clm-blue-dark:#0f2c57;
  --clm-text:#333333;
  --clm-text-light:#5a5a5a;
  --clm-border:#e3e3e3;
  --clm-sidebar-bg:#ececec;
  --clm-font:'Helvetica Neue', Arial, sans-serif;
}

.clm-insight-breadcrumb,
.clm-insight-single-layout,
.clm-ins-card,
.clm-ins-grid-card,
.clm-sidebar-box,
.clm-recent-item{box-sizing:border-box;}

.clm-insight-breadcrumb{padding:24px 0;border-bottom:1px solid var(--clm-border);font-family:var(--clm-font);}
.clm-insight-breadcrumb__path{font-size:14px;color:var(--clm-text-light);margin-bottom:6px;}
.clm-insight-breadcrumb__path a{color:var(--clm-text-light);text-decoration:none;}
.clm-insight-breadcrumb__title{font-size:28px;color:var(--clm-blue);font-weight:700;margin:0;}

.clm-insight-single-layout{display:flex;flex-wrap:wrap;gap:40px;padding:40px 0;align-items:flex-start;font-family:var(--clm-font);overflow:hidden;}
.clm-insight-single-content,.clm-ins-list,.clm-ins-featured{flex:1 1 70%;min-width:0;}
.clm-insight-sidebar{flex:0 0 280px;min-width:280px;}

/* Sidebar boxes */
.clm-sidebar-box{background:var(--clm-sidebar-bg);padding:24px;margin-bottom:24px;}
.clm-sidebar-box__title{color:var(--clm-blue) !important;font-size:18px;font-weight:700;padding-bottom:10px;margin-bottom:14px;border-bottom:3px solid var(--clm-blue);display:inline-block;}
.clm-recent-list,.clm-toc-list{list-style:none;margin:0;padding:0;}

.clm-toc-item{padding:6px 0;}
.clm-toc-item--sub{padding-left:16px;}
.clm-toc-link{color:var(--clm-blue) !important;text-decoration:none !important;font-size:14px;}

/* Single post */
.clm-insight-single-cover{margin-bottom:24px;}
.clm-insight-single-cover__img{width:100%;border-radius:4px;}
.clm-insight-single-meta{display:flex;gap:20px;color:var(--clm-text-light);font-size:14px;margin-bottom:20px;}
.clm-insight-single-meta i{color:var(--clm-blue);margin-right:4px;}
.clm-insight-single-body{color:var(--clm-text);font-size:16px;line-height:1.7;}
.clm-insight-single-body h2{color:var(--clm-blue);font-size:24px;margin:32px 0 14px;}
.clm-insight-single-body h3{color:var(--clm-blue);font-size:20px;margin:26px 0 12px;}
.clm-insight-single-share{margin-top:30px;padding-top:20px;border-top:1px solid var(--clm-border);}

/* Single-post sidebar recent list (no thumbnails there, plain text links) */
.clm-insight-single-content ~ .clm-insight-sidebar .clm-recent-item,
.clm-insight-sidebar .clm-recent-item__title{ }
.clm-recent-item__title{color:var(--clm-blue) !important;text-decoration:none !important;font-size:14px;font-weight:600;display:block;}
.clm-recent-item__title:hover{text-decoration:underline !important;}

/* Generic horizontal card (kept for compatibility / used by single post recent list fallback) */
.clm-ins-card{display:flex;flex-wrap:wrap;gap:24px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--clm-border);}
.clm-ins-card__img-link{flex:0 0 220px;display:block;}
.clm-ins-card__img,.clm-ins-card__img-placeholder{width:220px;height:150px;object-fit:cover;display:block;background:#ddd;border-radius:3px;}
.clm-ins-card__body{flex:1 1 0%;min-width:0;}
.clm-ins-card__title{margin:0 0 10px;font-size:20px;}
.clm-ins-card__title a{color:var(--clm-blue) !important;text-decoration:none !important;}
.clm-ins-card__excerpt{color:var(--clm-text-light);font-size:15px;line-height:1.6;margin-bottom:10px;}
.clm-ins-card__readmore{color:var(--clm-blue) !important;font-weight:600;font-size:14px;text-decoration:none !important;}
.clm-ins-card__readmore:hover{text-decoration:underline !important;}

.clm-ins-pagination{margin-top:10px;}
.clm-ins-pagination a,.clm-ins-pagination span{display:inline-block;padding:6px 12px;margin-right:6px;color:var(--clm-blue);border:1px solid var(--clm-border);text-decoration:none !important;}
.clm-ins-pagination .current{background:var(--clm-blue);color:#fff;border-color:var(--clm-blue);}

/* ===== Featured latest post (archive page) ===== */
.clm-ins-card--featured{display:block;border:1px solid var(--clm-border);width:100%;}
.clm-ins-card--featured .clm-ins-card__img-link{display:block;width:100%;}
.clm-ins-card--featured .clm-ins-card__img,
.clm-ins-card--featured .clm-ins-card__img-placeholder{width:100% !important;height:320px !important;object-fit:cover;display:block;background:#ddd;border-radius:0;}
.clm-ins-card--featured .clm-ins-card__body{padding:20px;display:block;}
.clm-ins-card--featured .clm-ins-card__title{font-size:18px;}
.clm-ins-card--featured .clm-ins-card__title a{text-decoration:none !important;}

.clm-ins-card__title-highlight{
  background:var(--clm-blue);
  color:#fff !important;
  padding:2px 6px;
  display:inline;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}

.clm-ins-card__date{display:flex;flex-direction:column;align-items:center;line-height:1;color:var(--clm-blue);margin-bottom:10px;width:fit-content;}
.clm-ins-card__day{font-size:22px;font-weight:700;}
.clm-ins-card__month{font-size:13px;text-transform:uppercase;color:var(--clm-text-light);}
.clm-ins-card__date--small{margin-bottom:8px;}

/* Sidebar recent items with thumbnails (archive page only — no separators, compact) */
.clm-ins-featured ~ .clm-insight-sidebar .clm-recent-item,
.clm-recent-item{display:flex;flex-wrap:nowrap;gap:12px;align-items:flex-start;padding:0;border-bottom:none;}
.clm-recent-list{display:flex;flex-direction:column;gap:16px;}
.clm-recent-item__thumb-link{flex:0 0 60px;display:block;}
.clm-recent-item__thumb{width:60px !important;height:60px !important;object-fit:cover;display:block;border-radius:3px;}
.clm-recent-item__info{flex:1 1 0%;min-width:0;}
.clm-recent-item__info .clm-recent-item__title{font-size:13px;line-height:1.3;margin-bottom:2px;}
.clm-recent-item__date{display:block;color:var(--clm-text-light) !important;font-size:11px;font-weight:400;text-decoration:none !important;}

/* ===== Most popular grid (below archive wrap) ===== */
.clm-ins-recent-wrap{background:#f7f7f7;padding:50px 0;margin-top:10px;overflow:hidden;}
.clm-ins-recent-title{color:var(--clm-blue);font-size:24px;margin-bottom:30px;font-family:var(--clm-font);}
.clm-ins-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.clm-ins-grid-card{background:#fff;border:1px solid var(--clm-border);width:100%;}
.clm-ins-grid-card__img,.clm-ins-grid-card__img-placeholder{width:100% !important;height:160px !important;object-fit:cover;display:block;background:#ddd;}
.clm-ins-grid-card__body{padding:16px;}
.clm-ins-grid-card__title{font-size:16px;margin:0 0 8px;}
.clm-ins-grid-card__title a{color:var(--clm-blue) !important;text-decoration:none !important;}
.clm-ins-grid-card__title a:hover{text-decoration:underline !important;}
.clm-ins-grid-card__excerpt{color:var(--clm-text-light);font-size:14px;line-height:1.5;margin-bottom:10px;}

@media (max-width: 992px){
  .clm-ins-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width: 768px){
  .clm-insight-single-layout{flex-direction:column;}
  .clm-ins-card{flex-direction:column;}
  .clm-ins-card__img-link{flex:none;}
  .clm-ins-card__img,.clm-ins-card__img-placeholder{width:100%;height:200px;}
  .clm-ins-card--featured .clm-ins-card__img,
  .clm-ins-card--featured .clm-ins-card__img-placeholder{height:220px !important;}
  .clm-ins-grid{grid-template-columns:1fr;}
}


/* ===== Category filter tabs ===== */
.clm-ins-tabs-wrap {
    background: #f4f6f8;
    padding: 24px 0;
}
.clm-ins-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.clm-ins-tab {
    display: inline-block;
    padding: 8px 20px;
    border-radius: 30px;
    background: #fff;
    border: 1px solid #d8dde3;
    color: #33475b;
    font-size: 14px;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.clm-ins-tab:hover {
    border-color: #1b2a4a;
    color: #1b2a4a;
}
.clm-ins-tab--active,
.clm-ins-tab--active:hover {
    background: #1b2a4a;
    border-color: #1b2a4a;
    color: #fff;
}

/* ===== Per-category sections ===== */
.clm-ins-cat-section {
    padding: 48px 0;
}
.clm-ins-cat-section--alt {
    background: #f4f6f8;
}
.clm-ins-cat-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 4px;
}
.clm-ins-cat-header__title {
    margin: 0;
    font-size: 28px;
    line-height: 1.2;
}
.clm-ins-cat-overview-link {
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}
.clm-ins-cat-popular {
    color: #666;
    margin: 0 0 24px;
    font-size: 14px;
}
.clm-ins-cat-footer {
    margin-top: 20px;
    text-align: left;
}

/* ===== Grid layout for per-category cards ===== */
.clm-ins-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.clm-ins-grid-card {
    flex: 1 1 calc(33.333% - 16px);
    max-width: calc(33.333% - 16px);
}
@media (max-width: 991px) {
    .clm-ins-grid-card {
        flex: 1 1 calc(50% - 12px);
        max-width: calc(50% - 12px);
    }
}
@media (max-width: 600px) {
    .clm-ins-tabs-wrap { padding: 16px 0; }
    .clm-ins-grid-card {
        flex: 1 1 100%;
        max-width: 100%;
    }
    .clm-ins-cat-header { flex-direction: column; align-items: flex-start; }
}

/* ===== Card meta line (author / date / reading time) ===== */
.clm-ins-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    font-size: 13px;
    color: #7a8794;
    margin: 0 0 8px;
}
.clm-ins-card-meta i {
    margin-right: 4px;
}

// After FAQ Insight

.clm-related-insights {
    padding: 48px 0;
}
.clm-related-insights__header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 28px;
}
.clm-related-insights__line {
    flex: 1;
    height: 1px;
    background: #d8dde3;
}
.clm-related-insights__title {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    white-space: nowrap;
}
.clm-related-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.clm-related-card {
    flex: 1 1 calc(33.333% - 16px);
    max-width: calc(33.333% - 16px);
    border: 1px solid #e3e6ea;
    background: #fff;
}
.clm-related-card__img-link { display: block; }
.clm-related-card__img,
.clm-related-card__img-placeholder {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
    background: #eee;
}
.clm-related-card__body {
    padding: 16px;
}
.clm-related-card__title {
    font-size: 16px;
    margin: 0 0 12px;
}
.clm-related-card__title a {
    text-decoration: none;
}
.clm-related-card__link {
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}
@media (max-width: 767px) {
    .clm-related-card {
        flex: 1 1 100%;
        max-width: 100%;
    }
}