body {
    background: #f6f8fb;
}

.navbar-brand {
    letter-spacing: -0.02em;
}

.card {
    border: 0;
    border-radius: 1rem;
}

.section-card {
    transition: transform .15s ease, box-shadow .15s ease;
}

.section-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.08);
}

.section-card.completed {
    border-left: 5px solid #198754;
}

.question-card {
    border-left: 5px solid #0d6efd;
}

.option-box {
    display: block;
    border: 1px solid #dee2e6;
    border-radius: .75rem;
    padding: .75rem .9rem;
    background: #fff;
    cursor: pointer;
}

.option-box:hover {
    background: #f8fbff;
    border-color: #b6d4fe;
}

.sticky-actions {
    position: sticky;
    bottom: 15px;
    z-index: 5;
    border: 1px solid #e9ecef;
}

.answer-box {
    white-space: pre-wrap;
    background: #f8f9fa;
    border-left: 4px solid #0d6efd;
    padding: .75rem 1rem;
    border-radius: .35rem;
    min-height: 42px;
}