.csc-wrap,.csc-landing{--csc-primary:#0b2252;--csc-accent:#e31b23;--csc-cols:6}
.csc-container{max-width:1280px;margin:0 auto;padding-left:20px;padding-right:20px;box-sizing:border-box}
.csc-wrap{padding:40px 0;text-align:center}
.csc-title{font-family:'Montserrat',inherit,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--csc-primary);font-size:clamp(26px,3.2vw,40px);margin:0 0 14px;line-height:1.2}
.csc-title span{color:var(--csc-accent)}
.csc-subtitle{color:#5b6475;font-size:18px;margin:0 0 50px}

.csc-grid{display:grid;grid-template-columns:repeat(var(--csc-cols),minmax(0,1fr));gap:25px;margin-top:40px;align-items:stretch}

/* Card */
.csc-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid #e9ecf3;border-radius:6px;padding:40px 20px 30px;text-decoration:none!important;box-shadow:0 1px 3px rgba(11,34,82,.04);transition:transform .25s,box-shadow .25s,border-color .25s}
.csc-card:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(11,34,82,.12);border-color:var(--csc-accent)}
.csc-icon{display:flex;align-items:center;justify-content:center;height:80px;margin-bottom:26px}
.csc-card--icon .csc-icon img.csc-img{max-height:80px!important;width:auto!important;max-width:90px!important;height:auto;object-fit:contain;display:block;margin:0 auto}
.csc-card-link{position:absolute;inset:0;z-index:2;font-size:0;text-decoration:none!important}
.csc-card *{text-decoration:none!important}
.csc-ph{width:64px;height:64px;color:var(--csc-accent)}
.csc-card-title{font-family:'Montserrat',inherit,sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--csc-primary);line-height:1.5;margin:0 0 14px}
.csc-card-desc{color:#6b7280;font-size:15.5px;line-height:1.75;margin:0 0 20px}
.csc-more{margin-top:auto;color:var(--csc-accent);font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:.3px}
.csc-more i{font-style:normal;display:inline-block;transition:transform .2s}
.csc-card:hover .csc-more i,.csc-post .csc-more:hover i{transform:translateX(5px)}

/* Landing hero */
.csc-hero{background:linear-gradient(135deg,var(--csc-primary),#13306f);color:#fff;padding:60px 0;text-align:center}
.csc-hero h1{color:#fff;font-size:clamp(28px,4vw,46px);text-transform:uppercase;margin:10px 0;font-weight:700}
.csc-hero p{max-width:760px;margin:10px auto 0;opacity:.9;font-size:17px;line-height:1.7}
.csc-crumbs{font-size:14px;opacity:.85}
.csc-crumbs a{color:#fff;text-decoration:none}
.csc-crumbs span{margin:0 6px}

/* Blog-type content */
.csc-content{padding-top:10px;padding-bottom:30px}
.csc-entry{background:#f7f9fc;border-left:4px solid var(--csc-accent);padding:35px 40px;border-radius:6px;line-height:1.8;color:#3d4556}
.csc-entry h2,.csc-entry h3{color:var(--csc-primary)}
.csc-entry img{max-width:100%;height:auto}

/* Posts */
.csc-posts{text-align:left}
.csc-post{background:#fff;border:1px solid #e9ecf3;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s}
.csc-post:hover{box-shadow:0 14px 30px rgba(11,34,82,.12)}
.csc-post-img img{width:100%;height:210px;object-fit:cover;display:block}
.csc-post-body{padding:22px;display:flex;flex-direction:column;flex:1}
.csc-post-body time{font-size:13px;color:#8a92a3}
.csc-post-body h3{font-size:19px;margin:8px 0 10px;line-height:1.4}
.csc-post-body h3 a{color:var(--csc-primary);text-decoration:none}
.csc-post-body p{color:#6b7280;line-height:1.7;margin:0 0 16px}
.csc-post .csc-more{text-decoration:none}

/* Responsive */
@media (max-width:1100px){.csc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){.csc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.csc-card{padding:28px 14px 22px}.csc-card-title{font-size:15px}.csc-entry{padding:22px}}
@media (max-width:480px){.csc-grid{grid-template-columns:1fr}}

/* Sub-category cards (landing page) - big images */
.csc-card--sub{padding:0 0 26px;overflow:hidden}
.csc-card--sub .csc-icon{width:100%;height:230px;margin:0 0 22px;background:#fff;border-bottom:1px solid #eef0f5;padding:14px;box-sizing:border-box}
.csc-card--sub .csc-icon img.csc-img{width:100%!important;height:100%!important;max-width:100%!important;max-height:none!important;object-fit:contain;display:block}
.csc-card--sub .csc-ph{width:80px!important;height:80px!important}
.csc-card--sub .csc-card-title,.csc-card--sub .csc-card-desc{padding:0 18px}