.pcvl-wrap{display:flex;gap:28px;align-items:flex-start}
.pcvl-sidebar{width:320px;flex:0 0 320px;background:#fff;border:1px solid #e9eef6;border-radius:18px;padding:18px}
.pcvl-sidebar-title{font-size:42px;font-weight:900;color:#0f172a;margin:0 0 18px}
.pcvl-parent{display:flex;flex-direction:column;gap:18px;margin-top:10px}
.pcvl-parent button{border:0;background:#2b6cb0;color:#0f172a;text-align:center;border-radius:14px;padding:22px 16px;font-size:22px;font-weight:900;cursor:pointer}
.pcvl-parent button.is-active{font-weight: bold !important;}
.pcvl-sidebar-title-two {
    font-weight: 500 !important;
    margin-top: 20px;
    margin-bottom: 20px;
}
.pcvl-main{flex:1;min-width:0}
.pcvl-head{margin-bottom:18px}
.pcvl-title{margin-bottom:20px;color:#2b6cb0;}
.pcvl-search{max-width:860px;width:100%}
.pcvl-search input{width:100%;border:2px solid #127FC1 !important;border-radius:50px !important;padding:16px 22px;font-size:22px;outline:none}
.pcvl-parent button {
    background: transparent !important;
    border: 0 !important;
    color: #000 !important;
    padding: 0 !important;
    text-align: left;
    width: 100% !important;
    font-weight: 400 !important;
    outline: none !important;
}
.pcvl-subcats{margin:10px 0 16px}
.pcvl-courses-heading{ 
    font-weight: 500 !important;
    color: #0f172a;
    margin: 0 0 12px;
    font-family: "Anybody" !important;}
.pcvl-pill-row{display:flex;flex-wrap:wrap;gap:14px}
.pcvl-pill {
    border: 2px solid #253F4E !important;
    border-radius: 999px !important;
    padding: 6px 18px 8px !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    cursor: pointer !important;
    color: #000 !important;
    background: #fff !important;
    line-height: normal !important;
}
.pcvl-pill.is-active, .pcvl-pill:hover, .pcvl-pill:focus {
    background: #127FC1 !important;
    border-color: #127FC1 !important;
    color: #fff !important;
}
.pcvl-player{background:#fff;border:1px solid #e9eef6;border-radius:18px;overflow:hidden;margin:16px 0 18px}
.pcvl-player-ratio{position:relative;padding-top:56.25%}
.pcvl-player-ratio iframe{position:absolute;inset:0;width:100%;height:100%}
.pcvl-player-empty{padding:14px;border:1px dashed #cbd5e1;border-radius:14px;color:#64748b}

.pcvl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pcvl-card{background:#fff;border:1px solid #e9eef6;border-radius:20px;overflow:hidden;cursor:pointer;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.pcvl-card-thumb{background:linear-gradient(180deg,#3b82f6,#1e3a8a)}
.pcvl-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pcvl-thumb-fallback{height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900}
.pcvl-card-body{padding:14px 16px 18px}
.pcvl-badge-date{display:inline-block;background:#1E4386;color:#fff;border-radius:999px;padding:6px 10px;font-weight:900;font-size:13px;margin-top:0px;position:relative;z-index:1}
.pcvl-card-title{margin:10px 0 6px;font-size:20px;font-weight:900;color:#2b6cb0}
.pcvl-card-excerpt{margin:0;color:#475569;font-size:15px;line-height:1.5}
.pcvl-empty{padding:18px;border:1px dashed #cbd5e1;border-radius:14px;color:#64748b}

.pcvl-pagination{display:flex;gap:10px;justify-content:center;margin:22px 0 6px}
.pcvl-page-btn{border:1px solid #e9eef6;background:#fff;padding:10px 14px;border-radius:12px;font-weight:900;cursor:pointer}
.pcvl-page-btn.is-active{background:#2563eb;border-color:#2563eb;color:#fff}

.pcvl-debug{margin-top:12px;color:#b91c1c;font-weight:900}

.pcvl-loading{opacity:.65;pointer-events:none}

@media (max-width:1024px){
  .pcvl-wrap{flex-direction:column}
  .pcvl-sidebar{width:100%}
  .pcvl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .pcvl-grid{grid-template-columns:1fr}
  .pcvl-search input{font-size:18px}
}


/* Modal */
body.pcvl-modal-open{overflow:hidden}
.pcvl-modal{position:fixed;inset:0;display:none;z-index:999999}
.pcvl-modal.is-open{display:block}
.pcvl-modal__overlay{position:absolute;inset:0;background:rgba(15,23,42,.75)}
.pcvl-modal__panel{position:relative;max-width:980px;margin:6vh auto;background:#0b1220;border-radius:18px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.45)}
.pcvl-modal__close {
    position: absolute;
    top: 10px;
    right: 14px;
    width: 44px !important;
    height: 44px !important;
    border-radius: 999px !important;
    border: 0 !important;
    background: rgba(255, 255, 255, .12);
    color: #fff !important;
    font-size: 28px !important;
    line-height: 44px !important;
    cursor: pointer !important;
    z-index: 2;
    padding: 0 !important;
}
.pcvl-modal__ratio{position:relative;padding-top:56.25%}
.pcvl-modal__ratio iframe{position:absolute;inset:0;width:100%;height:100%}
@media (max-width:1024px){
  .pcvl-modal__panel{margin:10vh 16px}
}