.ccb-wrap{
    --ccb-teal-dark:#008090;
    --ccb-teal-title:#007A66;
    --ccb-green-section:#00BA8C;
    --ccb-coral:#FF9274;
    --ccb-cream:#FFFBF3;
    --ccb-body-gray:#333333;
    --ccb-line:#eae3d6;
    width:100%;
    font-family:'Archivo', -apple-system, "Segoe UI", sans-serif;
}

.ccb-stats-bar{
    display:flex;
    justify-content:center;
    gap:64px;
    background:var(--ccb-green-section);
    padding:20px 20px 24px;
    flex-wrap:wrap;
}
.ccb-stat{display:flex;flex-direction:column;align-items:center;text-align:center;}
.ccb-stat-num{
    font-family:"Schibsted Grotesk", sans-serif;
    font-weight:700;
    font-size:36px;
    color:#fff;
    line-height:1;
}
.ccb-stat-label{font-size:18px;color:#eafff5;margin-top:4px;}

.ccb-filters{
    padding:32px 32px 8px;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
@media (max-width:760px){
    .ccb-filters{
        flex-wrap:nowrap;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        padding:20px 20px 14px;
        gap:8px;
        mask-image:linear-gradient(to right, #000 92%, transparent 100%);
        -webkit-mask-image:linear-gradient(to right, #000 92%, transparent 100%);
    }
    .ccb-filters::-webkit-scrollbar{display:none;}
    .ccb-filter-btn{flex:0 0 auto;white-space:nowrap;}
}
.ccb-filter-btn{
    font-family:"Schibsted Grotesk", sans-serif;
    font-size:17px;
    font-weight:600;
    color:var(--ccb-teal-title);
    background:#f2f7f4;
    border:2px solid transparent;
    border-radius:24px;
    padding:9px 18px;
    cursor:pointer;
    transition:background .15s ease, color .15s ease;
}
.ccb-filter-btn .ccb-count{
    font-size:14px;
    opacity:.7;
    margin-left:4px;
}
.ccb-filter-btn:hover{background:#e3f0e9;}
.ccb-filter-btn.active{
    background:var(--ccb-teal-title);
    color:#fff;
}
.ccb-filter-btn.active .ccb-count{opacity:.85;}

.ccb-section{padding:8px 32px 0;}
.ccb-section:last-child{padding-bottom:36px;}
.ccb-section-title{
    font-family:"Schibsted Grotesk", sans-serif;
    font-size:32px;
    font-weight:700;
    color:var(--ccb-teal-dark);
    margin:32px 0 20px;
    border-bottom:3px solid var(--ccb-green-section);
    padding-bottom:10px;
}

.ccb-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:28px;
    padding:0 0 24px;
}
@media (max-width:980px){ .ccb-grid{grid-template-columns:repeat(2, 1fr);} }
@media (max-width:640px){ .ccb-grid{grid-template-columns:1fr;} }

.ccb-card{
    border:1px solid var(--ccb-line);
    border-radius:10px;
    padding:0;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    background:#fff;
    transition:box-shadow .15s ease, transform .15s ease;
}
.ccb-card:hover{box-shadow:0 8px 24px rgba(0,128,144,.12);transform:translateY(-2px);}
.ccb-card.ccb-hidden{display:none;}

.ccb-ribbon{
    background:var(--ccb-teal-dark);
    color:#fff;
    font-family:"Schibsted Grotesk", sans-serif;
    font-size:16px;
    font-weight:700;
    padding:12px 20px;
    text-transform:uppercase;
    letter-spacing:.02em;
}

.ccb-card-body{
    padding:22px 24px 24px;
    display:flex;
    flex-direction:column;
    flex-grow:1;
}

.ccb-logo-wrap{
    height:130px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    margin-bottom:18px;
}
.ccb-logo{max-height:130px;max-width:100%;object-fit:contain;}
.ccb-logo-placeholder{
    font-size:18px;
    color:#aaa;
    font-style:italic;
}

.ccb-card h3{
    font-family:"Schibsted Grotesk", sans-serif;
    font-size:24px;
    font-weight:600;
    color:var(--ccb-teal-title);
    margin:0 0 10px;
    line-height:1.25;
}
.ccb-text{font-size:18px;line-height:1.55;color:var(--ccb-body-gray);flex-grow:1;}
.ccb-text p{margin:0 0 10px;}
.ccb-text p:last-child{margin-bottom:10px;}

.ccb-bron{
    font-size:13px;
    color:#b7833f;
    background:#fff6e8;
    border-radius:4px;
    padding:6px 10px;
    margin-bottom:10px;
}

.ccb-website-link{
    font-family:"Schibsted Grotesk", sans-serif;
    font-size:18px;
    font-weight:600;
    color:var(--ccb-coral);
    text-decoration:none;
}
.ccb-website-link:hover{text-decoration:underline;}
.ccb-website-missing{
    font-size:16px;
    color:#aaa;
    font-style:italic;
}