.wcc { --wcc-ink:#182337; --wcc-muted:#49566b; --wcc-border:#d3dae4; --wcc-accent:#1644a6; --wcc-tint:#f4f7fc; color:var(--wcc-ink); line-height:1.55; max-width:1200px; margin-inline:auto; }
.wcc * { box-sizing:border-box; }
.wcc a { color:var(--wcc-accent); }
.wcc :focus-visible { outline:3px solid var(--wcc-accent); outline-offset:3px; }
.wcc h2,.wcc h3 { line-height:1.25; }
.wcc-filters { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr)); gap:1rem; align-items:end; padding:1.2rem; margin:0 0 1.5rem; background:var(--wcc-tint); border:1px solid var(--wcc-border); border-radius:.65rem; }
.wcc-filter label { display:block; font-weight:650; margin-bottom:.35rem; }
.wcc-filter :is(input,select) { width:100%; min-height:44px; padding:.55rem .7rem; font:inherit; color:var(--wcc-ink); background:white; border:1px solid #788498; border-radius:.35rem; }
.wcc-filters button,.wcc-button { display:inline-flex; justify-content:center; align-items:center; min-height:44px; padding:.6rem 1rem; border:1px solid var(--wcc-accent); border-radius:.4rem; background:var(--wcc-accent); color:white!important; font:inherit; font-weight:650; text-align:center; text-decoration:none!important; cursor:pointer; }
.wcc-filters button:hover,.wcc-button:hover { background:#102f75; }
.wcc-result-count { color:var(--wcc-muted); }
.wcc-course-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,275px),1fr)); gap:1.15rem; list-style:none; padding:0; margin:0 0 1.5rem; }
.wcc-course-card,.wcc-delivery-card { overflow:hidden; border:1px solid var(--wcc-border); border-radius:.65rem; background:#fff; }
.wcc-card-image { display:block; aspect-ratio:16/9; overflow:hidden; }
.wcc-card-image img { display:block; width:100%; height:100%; object-fit:cover; }
.wcc-card-body { padding:1.1rem; }
.wcc-card-body h2 { font-size:clamp(1.1rem,2vw,1.35rem); margin:0 0 .7rem; }
.wcc-card-tags,.wcc-card-options { margin:.35rem 0 0; color:var(--wcc-muted); font-size:.95rem; }
.wcc-pagination ul { display:flex; flex-wrap:wrap; gap:.35rem; padding:0; list-style:none; }
.wcc-pagination a,.wcc-pagination .current { display:inline-block; padding:.35rem .7rem; border:1px solid var(--wcc-border); border-radius:.3rem; }
.wcc-pagination .current { border-color:var(--wcc-accent); color:var(--wcc-accent); font-weight:700; }
.wcc-course-title { margin:0 0 1rem; }
.wcc-hero-image { margin:0 0 1.5rem; }
.wcc-hero-image img { display:block; max-width:100%; height:auto; border-radius:.65rem; }
.wcc-video { margin:1.2rem 0; }
.wcc-video iframe,.wcc-video video { max-width:100%; }
.wcc-group-status { border-left:4px solid var(--wcc-accent); padding:.7rem 1rem; background:var(--wcc-tint); font-weight:650; }
.wcc-delivery-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr)); gap:1rem; margin:1rem 0 2rem; }
.wcc-delivery-card { padding:1.15rem; }
.wcc-delivery-card h3 { margin:0 0 1rem; font-size:1.2rem; }
.wcc-details { margin:0 0 1.15rem; }
.wcc-details div { display:flex; flex-wrap:wrap; gap:0 .5rem; padding:.35rem 0; border-bottom:1px solid var(--wcc-border); }
.wcc-details dt { color:var(--wcc-muted); min-width:7.8rem; }
.wcc-details dd { margin:0; font-weight:600; overflow-wrap:anywhere; }
.wcc-status { color:var(--wcc-ink); font-weight:650; }
.wcc-marketing-section { margin:1.7rem 0; max-width:75ch; }
.wcc-marketing-section h2 { margin-bottom:.55rem; }
.wcc-marketing-section p { margin:.55rem 0 1rem; }
.wcc-marketing-section ul { padding-left:1.5rem; margin:.4rem 0 1rem; }
.wcc-marketing-section li { margin:.25rem 0; }
.wcc-option-copy { padding:0 0 .2rem 1rem; border-left:2px solid var(--wcc-border); margin:1rem 0; }
.wcc-option-copy h3 { font-size:1.1rem; margin:0 0 .5rem; }
.wcc-field-ambiguous { color:var(--wcc-muted); }
.wcc-archive-main { padding:2rem 1rem; }
.wcc-archive-inner { max-width:1200px; margin-inline:auto; }
@media (max-width:560px) { .wcc-delivery-card { padding:1rem; } .wcc-filters { padding:1rem; } }