/* Blog only: use the product listing pagination rules and its theme colour. */
.cm-blog .pagination{margin:0;padding:0;list-style:none;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start;-ms-flex:1;flex:1;font-size:1.4rem;line-height:1.2;font-weight:500}
.cm-blog .pagination{-ms-flex-pack:start;justify-content:flex-start}
.cm-blog .pagination>li>a,.cm-blog .pagination>li>span,.cm-blog .pagination>li>a:hover{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:4rem;height:4rem;text-decoration:none;color:#343434;transition:color 0.25s, background 0.25s;border-radius:4px;background:none;border:0;padding:0;margin:0;line-height:initial}
.cm-blog .pagination>li>a:hover,.cm-blog .pagination>li>span:hover,.cm-blog .pagination>li>a:focus{text-decoration:none;color:var(--theme-primary-color);background:none}
.cm-blog .pagination>.active>span,.cm-blog .pagination>.active>span:hover{background:var(--theme-primary-color);color:#fff}
.cm-blog .cm-blog-pagination{margin:0;justify-content:flex-start}
.cm-blog #cm-sections>.cm-section-heading{justify-content:flex-start;gap:14px}
.cm-blog #cm-sections>.cm-section-heading h2{flex:none}
.cm-blog #cm-sections .cm-section-chips{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.cm-blog #cm-sections .cm-section-chip{margin:0}

/* Variant 3: compact white cards, two recent article chips, and a category link. */
.cm-blog #cm-sections{background:#fff;border:1px solid #e3e7ed;border-radius:22px;padding:20px;gap:16px}
.cm-blog #cm-sections .cm-category-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;grid-auto-rows:auto}
.cm-blog #cm-sections .cm-category-tile--mini{min-height:0;padding:14px;border-radius:14px;background:#fff;gap:10px}
.cm-blog #cm-sections .cm-category-tile--mini .cm-tile-heading{display:flex;flex-direction:row;align-items:center;gap:10px;padding:0;min-height:40px;color:#142d50}
.cm-blog #cm-sections .cm-category-tile--mini strong{flex:1;min-width:0}
.cm-blog #cm-sections .cm-tile-heading .cm-tile-icon{display:flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#edf5fc;color:#2468a8}
.cm-blog #cm-sections .cm-tile-icon svg{display:block;width:21px;height:21px}
.cm-blog #cm-sections .cm-tile-heading .cm-tile-arrow{position:static;flex:none;font-size:18px;line-height:1}
.cm-blog #cm-sections .cm-category-tile--mini .cm-tile-latest{margin:0;padding:0;flex:1}
.cm-blog #cm-sections .cm-category-tile--mini .cm-tile-articles{gap:5px}
.cm-blog #cm-sections .cm-category-tile--mini .cm-tile-articles a{padding:4px 9px;font-size:11.5px;line-height:18px;background:#f4f6f9;border:1px solid #e9edf3;border-radius:999px}
.cm-blog #cm-sections .cm-category-tile--mini .cm-tile-articles a:hover{background:#eaf0f8}
.cm-blog #cm-sections .cm-category-tile--mini .cm-tile-all{display:flex;flex-direction:row;align-items:center;gap:5px;margin:0;padding:0;font-size:12px;line-height:1.5;border:0;background:transparent}
.cm-blog #cm-sections .cm-tile-all span{display:inline;color:inherit;font-size:inherit}
@media(max-width:1100px){.cm-blog #cm-sections .cm-category-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.cm-blog #cm-sections .cm-category-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.cm-blog #cm-sections{padding:16px}.cm-blog #cm-sections .cm-category-tiles{grid-template-columns:minmax(0,1fr)}}

/* Selected first preview palette, fading toward a slightly lighter shade. One shadow per card. */
.cm-blog #cm-sections .cm-category-tile--mini{--cm-card-base:#e1edf7;--cm-card-tint:#ebf3fa;background:linear-gradient(130deg,var(--cm-card-base),var(--cm-card-tint));box-shadow:0 6px 18px rgba(28,50,80,.09);transition:border-color .2s ease}
.cm-blog #cm-sections .cm-category-tile--mini:nth-child(8n+2),.cm-blog #cm-sections .cm-category-tile--mini:nth-child(8n+5){--cm-card-base:#eae2f3;--cm-card-tint:#f1ecf7}
.cm-blog #cm-sections .cm-category-tile--mini:nth-child(8n+3),.cm-blog #cm-sections .cm-category-tile--mini:nth-child(8n){--cm-card-base:#e1eeeb;--cm-card-tint:#ecf4f2}
.cm-blog #cm-sections .cm-category-tile--mini:nth-child(8n+4),.cm-blog #cm-sections .cm-category-tile--mini:nth-child(8n+6){--cm-card-base:#e3e9f4;--cm-card-tint:#edf1f8}
.cm-blog #cm-sections .cm-category-tile--mini:hover{border-color:#d5e0ec;box-shadow:0 8px 22px rgba(28,50,80,.12)}
@media(prefers-reduced-motion:reduce){.cm-blog #cm-sections .cm-category-tile--mini{transition:none}}