/* Scoped to article options; native Formidable controls and values remain intact. */
.frm_forms .frm_opt_container:has(.mrp-article-choice) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    column-count: 1 !important;
    gap: 0;
}
.frm_forms .frm_opt_container:has(.mrp-article-image) {
    grid-auto-rows: 1fr;
    --mrp-article-thumb: 64px;
    --mrp-article-row-min: 88px;
    --mrp-article-row-padding: 10px;
}
.frm_forms .frm_opt_container .frm_checkbox:has(.mrp-article-choice) {
    width: 100% !important;
    max-width: none;
    margin: 0;
    float: none;
}
.frm_forms .frm_checkbox label.mrp-article-choice,
.mrp-article-choice {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    min-height: 48px;
    height: 100%;
    box-sizing: border-box;
    padding: 12px 0;
    margin: 0;
    border-bottom: 1px solid #e3e7e5;
    cursor: pointer;
}
.frm_opt_container:has(.mrp-article-image) label.mrp-article-choice {
    grid-template-columns: 20px minmax(0, 1fr) var(--mrp-article-thumb);
    min-height: var(--mrp-article-row-min);
    padding-block: var(--mrp-article-row-padding);
}
.mrp-article-choice > input[type="checkbox"] {
    grid-column: 1;
    grid-row: 1;
    margin: 0 !important;
}
.mrp-article-choice .mrp-article-text {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    overflow-wrap: anywhere;
}
.mrp-article-choice:has(input:focus-visible) {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}
.mrp-article-choice .mrp-article-image,
.mrp-event-article-overview .mrp-article-image {
    object-fit: contain;
    background: #f4f6f5;
    border-radius: 4px;
}
.mrp-article-choice .mrp-article-image {
    width: var(--mrp-article-thumb);
    height: var(--mrp-article-thumb);
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
}
.mrp-article-text .mrp-article-unavailable-note,
.mrp-article-text .mrp-sammel-article-unavailable-note {
    display: block;
    margin-top: 4px;
}
.mrp-event-article-overview .mrp-article-image {
    width: 88px;
    height: 88px;
    display: block;
    margin-bottom: 8px;
}
@media (max-width: 480px) {
    .frm_forms .frm_checkbox label.mrp-article-choice,
    .mrp-article-choice { gap: 10px; }
    .frm_forms .frm_opt_container:has(.mrp-article-image) {
        --mrp-article-thumb: 52px;
        --mrp-article-row-min: 72px;
        --mrp-article-row-padding: 6px;
    }
}