/* GTI - School of Virtual Learning: compact programme directory */
.vl-toolbar{display:flex;flex-direction:column;gap:12px;margin:0 0 14px}
.vl-searchwrap{position:relative;max-width:460px;width:100%}
.vl-searchwrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9CA3AF;font-size:.85rem}
#vlSearch{width:100%;padding:10px 14px 10px 38px;border:1px solid #E5E7EB;border-radius:999px;font-size:.9rem;background:#fff;color:#111827}
#vlSearch:focus{outline:none;border-color:#DB2777;box-shadow:0 0 0 3px rgba(219,39,119,.12)}
.vl-nav{display:flex;flex-wrap:wrap;gap:7px}
.vl-chip{border:1px solid #E5E7EB;background:#fff;color:#374151;border-radius:999px;padding:6px 13px;font-size:.8rem;font-weight:600;cursor:pointer;line-height:1.25;transition:all .16s ease}
.vl-chip:hover{border-color:#DB2777;color:#DB2777}
.vl-chip.is-active{background:linear-gradient(135deg,#DB2777,#7C3AED);border-color:transparent;color:#fff}
.vl-count{font-size:.82rem;color:#6B7280;margin:0 0 16px}

.vl-list{border-top:1px solid #EEF0F4}
.vl-level{margin:26px 0 6px;font-size:.94rem;font-weight:800;color:#111827;letter-spacing:.2px}
.vl-level:first-child{margin-top:14px}
.vl-row{display:grid;grid-template-columns:minmax(0,1fr) 116px 118px 104px;align-items:center;gap:12px;padding:9px 4px;border-bottom:1px solid #F2F3F7}
.vl-row:hover:not(.vl-head){background:#FCFAFF}
.vl-head{border-bottom:1px solid #E5E7EB;padding-top:2px;padding-bottom:6px}
.vl-head span{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#9CA3AF}
.vl-c-name{font-size:.88rem;font-weight:600;color:#111827;line-height:1.35;min-width:0}
.vl-c-dur{font-size:.8rem;color:#6B7280}
.vl-c-fee{font-size:.92rem;font-weight:800;color:#DB2777;text-align:right}
.vl-head .vl-c-fee{text-align:right}
.vl-c-act{text-align:right}
.vl-apply{display:inline-block;font-size:.74rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#DB2777,#7C3AED);border-radius:999px;padding:6px 13px;text-decoration:none;white-space:nowrap}
.vl-apply:hover{filter:brightness(1.07);color:#fff}

.vl-more-wrap{display:flex;justify-content:center;margin-top:26px}
#vlMore{border:1px solid #DB2777;background:#fff;color:#DB2777;font-weight:700;font-size:.86rem;border-radius:999px;padding:11px 28px;cursor:pointer;transition:all .16s ease}
#vlMore:hover{background:#DB2777;color:#fff}
#vlMore[hidden]{display:none!important}
.vl-empty{text-align:center;color:#6B7280;padding:34px 12px;font-size:.9rem}
.vl-empty[hidden]{display:none!important}

@media (max-width:720px){
  .vl-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name fee" "dur act";row-gap:4px;padding:11px 2px}
  .vl-head{display:none}
  .vl-c-name{grid-area:name}
  .vl-c-fee{grid-area:fee;text-align:right}
  .vl-c-dur{grid-area:dur}
  .vl-c-act{grid-area:act;text-align:right}
  .vl-chip{font-size:.75rem;padding:5px 11px}
}
/* GTI-VL-SCROLL - keep the 224-programme directory from stretching the page */
.vl-list{max-height:min(70vh,720px);overflow-y:auto;overflow-x:hidden;padding-right:6px;overscroll-behavior:contain;scrollbar-width:thin}
.vl-list::-webkit-scrollbar{width:8px}
.vl-list::-webkit-scrollbar-thumb{background:#E5E7EB;border-radius:8px}
.vl-list::-webkit-scrollbar-thumb:hover{background:#D1D5DB}
.vl-list .vl-level:first-child{margin-top:6px}
@media (max-width:720px){.vl-list{max-height:min(62vh,540px)}}