/* v65: mobile-only cleanup for the interactive-question result/form area.
   Scope is intentionally limited to [data-interactive-question-card] on phones.
   Desktop/tablet and other Fintter modules are not touched. */
@media (max-width: 767px) {
    html,
    body {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    /* Make the interactive question area use the full phone width inside the feed. */
    [data-interactive-question-card].ft-iq-card {
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-radius: 0 !important;
        overflow-x: hidden !important;
    }

    /* Keep text readable while the card itself is edge-to-edge. */
    [data-interactive-question-card] .ft-iq-question-wrap,
    [data-interactive-question-card] > p,
    [data-interactive-question-card] [data-iq-confidence-wrap],
    [data-interactive-question-card] [data-iq-login-card] {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
        max-width: calc(100vw - 2rem) !important;
    }

    /* 100% edge-to-edge option rail on mobile only. */
    [data-interactive-question-card] form[data-interactive-question-form],
    [data-interactive-question-card] [data-iq-options-list],
    [data-interactive-question-card] [data-iq-guest-options] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    [data-interactive-question-card] [data-iq-options-list],
    [data-interactive-question-card] [data-iq-guest-options] {
        display: grid !important;
        gap: .65rem !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    [data-interactive-question-card] [data-iq-option-label].ft-iq-option,
    [data-interactive-question-card] a[data-iq-login-required].ft-iq-option,
    [data-interactive-question-card] .ft-iq-option {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        padding: 1rem !important;
        min-height: 4.75rem !important;
        display: flex !important;
        align-items: center !important;
        box-sizing: border-box !important;
    }

    [data-interactive-question-card] .ft-iq-option-letter {
        width: 2.45rem !important;
        height: 2.45rem !important;
        min-width: 2.45rem !important;
    }

    [data-interactive-question-card] .ft-iq-option span.min-w-0,
    [data-interactive-question-card] [data-iq-option-label] span.min-w-0,
    [data-interactive-question-card] a[data-iq-login-required] span.min-w-0 {
        font-size: 1rem !important;
        line-height: 1.5rem !important;
        overflow-wrap: anywhere !important;
    }

    /* Hide only the auto-submit "Select an option" button on mobile.
       Required-explanation questions keep their real submit button. */
    [data-interactive-question-card] form[data-iq-auto-submit="1"] [data-iq-submit-button],
    [data-interactive-question-card] form[data-iq-auto-submit="1"] [data-iq-final-submit-button] {
        display: none !important;
    }

    [data-interactive-question-card] form[data-iq-auto-submit="1"] [data-iq-submit-button] + *,
    [data-interactive-question-card] form[data-iq-auto-submit="1"] [data-iq-final-submit-button] + * {
        display: none !important;
    }

    /* Hide the result action buttons on mobile to keep the answer result clean. */
    [data-interactive-question-card] .ft-iq-actions,
    [data-interactive-question-card] .ft-iq-action-primary,
    [data-interactive-question-card] .ft-iq-action-secondary {
        display: none !important;
    }

    /* Make the result panel edge-to-edge, but keep its internal content padded. */
    [data-interactive-question-card] .ft-iq-result {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
    }

    [data-interactive-question-card] .ft-iq-answer,
    [data-interactive-question-card] .ft-iq-explanation {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
}