/* Pelengkap untuk figma.css (Tailwind hasil kompilasi desain) — state "terpilih" tanpa JS. */
.likert:has(input:checked) {
    border-color: var(--color-brand);
    background: var(--color-brand);
    color: #fff;
}

.choice:has(input:checked) {
    border-color: var(--color-brand);
    background: color-mix(in srgb, var(--color-brand) 10%, transparent);
}

.choice:hover {
    border-color: color-mix(in srgb, var(--color-brand) 40%, transparent);
}

.menu-open > svg:last-child {
    transform: rotate(180deg);
}

/* Utilitas yang tidak ikut terkompilasi di figma.css */
.disabled\:cursor-not-allowed:disabled { cursor: not-allowed; }
.disabled\:opacity-40:disabled { opacity: .4; }
.disabled\:opacity-50:disabled { opacity: .5; }
.disabled\:opacity-60:disabled { opacity: .6; }
.min-w-60 { min-width: 15rem; }
@media (min-width: 40rem) {
    .sm\:flex-wrap { flex-wrap: wrap; }
    .sm\:w-48 { width: 12rem; }
}
@media (min-width: 40rem) {
    .sm\:grid-cols-\[1fr_\.5fr\] { grid-template-columns: 1fr .5fr; }
}

/* Di desain Figma, CSS dasar `button{font:inherit}` menimpa text-sm/font-bold sehingga tombol tampil 16px reguler.
   Tombol berbasis <a> disamakan agar konsisten dengan <button>. */
.btn { font: inherit; }