.tsp-quiz-modal-body {
    padding: .25rem 0;
    --qm-indigo: #1E3A8A;
    --qm-indigo-lt: #EEF2FF;
    --qm-ink: #0F1F3D;
    --qm-slate: #64748B;
    --qm-paper: #F6F7FB;
    --qm-line: #E6E9F2;
    --qm-amber: #B45309;
    --qm-amber-lt: #FFF7E6;
    font-family: 'Inter','Segoe UI',sans-serif;
}

.tsp-modal-title-row {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
    margin-bottom: 1.1rem;
}
.tsp-modal-quiz-name {
    font-family: 'Poppins','Segoe UI',sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0;
    color: var(--qm-ink);
    flex: 1;
}

.tsp-modal-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .65rem .9rem;
    margin-bottom: 1.1rem;
}
.tsp-modal-info-item {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    background: var(--qm-paper);
    border: 1px solid var(--qm-line);
    border-radius: 10px;
    padding: .6rem .75rem;
}
.tsp-modal-info-icon {
    color: var(--qm-indigo);
    margin-top: 2px;
    flex-shrink: 0;
}
.tsp-modal-info-label {
    display: block;
    font-size: .68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--qm-slate);
    margin-bottom: 2px;
}
.tsp-modal-info-val {
    display: block;
    font-family: 'IBM Plex Mono','Courier New',monospace;
    font-size: .85rem;
    font-weight: 600;
    color: var(--qm-ink);
}

.tsp-modal-sections {
    margin-bottom: 1.1rem;
}
.tsp-section-list {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    max-height: 220px;
    overflow-y: auto;
}
.tsp-section-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    background: var(--qm-paper);
    border: 1px solid var(--qm-line);
    border-radius: 10px;
    padding: .55rem .75rem;
    flex-wrap: wrap;
}
.tsp-section-name {
    font-size: .82rem;
    font-weight: 600;
    color: var(--qm-ink);
}
.tsp-section-type {
    font-size: .7rem;
    font-weight: 500;
    color: var(--qm-slate);
    margin-left: .4rem;
}
.tsp-section-right {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
}
.tsp-section-levels {
    font-size: .72rem;
    color: var(--qm-slate);
}
.tsp-section-count {
    font-family: 'IBM Plex Mono','Courier New',monospace;
    font-size: .75rem;
    font-weight: 700;
    color: var(--qm-indigo);
    background: var(--qm-indigo-lt);
    border-radius: 999px;
    padding: .2rem .6rem;
    white-space: nowrap;
}

.tsp-modal-instructions {
    background: var(--qm-amber-lt);
    border-left: 3px solid var(--qm-amber);
    border-radius: 0 10px 10px 0;
    padding: .8rem 1rem;
}
.tsp-modal-inst-title {
    font-size: .78rem;
    font-weight: 700;
    color: var(--qm-amber);
    margin: 0 0 .55rem;
    display: flex;
    align-items: center;
    gap: .35rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.tsp-modal-inst-list {
    margin: 0;
    padding-left: 1.1rem;
    font-size: .8rem;
    color: #78350F;
    line-height: 1.75;
}
.tsp-modal-inst-list li + li { margin-top: .25rem; }

@media (max-width: 480px) {
    .tsp-modal-info-grid { grid-template-columns: 1fr; }
}