oup {
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin: 10px 0;
        }

        .radio-row {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 8px;
            border-radius: 6px;
            transition: background 0.2s;
        }

        .radio-row:hover {
            background: var(--hover-bg);
        }

        @media (max-width: 600px) {
            body {
           