:root {
    --tools-container-max-width: 95%;
}

.table-wrapper {
    overflow-x: auto;
    margin-top: 20px;
}

#studyProgrammeTable {
    width: 100%;
    border-collapse: collapse;
    min-width: 1100px;
}

#studyProgrammeTable th,
#studyProgrammeTable td {
    border: 1px solid #ddd;
    padding: 10px;
    vertical-align: top;
}

#studyProgrammeTable thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

#studyProgrammeTable tbody th {
    background-color: #eef2ff;
    color: #1f2937;
    font-weight: 700;
}

.band-cell-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.band-name {
    font-weight: 600;
    color: #1f2937;
}

.band-value {
    font-weight: 700;
    color: #111827;
}

.band-hours {
    font-size: 0.85rem;
    color: #4b5563;
}

.band-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 2px;
}

.meta-tag {
    background: #f0f0f0;
    padding: 4px 8px;
    border-radius: 4px;
    color: #555;
    border-left: 3px solid #ddd;
    font-size: 0.75rem;
    line-height: 1.2;
}

.meta-tag.tlevel {
    background: #e8f1ff;
    border-left-color: #007bff;
    color: #1e3a8a;
}

.meta-tag.fte {
    background: #fff3cd;
    border-left-color: #ffc107;
    color: #664d03;
}

.meta-tag.full-time {
    background: #dcfce7;
    border-left-color: #16a34a;
    color: #14532d;
}

.meta-tag.part-time {
    background: #fef3c7;
    border-left-color: #f59e0b;
    color: #78350f;
}

.meta-tag.high-needs {
    background: #fce7f3;
    border-left-color: #db2777;
    color: #831843;
}

.meta-tag.age {
    background: #f3e8ff;
    border-left-color: #9333ea;
    color: #581c87;
}