/* Hide native radio buttons */
                    .publish-option input[type="radio"] {
                        display: none;
                    }

                    /* Make label wrap card and clickable */
                    .publish-option label {
                        cursor: pointer;
                        display: block;
                        border: 2px solid transparent;
                        border-radius: 0.5rem;
                        transition: border-color 0.3s ease, box-shadow 0.3s ease;
                    }

                    /* Highlight selected card */
                    .publish-option input[type="radio"]:checked+label {
                        border-color: #0d6efd;
                        /* Bootstrap primary blue */
                        box-shadow: 0 0 12px rgba(13, 110, 253, 0.5);
                    }

                    /* Make card inside label flush (optional) */
                    .publish-option label .card {
                        margin-bottom: 0;
                        border-radius: 0.5rem;
                    }