body {
    /* ── Student Guide cards ── */
    .student-section {
        background: #f0f3f7;
    }

    .guide-card {
        cursor: pointer;
        transition: border-color 0.15s, box-shadow 0.15s;
        text-align: left;
    }

        .guide-card:hover {
            border-color: var(--drexel-gold) !important;
            box-shadow: 0 2px 8px rgba(12,30,58,0.07);
        }

    .topbar-right {
        background: none;
        border: none;
        font-size: 14px;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 6px 0;
        color: #0c1e3a;
        font-weight: 600;
    }

        .topbar-right:hover {
            color: #d4a017;
        }

        .topbar-right .arrow {
            color: #d4a017;
            font-size: 16px;
        }

    .topbar-counter {
        font-size: 12px;
        color: #8a95a5;
        font-weight: 500;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }


    .welcome-header h1, .req-header h1, .Year3and4-header h1, .laptop-header h1, .ipad-header h1,
    .account-header h1, .zoom-header h1, .help-header h1, .computer-help-header h1, .faq-header h1, .zoom-header h1 {
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(26px, 4vw, 34px);
        font-weight: 400;
        color: #0c1e3a;
        line-height: 1.25;
        margin-bottom: 6px;
    }
}