body {
            background-color: #f8f9fa;
        }

        .job-card {
            max-width: 800px;
            margin: 50px auto;
            padding: 30px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        .apply-btn {
            background-color: #343a40;
            border-color: #343a40;
        }

        .offcanvas-body {
            padding-bottom: 80px;
            /* Space for the fixed footer */
        }

        .form-control-sm,
        .form-select-sm,
        .btn-sm {
            padding: .25rem .5rem;
            font-size: .875rem;
        }

        /* === CHIP MODEL STYLES === */
        .app-detail-group {
            display: flex;
            align-items: flex-start;
            margin-bottom: 1.5rem;
        }

        .app-detail-label {
            width: 120px;
            /* Fixed width for the label column */
            margin-right: 10px;
            font-size: 0.875rem;
            color: #6c757d;
        }

        /* Container for chip buttons: enables wrapping and spacing */
        .btn-group-wrap {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
            /* Spacing between button rows/columns */
            max-width: 100%;
        }

        /* Styling for the selected chip state */
        .btn-check:checked+.btn-outline-secondary {
            background-color: #343a40;
            /* Dark background when selected */
            color: #fff;
            border-color: #343a40;
        }