/*
 * MADO inquiry-page-design.css — CURRENT DOM + DYNAMIC/PUBLIC RUNTIME REPAIRED
 * Updated: 2026-09-08
 * Canonical path: public/css/inquiry-page-design.css
 *
 * 2026-09-08 repair contract:
 * - The earlier current-DOM-only extraction removed public-form selectors that are not
 *   present in the editor snapshot. Public /form/... and detached preview still depend on them.
 * - Keep public-form styles, JS-generated state classes, and dynamic consent UI even when
 *   they are absent from one DOM snapshot. Do not judge them unused from DevTools strike-through alone.
 * - Consent editing is visually split into its own section, but inquiry_page_fields remains
 *   the single save/render SSOT. No second JSON, REST route, DB path, or preview renderer.
 * - 2026-09-08: dedicated consent role checkboxes own add/remove UI; normal field-role dropdowns do not expose consent roles.
 * - 2026-09-08: consent appearance is an always-open panel, not an accordion, and is shown when any one of the four consent roles exists.
 * - 2026-09-08: each consent_summary_font_size styles the visible consent details summary in both grouped and standalone layouts.
 * - 2026-09-08: consent_block_lead_font_size owns the visible consent intro independently from body size.
 * - 2026-09-08: editor preview panel width follows inquiry_page_form_max_width; text size must not change the block's outer width.
 * - 2026-09-08: the final grouped consent checkbox label has its own --mado-inquiry-consent-block-checkbox-font-size;
 *   its weight uses --mado-inquiry-consent-block-checkbox-font-weight, so size/weight changes stay on the clicked final label.
 * - 2026-09-08: the duplicated grouped-consent title line is no longer visible; the lead is the single visible intro copy.
 * - 2026-09-08: standalone marketing consent hides its redundant field label above the checkbox and uses the same 7px 20px detail padding / compact spacing as grouped consent.
 * - 2026-09-08: form checkboxes use a neutral fixed 14px control instead of inheriting the submit-button accent or text font size.
 * - 2026-09-08: long opened consent detail bodies scroll after a bounded height on both public form and editor preview.
 * - 2026-09-08: standalone consent fields use the same 18px inner inset as the grouped consent block, so details and checkbox rows align even when an item is excluded from grouping.
 * - 2026-09-08: consent-role toggles use tighter top rhythm; the consent picker options get breathing room without replacing the native select.
 * - 2026-09-08: editor preview field label-to-control gap is 10px, matching the public form. Custom-row delete is the same 30px control size as reorder arrows.
 * - 2026-09-08: inquiry_page_bg_* is also projected onto the editor workspace background; white setting surfaces remain white for contrast.
 * - 2026-09-08: the narrowed settings pane uses a 3-column category menu on desktop to avoid forced label wrapping.
 * - 2026-09-08: custom-field width controls use a compact title-to-input gap; the submit/content alignment fieldsets are vertically compact without changing their radio/save contract.
 */

#mado-inquiry-page-design .mado-design-editor__form {
    min-height: 100vh;
    padding: 30px;
    border: 0;
    border-radius: 0;
    background: var(--mado-inquiry-editor-page-bg, #ffffff);
    box-shadow: none;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-design__actions-bottom,
#mado-inquiry-page-design .mado-inquiry-design-saved-form-list {
    max-width: 100%;
}

#mado-inquiry-page-design .mado-inquiry-design-grid--layout > .mado-inquiry-design-field,
#mado-inquiry-page-design .mado-inquiry-design-grid--layout > .mado-inquiry-design-grid__item,
#mado-inquiry-page-design .mado-inquiry-design-grid--layout > .mado-ui-fieldset {
    grid-column: auto;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-grid--layout .mado-inquiry-design-grid__item--submit-width {
    order: 10;
    grid-column: 1;
}

#mado-inquiry-page-design .mado-inquiry-design-grid--layout .mado-inquiry-design-grid__item--submit-align {
    order: 12;
    grid-column: 1;
}

#mado-inquiry-page-design .mado-inquiry-design-grid--layout .mado-ui-fieldset,
#mado-inquiry-page-design .mado-inquiry-design-grid--layout .mado-inquiry-design-grid__item--submit-width,
#mado-inquiry-page-design .mado-inquiry-design-grid--layout .mado-inquiry-design-grid__item--content-offset,
#mado-inquiry-page-design .mado-inquiry-design-mode-group--shadow-required .mado-inquiry-design-grid--inner-two > * {
    height: 100%;
    padding: 14px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #ffffff;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-design-mode-group--shadow-required .mado-inquiry-design-grid--inner-two {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: stretch;
}

#mado-inquiry-page-design .mado-inquiry-design-mode-group--shadow-required .mado-inquiry-design-field--color {
    display: grid;
    align-content: start;
}

#mado-inquiry-page-design .mado-inquiry-design-install-method-group {
    display: grid;
    gap: 12px;
}

#mado-inquiry-page-design .mado-inquiry-design-install-method-group--saved {
    grid-template-columns: minmax(0, 1fr);
}

#mado-inquiry-page-design .mado-inquiry-design-install-card {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-height: 52px;
    margin: 0;
    padding: 13px 16px;
    border: 1.5px solid var(--mado-inquiry-choice-border);
    border-radius: 14px;
    background: var(--mado-inquiry-choice-bg);
    color: var(--mado-inquiry-text);
    text-align: left;
    box-shadow: none;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-design-install-card:hover,
#mado-inquiry-page-design .mado-inquiry-design-install-card:focus-within {
    border-color: var(--mado-inquiry-choice-border-strong);
    background: #f7fdff;
}

#mado-inquiry-page-design .mado-inquiry-design-install-card.is-active {
    border-color: var(--mado-inquiry-choice-border-strong);
    background: var(--mado-inquiry-choice-bg-active);
    box-shadow: 0 0 0 2px rgba(34, 200, 229, 0.08);
}

#mado-inquiry-page-design .mado-inquiry-design-install-card.is-disabled {
    opacity: 0.68;
    cursor: not-allowed;
}

#mado-inquiry-page-design .mado-inquiry-design-install-card input[type="radio"] {
    grid-column: 1;
    justify-self: center;
    align-self: center;
    width: 15px;
    height: 15px;
    margin: 0;
    accent-color: var(--mado-inquiry-choice-radio);
}

#mado-inquiry-page-design .mado-inquiry-design-install-card__title {
    grid-column: 2;
    min-width: 0;
    margin: 0;
    color: var(--mado-inquiry-text);
    font-size: 16px;
    line-height: 1.55;
    font-weight: 800;
    text-align: left;
    overflow-wrap: anywhere;
}

#mado-inquiry-page-design .mado-inquiry-design-install-panel,
#mado-inquiry-page-design .mado-inquiry-design-install-method-detail:not([hidden]) {
    border: 1.5px solid var(--mado-inquiry-choice-border-strong);
    border-radius: 14px;
    background: var(--mado-inquiry-choice-panel-bg-active);
    box-shadow: 0 0 0 2px rgba(34, 200, 229, 0.06);
}

#mado-inquiry-page-design .mado-inquiry-design-install-panel {
    display: grid;
    gap: 14px;
    margin-top: 12px;
    padding: 16px;
}

#mado-inquiry-page-design .mado-inquiry-design-install-method-detail {
    grid-column: 1 / -1;
    padding: 14px;
}

#mado-inquiry-page-design .mado-inquiry-design-install-method-detail:not([hidden]) {
    display: grid;
    gap: 14px;
}

#mado-inquiry-page-design .mado-inquiry-design-install-panel__title {
    margin: 0;
    color: var(--mado-inquiry-text);
    font-size: 16px;
    line-height: 1.45;
    font-weight: 800;
    text-align: left;
}

#mado-inquiry-page-design .mado-inquiry-design-iframe-materials {
    display: grid;
    gap: 14px;
    min-width: 0;
    margin-top: 20px;
}

#mado-inquiry-page-design .mado-inquiry-design-embed-panel:not([hidden]) {
    display: grid;
    gap: 12px;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-public-url-link {
    overflow-wrap: anywhere;
    word-break: break-word;
}

#mado-inquiry-page-design .mado-inquiry-design-public-url-link.is-disabled {
    color: #64748b;
    text-decoration: none;
    cursor: default;
}

#mado-inquiry-page-design .mado-inquiry-wordpress-page-guide {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    margin-top: 14px;
    padding: 16px;
    border: 1px solid var(--mado-brand-accent-border, #b9eeea);
    border-radius: 12px;
    background: #ffffff;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-wordpress-page-guide__copy {
    display: grid;
    gap: 8px;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-wordpress-page-guide__copy strong {
    color: #0f172a;
    font-size: 17px;
    line-height: 1.65;
    font-weight: 800;
}

#mado-inquiry-page-design .mado-inquiry-wordpress-page-guide__copy span {
    color: #334155;
    font-size: 17px;
    line-height: 1.8;
}

#mado-inquiry-page-design .mado-inquiry-wordpress-page-guide__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 46px;
    padding: 10px 18px;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 800;
    text-align: center;
    white-space: normal;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-design-install-toggle::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    background: currentColor;
    -webkit-mask-image: var(--mado-inquiry-settings-icon);
    mask-image: var(--mado-inquiry-settings-icon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

#mado-inquiry-page-design .mado-inquiry-design-action-icon {
    display: block;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    fill: currentColor;
}

#mado-inquiry-page-design .mado-inquiry-design-button--new-form {
    max-width: none;
    border-color: var(--mado-brand-accent, #06bfb5);
    background: #ffffff;
    color: var(--mado-brand-accent-text, #129f9e);
    box-shadow: none;
    white-space: nowrap;
}

#mado-inquiry-page-design .mado-inquiry-design-button--new-form:hover,
#mado-inquiry-page-design .mado-inquiry-design-button--new-form:focus-visible {
    border-color: var(--mado-brand-accent, #06bfb5);
    background: var(--mado-brand-accent-soft, #e6fbf9);
    color: var(--mado-brand-accent-text, #129f9e);
    box-shadow: none;
}

#mado-inquiry-page-design .mado-inquiry-design-button--new-form > span,
#mado-inquiry-page-design .mado-inquiry-design-button--preview > span,
#mado-inquiry-page-design .mado-inquiry-design-install-toggle > span {
    display: inline-block;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-save-button {
    min-width: 220px;
    min-height: 44px;
    border-radius: 999px;
    box-shadow: 0 16px 34px rgba(12, 229, 187, 0.25);
}

#mado-inquiry-page-design .mado-design-save-spinner {
    display: none;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.45);
    border-top-color: #ffffff;
    border-radius: 999px;
    flex: 0 0 16px;
    animation: mado-inquiry-design-save-spin 0.7s linear infinite;
}

#mado-inquiry-page-design .mado-inquiry-design-save-button.is-saving .mado-design-save-spinner {
    display: inline-block;
}

@keyframes mado-inquiry-design-save-spin {
    to {
        transform: rotate(360deg);
    }
}

#mado-inquiry-page-design .mado-inquiry-design-saved-form-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 96px;
    padding-bottom: 96px;
}

#mado-inquiry-page-design .mado-inquiry-design-saved-form-list__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

#mado-inquiry-page-design .mado-inquiry-design-saved-form-list__title {
    margin: 0;
    color: var(--mado-inquiry-text);
    font-size: 16px;
    line-height: 1.45;
    font-weight: 800;
}

#mado-inquiry-page-design .mado-inquiry-design-current-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    margin-left: 8px;
    padding: 2px 9px;
    border: 1px solid var(--mado-selection-accent, #f47a14);
    border-radius: 999px;
    background: var(--mado-selection-accent-soft, #fce7d9);
    color: var(--mado-selection-accent, #f47a14);
    font-size: 11px;
    line-height: 1.35;
    font-weight: 800;
    white-space: nowrap;
}

#mado-inquiry-page-design .mado-inquiry-form-accordion-list {
    display: block;
    width: 100%;
}

#mado-inquiry-page-design .mado-inquiry-form-accordion-list
    > .mado-inquiry-form-accordion-card
    + .mado-inquiry-form-accordion-card {
    margin-top: 12px;
}

#mado-inquiry-page-design .mado-inquiry-form-accordion-card {
    width: 100%;
    margin: 0;
    border: 1px solid var(--mado-ui-accordion-border-color, #d7e3ee);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: none;
    overflow: hidden;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-form-accordion-card.is-open {
    border-color: var(--mado-brand-accent, #06bfb5);
}

#mado-inquiry-page-design .mado-inquiry-form-accordion-card.is-current {
    border-color: var(--mado-brand-accent, #06bfb5);
}

#mado-inquiry-page-design .mado-inquiry-form-accordion-card__heading {
    margin: 0;
    padding: 0;
    font: inherit;
}

#mado-inquiry-page-design .mado-inquiry-form-accordion-card__trigger {
    appearance: none;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 42px;
    margin: 0;
    padding: 8px 14px;
    border: 0;
    background: #ffffff;
    color: var(--mado-inquiry-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
    box-shadow: none;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-form-accordion-card.is-current .mado-inquiry-form-accordion-card__trigger,
#mado-inquiry-page-design .mado-inquiry-form-accordion-card__trigger:hover,
#mado-inquiry-page-design .mado-inquiry-form-accordion-card__trigger:focus-visible {
    background: var(--mado-brand-accent-soft, #e6fbf9);
}

#mado-inquiry-page-design .mado-inquiry-form-accordion-card__trigger:focus {
    outline: none;
}

#mado-inquiry-page-design .mado-inquiry-form-accordion-card__trigger:focus-visible {
    outline: 3px solid var(--mado-brand-accent-ring, rgba(6, 191, 181, 0.2));
    outline-offset: -3px;
}

#mado-inquiry-page-design .mado-inquiry-form-accordion-card__title-line {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 800;
    white-space: nowrap;
}

#mado-inquiry-page-design .mado-inquiry-design-form-title {
    order: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#mado-inquiry-page-design .mado-inquiry-form-accordion-card__title-line .mado-inquiry-design-current-badge {
    order: 2;
    flex: 0 0 auto;
}

#mado-inquiry-page-design .mado-inquiry-form-accordion-card__icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-left: auto;
    flex: 0 0 18px;
    color: currentColor;
}

#mado-inquiry-page-design .mado-inquiry-form-accordion-card__icon::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 12px;
    height: 12px;
    margin: auto;
    background: currentColor;
    -webkit-mask-image: var(--mado-ui-accordion-plus-icon);
    mask-image: var(--mado-ui-accordion-plus-icon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

#mado-inquiry-page-design .mado-inquiry-form-accordion-card__trigger[aria-expanded="true"] .mado-inquiry-form-accordion-card__icon::before {
    -webkit-mask-image: var(--mado-ui-accordion-minus-icon);
    mask-image: var(--mado-ui-accordion-minus-icon);
}

#mado-inquiry-page-design .mado-inquiry-form-accordion-card__region {
    height: auto;
    padding: 0;
    background: #f8fbff;
    overflow: visible;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-form-accordion-card__region[hidden] {
    display: none;
}

#mado-inquiry-page-design .mado-inquiry-form-accordion-card__content {
    display: grid;
    gap: 16px;
    padding: 18px 20px 20px;
    border-top: 1px solid var(--mado-ui-accordion-body-border-color, #e8eef5);
    background: #f8fbff;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-form-accordion-card__toolbar {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#mado-inquiry-page-design .mado-inquiry-form-accordion-card__select-button {
    min-height: 36px;
    border-color: var(--mado-brand-accent, #06bfb5);
    background: #ffffff;
    color: var(--mado-brand-accent-text, #129f9e);
    text-decoration: none;
}

#mado-inquiry-page-design .mado-inquiry-form-accordion-card__select-button:hover,
#mado-inquiry-page-design .mado-inquiry-form-accordion-card__select-button:focus-visible {
    background: var(--mado-brand-accent-soft, #e6fbf9);
}

#mado-inquiry-page-design .mado-inquiry-design-form-meta-item {
    display: grid;
    gap: 4px;
    padding: 12px;
    border: 1px solid #dbe5ef;
    border-radius: 10px;
    background: #ffffff;
}

#mado-inquiry-page-design .mado-inquiry-design-form-meta-item__label {
    color: var(--mado-inquiry-muted);
    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
}

#mado-inquiry-page-design .mado-inquiry-design-form-meta-item__value {
    min-width: 0;
    color: var(--mado-inquiry-text);
    font-size: 13px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

#mado-inquiry-page-design .mado-inquiry-design-action-row--centered {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding-inline: 52px;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-design-action-row--centered .mado-inquiry-design-install-toggle--primary {
    width: min(100%, 320px);
    min-height: 48px;
    padding: 11px 24px;
    border: 1px solid var(--mado-brand-accent, #06bfb5);
    border-radius: 999px;
    background: var(--mado-brand-accent, #06bfb5);
    color: #ffffff;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 800;
    box-shadow: 0 10px 24px rgba(6, 191, 181, 0.24);
}

#mado-inquiry-page-design .mado-inquiry-design-action-row--centered .mado-inquiry-design-install-toggle--primary:hover,
#mado-inquiry-page-design .mado-inquiry-design-action-row--centered .mado-inquiry-design-install-toggle--primary:focus-visible {
    border-color: var(--mado-brand-accent-text, #129f9e);
    background: var(--mado-brand-accent-text, #129f9e);
    color: #ffffff;
    box-shadow: 0 12px 28px rgba(6, 191, 181, 0.30);
}

#mado-inquiry-page-design .mado-inquiry-design-action-row--centered .mado-inquiry-design-delete-icon-button {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

#mado-inquiry-page-design .mado-inquiry-design-field {
    display: grid;
    gap: 8px;
    min-width: 0;
    margin: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-fieldset {
    margin: 12px 0 0;
    padding: 0;
    border: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-schedule-fields {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    transition: opacity 140ms ease, filter 140ms ease;
}

#mado-inquiry-page-design .mado-inquiry-design-schedule-fields.is-inactive {
    opacity: 0.58;
}

#mado-inquiry-page-design .mado-inquiry-design-schedule-fields.is-inactive .mado-inquiry-design-field__label {
    color: #6b7280;
}

#mado-inquiry-page-design .mado-inquiry-design-schedule-fields.is-inactive input[type="datetime-local"] {
    border-color: #d1d5db;
    background: #f3f4f6;
    color: #6b7280;
}

#mado-inquiry-page-design .mado-inquiry-design-schedule-notification {
    margin-top: 20px;
}

#mado-inquiry-page-design .mado-inquiry-design-schedule-notification .mado-inquiry-notice-card {
    display: grid;
    gap: 6px;
}

#mado-inquiry-page-design .mado-inquiry-design-schedule-field input[type="datetime-local"] {
    cursor: pointer;
}

#mado-inquiry-page-design .mado-inquiry-design-schedule-field input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

#mado-inquiry-page-design .mado-ui-switch-input {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

#mado-inquiry-page-design .mado-ui-switch {
    align-items: center;
    gap: 9px;
}

#mado-inquiry-page-design .mado-ui-switch__label {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-grid {
    display: grid;
    gap: 12px 16px;
}

#mado-inquiry-page-design .mado-inquiry-design-grid .mado-inquiry-design-field,
#mado-inquiry-page-design .mado-inquiry-design-grid .mado-inquiry-design-fieldset {
    margin: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-grid .mado-inquiry-design-fieldset legend {
    margin-bottom: 8px;
}

#mado-inquiry-page-design .mado-inquiry-design-grid__item--submit-width {
    display: grid;
    gap: 6px;
}

#mado-inquiry-page-design .mado-inquiry-design-grid__item--submit-width .mado-inquiry-design__hint--submit-width {
    margin-top: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-grid--layout .mado-inquiry-design-grid__item--content-align,
#mado-inquiry-page-design .mado-inquiry-design-grid--colors .mado-inquiry-design-grid__item--border-mode {
    grid-column: 1 / -1;
}

#mado-inquiry-page-design .mado-inquiry-design-radio {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 6px 0;
    font-size: 14px;
    line-height: 1.5;
}

/* LAYOUT ALIGNMENT FIELDSETS / 配置2枠だけ縦寸法を詰める（2026-09-08）
 * - 「送信ボタンの配置」「フォームの配置」だけを対象にし、他のradio設定へ波及させない。
 * - mado-baseのchoice既定min-height 32pxをこの2枠だけ24pxへ縮め、上下marginも1pxにする。
 * - 保存値・radio DOM・配置判定は変更しない。 */
#mado-inquiry-page-design .mado-inquiry-design-grid__item--submit-align .mado-inquiry-design-radio,
#mado-inquiry-page-design .mado-inquiry-design-grid__item--content-align .mado-inquiry-design-radio {
    min-height: 24px;
    margin: 1px 0;
}

#mado-inquiry-page-design .mado-inquiry-design-radio > input[name="inquiry_page_table_label_vertical_align"] {
    margin-left: 10px;
}

#mado-inquiry-page-design .mado-inquiry-design-radio > input[name="mado_inquiry_schedule_enabled"],
#mado-inquiry-page-design .mado-inquiry-design-radio > input[name="inquiry_page_brand_mode"] {
    margin-left: 10px;
}

#mado-inquiry-page-design .mado-inquiry-design__hint {
    margin: 8px 0 0;
    color: #6b7280;
    font-size: 12px;
    line-height: 1.6;
}

#mado-inquiry-page-design .mado-inquiry-design__hint--flush {
    margin: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-help-label-row {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-grid__item--content-offset > input[type="number"] {
    width: 100%;
    max-width: none;
}

#mado-inquiry-page-design .mado-ui-help-details__panel ul {
    margin: 8px 0 0;
    padding-left: 1.35em;
}

#mado-inquiry-page-design .mado-ui-help-details__panel li + li {
    margin-top: 5px;
}

#mado-inquiry-page-design .mado-inquiry-design-field > input[type="text"],
#mado-inquiry-page-design .mado-inquiry-design-field > input[type="email"],
#mado-inquiry-page-design .mado-inquiry-design-field > input[type="datetime-local"],
#mado-inquiry-page-design .mado-inquiry-design-field > input[type="number"],
#mado-inquiry-page-design .mado-inquiry-design-field > select,
#mado-inquiry-page-design .mado-inquiry-design-field > textarea,
#mado-inquiry-page-design textarea.large-text {
    width: 100%;
    max-width: none;
    min-height: var(--mado-ui-control-height, 42px);
    padding: 8px 12px;
    border: 1px solid var(--mado-ui-control-border, #cbd5e1);
    border-radius: var(--mado-ui-control-radius, 8px);
    background: var(--mado-ui-control-bg, #ffffff);
    color: var(--mado-ui-control-text, #0f172a);
    font: inherit;
    font-size: 14px;
    line-height: 1.4;
    box-shadow: none;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-design-field > input[type="number"] {
    text-align: center;
}

#mado-inquiry-page-design .mado-inquiry-design-field > select,
#mado-inquiry-page-design .mado-inquiry-cf-row__field select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: var(--mado-ui-select-arrow);
    background-repeat: no-repeat;
    background-position: right var(--mado-ui-select-arrow-offset, 24px) center;
    background-size: 10px 6px;
    padding-right: var(--mado-ui-select-padding-right, 44px);
}

#mado-inquiry-page-design .mado-inquiry-design-field > textarea,
#mado-inquiry-page-design textarea.large-text {
    min-height: 118px;
    resize: vertical;
}

#mado-inquiry-page-design .mado-inquiry-design-field > input:focus,
#mado-inquiry-page-design .mado-inquiry-design-field > select:focus,
#mado-inquiry-page-design .mado-inquiry-design-field > textarea:focus,
#mado-inquiry-page-design textarea.large-text:focus {
    border-color: #475569;
    outline: 1px solid rgba(71, 85, 105, 0.22);
    outline-offset: 0;
    box-shadow: none;
}

#mado-inquiry-page-design .mado-inquiry-design-field__color-control.mado-ui-color-control,
#mado-inquiry-page-design .mado-inquiry-design-field__color-control {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    width: 100%;
}

#mado-inquiry-page-design .mado-inquiry-design-field__color-control input[type="color"] {
    width: 52px;
    min-width: 52px;
    height: 38px;
    padding: 2px;
    border: 1px solid var(--mado-ui-control-border, #cbd5e1);
    border-radius: var(--mado-ui-control-radius, 8px);
    background: #ffffff;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-design-color-code {
    width: 100%;
    max-width: none;
    font-size: 15px;
}

#mado-inquiry-page-design .mado-inquiry-design-v2-mode-group__title {
    margin: 0 0 14px;
}

#mado-inquiry-page-design .mado-inquiry-design-mode-group {
    grid-column: 1 / -1;
    padding: 14px;
    border: 1px solid #d8e4ef;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: none;
}

#mado-inquiry-page-design .mado-inquiry-design-grid--colors-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 16px;
}

#mado-inquiry-page-design .mado-inquiry-design-grid--inner-two {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
}

#mado-inquiry-page-design .mado-inquiry-design-grid--inner-two .mado-inquiry-design-field,
#mado-inquiry-page-design .mado-inquiry-design-grid--inner-two .mado-inquiry-design-fieldset {
    min-width: 0;
    margin: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-consent-section {
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid #d8e4ef;
    border-radius: 12px;
    background: #ffffff;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-design-consent-section + .mado-inquiry-design-consent-section {
    margin-top: 12px;
}

#mado-inquiry-page-design .mado-inquiry-design-consent-section__heading {
    display: none;
    margin: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-consent-summary-label {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 800;
}

#mado-inquiry-page-design .mado-inquiry-design-consent-section > .mado-inquiry-design-grid--inner-two > .mado-inquiry-design-field {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-design-consent-font-size-control {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-consent-font-size-control > input[type="number"] {
    width: 150px;
    max-width: 150px;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-consent-font-size-unit {
    color: #475569;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
}

#mado-inquiry-page-design .mado-inquiry-design-grid__item--border-mode .mado-inquiry-design-radio {
    padding-left: 10px;
}

#mado-inquiry-page-design .mado-inquiry-design-v2-mode-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

#mado-inquiry-page-design .mado-inquiry-design-v2-mode-tab {
    min-height: 72px;
    padding: 14px 16px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-v2-mode-tab .mado-ui-mode-card__title {
    display: block;
}

#mado-inquiry-page-design .mado-inquiry-design-v2-mode-panel-shell {
    margin-top: 0;
    border-radius: 0 0 12px 12px;
}

#mado-inquiry-page-design .mado-inquiry-design-v2-mode-panel {
    gap: 16px;
}

#mado-inquiry-page-design .mado-inquiry-design-v2-gradient-grid {
    gap: 18px 28px;
}

#mado-inquiry-page-design .mado-inquiry-design-v2-color-field {
    margin: 0;
    gap: 4px;
}

#mado-inquiry-page-design .mado-inquiry-design-v2-color-field > .mado-inquiry-design-field__label.mado-ui-field__label {
    font-weight: 700;
}

#mado-inquiry-page-design .mado-inquiry-custom-fields-admin {
    margin-top: 4px;
}

#mado-inquiry-page-design .mado-inquiry-consent-group-guide {
    margin: 0 0 12px;
    padding: 10px 14px;
    border: 1px solid #d7e3e0;
    border-radius: 10px;
    background: #f6faf9;
    color: #526764;
    font-size: 12px;
    line-height: 1.7;
}

#mado-inquiry-page-design .mado-inquiry-custom-fields-slot__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#mado-inquiry-page-design .mado-inquiry-custom-fields-slot__list > .mado-inquiry-cf-row {
    margin-bottom: 0;
}

#mado-inquiry-page-design .mado-inquiry-cf-insert {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 8px 0 6px;
}

#mado-inquiry-page-design .mado-inquiry-custom-fields-slot__list > .mado-inquiry-cf-insert:not(.mado-inquiry-cf-insert--start) {
    align-items: center;
    min-height: 32px;
    margin: 0;
}

#mado-inquiry-page-design .mado-inquiry-cf-insert__button,
#mado-inquiry-page-design .button.mado-inquiry-cf-insert__button,
#mado-inquiry-page-design button.mado-inquiry-cf-insert__button {
    appearance: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    padding: 0;
    border: 1px solid #4b5563;
    border-radius: 999px;
    background: #ffffff;
    background-image: none;
    color: #111827;
    box-shadow: none;
    text-shadow: none;
    transform: none;
    line-height: 1;
}

#mado-inquiry-page-design .mado-inquiry-cf-insert__button:hover,
#mado-inquiry-page-design .mado-inquiry-cf-insert__button:focus,
#mado-inquiry-page-design .mado-inquiry-cf-insert__button:focus-visible,
#mado-inquiry-page-design .mado-inquiry-cf-insert__button:active {
    border-color: #374151;
    background: #f3f4f6;
    background-image: none;
    color: #111827;
    box-shadow: 0 0 0 2px rgba(75, 85, 99, 0.12);
    transform: none;
    outline: none;
}

#mado-inquiry-page-design .mado-inquiry-cf-insert__icon {
    display: block;
    width: 15px;
    height: 15px;
    fill: currentColor;
}

#mado-inquiry-page-design .mado-inquiry-cf-insert__button[data-mado-tooltip]::after {
    content: attr(data-mado-tooltip);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 8px);
    z-index: 40;
    min-width: max-content;
    padding: 4px 7px;
    border-radius: 7px;
    background: #0f172a;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 3px);
    transition: opacity 0.14s ease, transform 0.14s ease;
    white-space: nowrap;
}

#mado-inquiry-page-design .mado-inquiry-cf-insert__button[data-mado-tooltip]::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: calc(100% + 4px);
    z-index: 40;
    border: 4px solid transparent;
    border-top-color: #0f172a;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 3px);
    transition: opacity 0.14s ease, transform 0.14s ease;
}

#mado-inquiry-page-design .mado-inquiry-cf-insert__button[data-mado-tooltip]:hover::after,
#mado-inquiry-page-design .mado-inquiry-cf-insert__button[data-mado-tooltip]:focus-visible::after,
#mado-inquiry-page-design .mado-inquiry-cf-insert__button[data-mado-tooltip]:hover::before,
#mado-inquiry-page-design .mado-inquiry-cf-insert__button[data-mado-tooltip]:focus-visible::before {
    opacity: 1;
    transform: translate(-50%, 0);
}

#mado-inquiry-page-design .mado-inquiry-cf-row__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__meta {
    display: flex;
    align-items: center;
    gap: 8px;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__system-tag {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--mado-brand-accent-soft, #e6fbf9);
    color: var(--mado-brand-accent-text, #129f9e);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__system-tag.is-custom {
    background: #f3e8ff;
    color: #6d28d9;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__order {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

#mado-inquiry-page-design .mado-inquiry-cf-order-button,
#mado-inquiry-page-design .button.mado-inquiry-cf-order-button,
#mado-inquiry-page-design button.mado-inquiry-cf-order-button,
#mado-inquiry-page-design .mado-inquiry-cf-row__order [data-mado-if-up].mado-inquiry-cf-order-button,
#mado-inquiry-page-design .mado-inquiry-cf-row__order [data-mado-if-down].mado-inquiry-cf-order-button {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    padding: 0;
    border: 1px solid #4b5563;
    border-radius: 9px;
    background: #ffffff;
    background-image: none;
    color: #374151;
    box-shadow: none;
    text-shadow: none;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
}

#mado-inquiry-page-design .mado-inquiry-cf-order-button:hover,
#mado-inquiry-page-design .mado-inquiry-cf-order-button:focus,
#mado-inquiry-page-design .mado-inquiry-cf-order-button:focus-visible,
#mado-inquiry-page-design .mado-inquiry-cf-order-button:active {
    border-color: #374151;
    background: #f3f4f6;
    background-image: none;
    color: #111827;
    box-shadow: 0 0 0 2px rgba(75, 85, 99, 0.12);
    outline: none;
    transform: none;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__field {
    display: flex;
    flex-direction: column;
    min-width: 0;
    max-width: 100%;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__field--span2 {
    grid-column: 1 / -1;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__field > span {
    display: block;
    margin-bottom: 4px;
    font-size: 14px;
    color: #374151;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__label-text {
    display: inline-block;
    line-height: 1.2;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__label-line {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-height: 20px;
    margin-bottom: 4px;
    line-height: 1.2;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__label-line--spacer {
    visibility: hidden;
    pointer-events: none;
}

#mado-inquiry-page-design .mado-inquiry-cf-help-chip {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: 22px;
    height: 22px;
    min-width: 22px;
    min-height: 22px;
    margin: 0 0 0 4px;
    padding: 0;
    cursor: pointer;
    user-select: none;
    flex: 0 0 auto;
    vertical-align: middle;
}

#mado-inquiry-page-design .mado-inquiry-cf-help-chip .mado-site-qa__help-chip-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    margin: 0;
    border-radius: 999px;
    background: #e9fff4;
    border: 1px solid #8ce2ba;
    box-shadow: none;
    color: #0f7a5a;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    pointer-events: none;
    transition: background-color 0.16s ease, color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

#mado-inquiry-page-design .mado-inquiry-cf-help-chip:hover .mado-site-qa__help-chip-mark,
#mado-inquiry-page-design .mado-inquiry-cf-help-chip:focus-visible .mado-site-qa__help-chip-mark,
#mado-inquiry-page-design .mado-inquiry-cf-help-chip.is-open .mado-site-qa__help-chip-mark {
    background: #16a34a;
    border-color: #16a34a;
    color: #ffffff;
    box-shadow: 0 10px 18px rgba(21, 128, 61, 0.22);
    transform: translateY(-1px);
}

#mado-inquiry-page-design .mado-inquiry-cf-help-chip:focus-visible {
    outline: none;
}

#mado-inquiry-page-design .mado-inquiry-cf-help-chip:focus-visible .mado-site-qa__help-chip-mark {
    outline: 2px solid #16a34a;
    outline-offset: 2px;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__field input,
#mado-inquiry-page-design .mado-inquiry-cf-row__field select,
#mado-inquiry-page-design .mado-inquiry-cf-row__field textarea {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border: 1px solid #9fb3ae;
    border-radius: 6px;
    background: #ffffff;
    font-size: 14px;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__field input:not([type="checkbox"]):not([type="radio"]),
#mado-inquiry-page-design .mado-inquiry-cf-row__field select {
    min-height: 32px;
    height: 32px;
    padding: 3px 10px;
    line-height: 1.3;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__field select {
    padding-right: 34px;
    background-position: right 12px center;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__field textarea {
    min-height: 94px;
    padding: 6px 10px;
    line-height: 1.45;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__field input:focus,
#mado-inquiry-page-design .mado-inquiry-cf-row__field select:focus,
#mado-inquiry-page-design .mado-inquiry-cf-row__field textarea:focus {
    border-color: #475569;
    outline: 1px solid rgba(71, 85, 105, 0.22);
    outline-offset: 0;
    box-shadow: none;
}

#mado-inquiry-page-design .mado-inquiry-field-aggregate {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__check-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    min-height: 32px;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__check-row .mado-inquiry-cf-required-label {
    display: inline;
    flex: 0 1 auto;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #374151;
    text-align: right;
    white-space: nowrap;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__check-row input[type="checkbox"] {
    width: auto;
    min-width: 13px;
    height: 13px;
    min-height: 13px;
    margin: 0;
    flex: 0 0 auto;
}

#mado-inquiry-page-design .mado-inquiry-cf-row input[type="checkbox"] {
    accent-color: var(--mado-brand-accent, #06bfb5);
}

#mado-inquiry-page-design .mado-inquiry-cf-row__field--required,
#mado-inquiry-page-design .mado-inquiry-field-aggregate {
    grid-column: auto;
    align-self: start;
    justify-self: start;
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    text-align: left;
}

#mado-inquiry-page-design .mado-inquiry-field-aggregate {
    min-height: 32px;
    overflow: visible;
}

#mado-inquiry-page-design .mado-inquiry-field-aggregate__label-spacer {
    margin-bottom: 4px;
}

#mado-inquiry-page-design .mado-inquiry-field-aggregate__control {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    min-height: 32px;
    height: 32px;
    min-width: 0;
    max-width: 100%;
    padding: 3px 10px;
    border: 1px solid #9fb3ae;
    border-radius: 6px;
    background: #ffffff;
    box-sizing: border-box;
    white-space: nowrap;
}

#mado-inquiry-page-design .mado-inquiry-field-aggregate.is-aggregate-placeholder .mado-inquiry-field-aggregate__control {
    visibility: hidden;
    pointer-events: none;
}

#mado-inquiry-page-design .mado-inquiry-field-aggregate__text {
    display: inline-flex;
    align-items: center;
    flex: 0 1 auto;
    min-width: 0;
    max-width: calc(100% - 64px);
    margin: 0;
    color: var(--mado-inquiry-text);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#mado-inquiry-page-design .mado-inquiry-field-aggregate__check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    flex: 0 0 auto;
    line-height: 0;
    white-space: nowrap;
    cursor: pointer;
}

#mado-inquiry-page-design .mado-inquiry-field-aggregate__check input[type="checkbox"] {
    display: block;
    width: auto;
    min-width: 0;
    min-height: 0;
    margin: 0;
    flex: 0 0 auto;
}

#mado-inquiry-page-design .mado-inquiry-field-aggregate__help-chip {
    flex: 0 0 auto;
    margin: 0;
    z-index: 260;
}

#mado-inquiry-page-design .mado-inquiry-design-install-panel[hidden],
#mado-inquiry-page-design .mado-inquiry-design-install-method-detail[hidden],
#mado-inquiry-page-design .mado-inquiry-design-embed-panel[hidden] {
    display: none;
}

#mado-inquiry-page-design .mado-inquiry-design-section-panel[hidden] {
    display: none;
}

#mado-inquiry-page-design .mado-inquiry-design-section-shell,
#mado-inquiry-page-design .mado-inquiry-design-section-panels,
#mado-inquiry-page-design .mado-inquiry-design-section-panel {
    background: transparent;
}

#mado-inquiry-page-design .mado-inquiry-design-section-panel__surface {
    background: #ffffff;
}

#mado-inquiry-page-design .mado-inquiry-design-section-panel__surface {
    display: grid;
    gap: 16px;
    min-width: 0;
    min-height: 100%;
    padding: 16px 16px 18px;
    border: 0;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: none;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-design-section-panel__header {
    display: grid;
    gap: 8px;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-section-panel__title-row {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    overflow: visible;
}

#mado-inquiry-page-design .mado-inquiry-design-section-panel__title-row .mado-ui-help-details {
    position: relative;
    z-index: 80;
}

#mado-inquiry-page-design .mado-inquiry-design-section-panel__header,
#mado-inquiry-page-design .mado-inquiry-design-section-panel__surface {
    overflow: visible;
}

#mado-inquiry-page-design .mado-inquiry-design-section-panel__title {
    margin: 0;
    color: var(--mado-inquiry-text);
    font-size: 19px;
    line-height: 1.45;
    font-weight: 800;
}

#mado-inquiry-page-design .mado-inquiry-design-section-panel__description {
    margin: 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.7;
}

#mado-inquiry-page-design .mado-inquiry-design-section-panel__body {
    display: grid;
    gap: 16px;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-section-panel__body > .mado-ui-accordion-card,
#mado-inquiry-page-design .mado-inquiry-design-section-panel__body > .mado-inquiry-design-section-card {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

#mado-inquiry-page-design .mado-inquiry-design-section-panel__body > .mado-ui-accordion-card::before,
#mado-inquiry-page-design .mado-inquiry-design-section-panel__body > .mado-inquiry-design-section-card::before {
    content: none;
    display: none;
}

#mado-inquiry-page-design .mado-inquiry-design-section-panel__body > .mado-ui-accordion-card > .mado-ui-accordion__header,
#mado-inquiry-page-design .mado-inquiry-design-section-panel__body > .mado-inquiry-design-section-card > .mado-ui-accordion__header {
    display: none;
}

#mado-inquiry-page-design .mado-inquiry-design-section-panel__body > .mado-ui-accordion-card > .mado-ui-accordion__body,
#mado-inquiry-page-design .mado-inquiry-design-section-panel__body > .mado-inquiry-design-section-card > .mado-ui-accordion__body,
#mado-inquiry-page-design .mado-inquiry-design-section-panel__body > .mado-inquiry-design-section-card > .mado-inquiry-design-section-card__body {
    padding: 0;
    background: transparent;
}

#mado-inquiry-page-design .mado-inquiry-design-section-panel__body .mado-design-accordion-bottom-close {
    display: none;
}

#mado-inquiry-page-design .mado-inquiry-design-section-panel__surface .mado-inquiry-design-saved-form-list {
    margin-top: 0;
    padding-bottom: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-section-panel__surface .mado-inquiry-design-section-card__trigger,
#mado-inquiry-page-design .mado-inquiry-design-section-panel__surface .mado-inquiry-design-section-card.is-open .mado-inquiry-design-section-card__trigger,
#mado-inquiry-page-design .mado-inquiry-design-section-panel__surface .mado-inquiry-design-section-card__body {
    background: #ffffff;
}

#mado-inquiry-page-design .mado-inquiry-layout-style-settings {
    display: grid;
    gap: 12px;
    margin: 0 0 18px;
    padding: 16px;
    border: 1px solid #c3cdd7;
    border-radius: 14px;
    background: #ffffff;
}

#mado-inquiry-page-design .mado-inquiry-layout-style-settings__options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

#mado-inquiry-page-design .mado-inquiry-layout-style-settings__option {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding: 12px;
    border: 1px solid #d8e4ef;
    border-radius: 12px;
    background: #ffffff;
    cursor: pointer;
}

#mado-inquiry-page-design .mado-inquiry-layout-style-settings__option:has(input:checked) {
    border-color: var(--mado-brand-accent, #06bfb5);
    background: var(--mado-brand-accent-soft, #e6fbf9);
}

#mado-inquiry-page-design .mado-inquiry-layout-style-settings__option input {
    margin: 3px 0 0;
    accent-color: var(--mado-brand-accent, #06bfb5);
}

#mado-inquiry-page-design .mado-inquiry-layout-style-settings__option span {
    display: grid;
    gap: 4px;
}

#mado-inquiry-page-design .mado-inquiry-layout-style-settings__option.is-legacy {
    border-style: dashed;
    background: #f8fafc;
}

#mado-inquiry-page-design .mado-inquiry-table-style-settings {
    display: grid;
    gap: 12px;
    margin: 0 0 18px;
    padding: 16px;
    border: 1px solid #c3cdd7;
    border-radius: 14px;
    background: #ffffff;
}

#mado-inquiry-page-design .mado-inquiry-table-style-settings[hidden] {
    display: none;
}

/*
 * PUBLIC FORM RUNTIME RESTORE / 公開フォームCSS復元（2026-09-08）
 * - /form/... と「プレビュー」遷移は editor snapshot に存在しない body.mado-public-inquiry-page を使う。
 * - current DOMだけの抽出で削除すると公開フォームが素のHTMLに近い表示へ崩れるため、公開route用CSSは保持する。
 * - 以下は2026-09-08 03:08版の公開フォーム現役blockを復元。後段の最新consent/grouped rulesを優先する。
 */
html.mado-public-inquiry-html,
html.mado-public-inquiry-html body.mado-public-inquiry-page {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    min-height: 100%;
    box-shadow: none;
    overflow-x: hidden;
}

html.mado-public-inquiry-html::before,
html.mado-public-inquiry-html::after,
html.mado-public-inquiry-html body.mado-public-inquiry-page::before,
html.mado-public-inquiry-html body.mado-public-inquiry-page::after {
    content: none;
    display: none;
}

html.mado-public-inquiry-html #page,
html.mado-public-inquiry-html .site,
html.mado-public-inquiry-html .site-content,
html.mado-public-inquiry-html .content-area,
html.mado-public-inquiry-html .site-main,
html.mado-public-inquiry-html .inside-article,
html.mado-public-inquiry-html .entry-content,
html.mado-public-inquiry-html .separate-containers .inside-article,
html.mado-public-inquiry-html .grid-container,
html.mado-public-inquiry-html body.mado-public-inquiry-page > main.mado-public-inquiry {
    border: 0;
    outline: 0;
    background: transparent;
    box-shadow: none;
}

html.mado-public-inquiry-html.mado-public-inquiry-html--embed,
html.mado-public-inquiry-html.mado-public-inquiry-html--embed body.mado-public-inquiry-page.mado-public-inquiry-page--embed {
    min-height: 0;
    background: transparent;
}

html.mado-public-inquiry-html body.mado-public-inquiry-page.mado-public-inquiry-page--embed {
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

html.mado-public-inquiry-html body.mado-public-inquiry-page.mado-public-inquiry-page--embed > main.mado-public-inquiry.mado-public-inquiry--embed {
    min-height: auto;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    align-items: flex-start;
    justify-content: flex-start;
}

html.mado-public-inquiry-html body.mado-public-inquiry-page.mado-public-inquiry-page--embed .mado-public-inquiry__panel {
    margin-top: 0;
    margin-bottom: 0;
}

body.mado-public-inquiry-page {
    margin: 0;
    min-height: 100vh;
    background: #eef4f3;
    color: #1a2a2a;
    font-family: var(--ai-chat-font-family, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

body.mado-public-inquiry-page .mado-public-inquiry {
    --mado-inquiry-input-font-size: 16px;
    --mado-inquiry-input-inline-padding: clamp(8px, calc(var(--mado-inquiry-input-min-height, 46px) * 0.26), 12px);
    --mado-inquiry-input-line-height: 1.1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: none;
    min-height: 100vh;
    margin: 0;
    padding: 48px 18px;
    box-sizing: border-box;
    background: var(--mado-inquiry-bg, var(--mado-inquiry-bg-color, #f4f8f7));
}

body.mado-public-inquiry-page .mado-public-inquiry__panel {
    width: var(--mado-inquiry-form-max-width, 720px);
    max-width: calc(100vw - 36px);
    min-width: 280px;
    flex: 0 0 auto;
    box-sizing: border-box;
}

/*
 * LAYOUT RENDERERS / 公開フォーム型ごとの表示責任（2026-07-27）
 * - split: 見出しとフォームカードを分離する通常フォーム型。
 * - table: 見出しとフォームカードを分離し、各fieldを項目名セル＋入力セルとして描画する。
 * - boxed: 旧保存値の互換表示のみ。新しい呼び出し元を追加しない。
 */
body.mado-public-inquiry-page .mado-public-inquiry--layout-boxed .mado-public-inquiry__panel {
    padding: 0;
    border: 1px solid var(--mado-inquiry-card-border-color, var(--mado-inquiry-input-border-color, #c4d4d1));
    border-radius: var(--mado-inquiry-radius, 8px);
    background: var(--mado-inquiry-card-bg, var(--mado-inquiry-card-bg-color, #ffffff));
    box-shadow: var(--mado-inquiry-card-shadow, 0 18px 40px rgba(18, 38, 36, 0.12));
    overflow: hidden;
}

body.mado-public-inquiry-page .mado-public-inquiry--layout-boxed .mado-public-inquiry__header {
    margin: 0;
    padding: var(--mado-inquiry-card-padding, 32px);
    border-bottom: 1px solid var(--mado-inquiry-card-border-color, var(--mado-inquiry-input-border-color, #c4d4d1));
}

body.mado-public-inquiry-page .mado-public-inquiry--layout-boxed .mado-public-inquiry__form {
    padding: var(--mado-inquiry-card-padding, 32px);
}
body.mado-public-inquiry-page .mado-public-inquiry__form {
    display: block;
}
body.mado-public-inquiry-page .mado-public-inquiry__form > .mado-public-inquiry__trap + .mado-public-inquiry__field,
body.mado-public-inquiry-page .mado-public-inquiry__form > .mado-public-inquiry__field + .mado-public-inquiry__field,
body.mado-public-inquiry-page .mado-public-inquiry__form > .mado-public-inquiry__field + .mado-public-inquiry__actions,
body.mado-public-inquiry-page .mado-public-inquiry__form > .mado-public-inquiry__actions + .mado-public-inquiry__brand {
    margin-top: var(--mado-inquiry-field-gap, 16px);
}

body.mado-public-inquiry-page .mado-public-inquiry--align-left .mado-public-inquiry__panel {
    margin-left: var(--mado-inquiry-content-offset-left, 0px);
    margin-right: auto;
}

body.mado-public-inquiry-page .mado-public-inquiry--align-center .mado-public-inquiry__panel {
    margin-inline: auto;
}

body.mado-public-inquiry-page .mado-public-inquiry--btn-custom .mado-public-inquiry__submit {
    width: min(100%, var(--mado-inquiry-button-custom-width, 220px));
}

body.mado-public-inquiry-page .mado-public-inquiry--submit-left .mado-public-inquiry__actions {
    justify-content: flex-start;
    text-align: left;
}

body.mado-public-inquiry-page .mado-public-inquiry--submit-center .mado-public-inquiry__actions {
    justify-content: center;
    text-align: center;
}

body.mado-public-inquiry-page .mado-public-inquiry--submit-right .mado-public-inquiry__actions {
    justify-content: flex-end;
    text-align: right;
}

body.mado-public-inquiry-page .mado-public-inquiry__header {
    margin-bottom: 0;
}
body.mado-public-inquiry-page .mado-public-inquiry__eyebrow {
    margin: 0 0 8px;
    padding: 0;
    transform: translate(
        var(--mado-inquiry-eyebrow-offset-x, 0px),
        var(--mado-inquiry-eyebrow-offset-y, 0px)
    );
    color: var(--mado-inquiry-label-color, #102c2a);
    font-family: var(--mado-inquiry-eyebrow-font-family, "Noto Sans JP", "Noto Sans", sans-serif);
    font-size: var(--mado-inquiry-eyebrow-font-size, 13px);
    line-height: 1.5;
    font-weight: var(--mado-inquiry-eyebrow-font-weight, 800);
    opacity: 0.92;
}

body.mado-public-inquiry-page .mado-public-inquiry__title {
    margin: 0 0 10px;
    padding: 0;
    transform: translate(
        var(--mado-inquiry-title-offset-x, 0px),
        var(--mado-inquiry-title-offset-y, 0px)
    );
    color: var(--mado-inquiry-title-color, #102c2a);
    font-family: var(--mado-inquiry-title-font-family, "Noto Sans JP", "Noto Sans", sans-serif);
    font-size: var(--mado-inquiry-title-font-size, 28px);
    line-height: 1.3;
    font-weight: var(--mado-inquiry-title-font-weight, 700);
    letter-spacing: 0;
}

body.mado-public-inquiry-page .mado-public-inquiry__lead {
    margin: 0;
    padding: 0;
    transform: translate(
        var(--mado-inquiry-description-offset-x, 0px),
        var(--mado-inquiry-description-offset-y, 0px)
    );
    color: var(--mado-inquiry-text-color, #526764);
    font-family: var(--mado-inquiry-description-font-family, "Noto Sans JP", "Noto Sans", sans-serif);
    font-size: var(--mado-inquiry-description-font-size, 15px);
    line-height: 1.8;
    font-weight: var(--mado-inquiry-description-font-weight, 400);
}

body.mado-public-inquiry-page .mado-public-inquiry__notice {
    margin: 0 0 20px;
    padding: 14px 16px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.7;
}

body.mado-public-inquiry-page .mado-public-inquiry__notice p {
    margin: 6px 0 0;
}

body.mado-public-inquiry-page .mado-public-inquiry__notice p:first-child {
    margin-top: 0;
}

body.mado-public-inquiry-page .mado-public-inquiry__notice ul {
    margin: 8px 0 0;
    padding-left: 20px;
}

body.mado-public-inquiry-page .mado-public-inquiry__notice-title {
    font-weight: 800;
}

body.mado-public-inquiry-page .mado-public-inquiry__notice.is-success {
    border: 1px solid #91cdae;
    background: #f2fbf5;
    color: #14532d;
    font-family: var(--mado-inquiry-success-font-family, "Noto Sans JP", "Noto Sans", sans-serif);
    font-size: var(--mado-inquiry-success-font-size, 14px);
    font-weight: var(--mado-inquiry-success-font-weight, 600);
}

body.mado-public-inquiry-page .mado-public-inquiry__notice.is-error {
    border: 1px solid #f2a7a7;
    background: #fff5f5;
    color: #8a1f1f;
}

body.mado-public-inquiry-page .mado-public-inquiry__field {
    display: grid;
    gap: 10px;
    min-width: 0;
}

body.mado-public-inquiry-page .mado-public-inquiry__field label,
body.mado-public-inquiry-page .mado-public-inquiry__choice legend {
    padding-left: var(--mado-inquiry-label-offset-x, 0px);
    color: var(--mado-inquiry-label-color, #102c2a);
    font-family: var(--mado-inquiry-label-font-family, "Noto Sans JP", "Noto Sans", sans-serif);
    font-size: var(--mado-inquiry-label-font-size, 14px);
    line-height: 1.5;
    font-weight: var(--mado-inquiry-label-font-weight, 800);
}

body.mado-public-inquiry-page .mado-public-inquiry__field > label:first-child,
body.mado-public-inquiry-page .mado-public-inquiry__choice > legend {
    transform: translateY(var(--mado-inquiry-label-offset-y, 0px));
}

body.mado-public-inquiry-page .mado-public-inquiry__field label .mado-public-inquiry__badge,
body.mado-public-inquiry-page .mado-public-inquiry__badge {
    margin-left: 6px;
    color: var(--mado-inquiry-required-badge-color, var(--mado-inquiry-button-bg-color, #0f766e));
    font-size: 12px;
    font-weight: 700;
}

body.mado-public-inquiry-page .mado-public-inquiry__field input:not([type="radio"]):not([type="checkbox"]),
body.mado-public-inquiry-page .mado-public-inquiry__field textarea,
body.mado-public-inquiry-page .mado-public-inquiry__field select,
body.mado-public-inquiry-page .mado-public-inquiry__choice,
body.mado-public-inquiry-page .mado-public-inquiry__choice-options {
    width: 100%;
    max-width: var(--mado-inquiry-item-width, 100%);
    box-sizing: border-box;
}

body.mado-public-inquiry-page .mado-public-inquiry__field input:not([type="radio"]):not([type="checkbox"]),
body.mado-public-inquiry-page .mado-public-inquiry__field textarea,
body.mado-public-inquiry-page .mado-public-inquiry__field select {
    border: 1px solid var(--mado-inquiry-input-border-color, #c4d4d1);
    border-radius: var(--mado-inquiry-radius, 8px);
    background: var(--mado-inquiry-input-bg-color, #ffffff);
    color: var(--mado-inquiry-input-text-color, #102c2a);
    font-family: var(--mado-inquiry-input-font-family, "Noto Sans JP", "Noto Sans", sans-serif);
    font-size: var(--mado-inquiry-input-font-size, 16px);
    font-weight: var(--mado-inquiry-input-font-weight, 400);
    box-sizing: border-box;
}

body.mado-public-inquiry-page .mado-public-inquiry__field input:not([type="radio"]):not([type="checkbox"]),
body.mado-public-inquiry-page .mado-public-inquiry__field select {
    min-height: var(--mado-inquiry-input-min-height, 46px);
    padding: 0 var(--mado-inquiry-input-inline-padding, 12px);
    line-height: var(--mado-inquiry-input-line-height, 1.1);
}

body.mado-public-inquiry-page .mado-public-inquiry__field select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 18px center;
    background-size: 10px 6px;
    padding-right: 36px;
}

body.mado-public-inquiry-page .mado-public-inquiry__field textarea {
    min-height: var(--mado-inquiry-textarea-min-height, 160px);
    padding: 8px 12px;
    line-height: 1.5;
    resize: none;
    overflow-y: auto;
}

body.mado-public-inquiry-page .mado-public-inquiry__field input:focus,
body.mado-public-inquiry-page .mado-public-inquiry__field textarea:focus,
body.mado-public-inquiry-page .mado-public-inquiry__field select:focus {
    border-color: #1aa394;
    box-shadow: 0 0 0 2px rgba(26, 163, 148, 0.16);
}

body.mado-public-inquiry-page .mado-public-inquiry__field input:focus-visible,
body.mado-public-inquiry-page .mado-public-inquiry__field textarea:focus-visible,
body.mado-public-inquiry-page .mado-public-inquiry__field select:focus-visible {
    outline: 2px solid rgba(26, 163, 148, 0.32);
    outline-offset: 2px;
}

body.mado-public-inquiry-page .mado-public-inquiry__choice {
    margin: 0;
    padding: 0;
    border: 0;
}

body.mado-public-inquiry-page .mado-public-inquiry__choice-options,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__choice-options {
    display: grid;
    gap: 10px;
}

body.mado-public-inquiry-page .mado-public-inquiry__choice-item,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__choice-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--mado-inquiry-input-text-color, #102c2a);
    font-family: var(--mado-inquiry-input-font-family, "Noto Sans JP", "Noto Sans", sans-serif);
    font-size: var(--mado-inquiry-input-font-size, 16px);
    line-height: 1.5;
    font-weight: var(--mado-inquiry-input-font-weight, 400);
}

body.mado-public-inquiry-page .mado-public-inquiry__choice-item input[type="radio"],
body.mado-public-inquiry-page .mado-public-inquiry__choice-item input[type="checkbox"],
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__choice-item input[type="radio"],
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__choice-item input[type="checkbox"] {
    min-height: 0;
    margin: 3px 0 0;
    padding: 0;
    flex-shrink: 0;
}

body.mado-public-inquiry-page .mado-public-inquiry__choice-item input[type="radio"],
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__choice-item input[type="radio"] {
    width: 1.1em;
    height: 1.1em;
    accent-color: var(--mado-inquiry-button-bg-color, #0f766e);
}

body.mado-public-inquiry-page .mado-public-inquiry__choice-item input[type="checkbox"],
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__choice-item input[type="checkbox"] {
    width: 14px;
    height: 14px;
    accent-color: #666666;
}

body.mado-public-inquiry-page .mado-public-inquiry__choice-item input[type="radio"]:focus,
body.mado-public-inquiry-page .mado-public-inquiry__choice-item input[type="checkbox"]:focus,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__choice-item input[type="radio"]:focus,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__choice-item input[type="checkbox"]:focus {
    outline: 2px solid rgba(26, 163, 148, 0.35);
    outline-offset: 2px;
}

body.mado-public-inquiry-page .mado-public-inquiry__consent-copy,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-copy {
    display: grid;
    gap: 10px;
    margin-bottom: 8px;
    color: var(--mado-inquiry-text-color, #526764);
    font-size: 14px;
    line-height: 1.8;
    font-weight: 400;
}

body.mado-public-inquiry-page .mado-public-inquiry__consent-description,
body.mado-public-inquiry-page .mado-public-inquiry__consent-link-row,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-description,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-link-row {
    margin: 0;
    color: inherit;
    font-weight: 400;
}

body.mado-public-inquiry-page .mado-public-inquiry__consent-description,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-description {
    line-height: 1.65;
}

body.mado-public-inquiry-page .mado-public-inquiry__consent-detail,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-detail {
    border: 1px solid rgba(15, 118, 110, 0.16);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.56);
    padding: 10px 12px;
}

body.mado-public-inquiry-page .mado-public-inquiry__consent-detail summary,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-detail summary {
    cursor: pointer;
    color: var(--mado-inquiry-label-color, #102c2a);
    font-weight: 600;
    line-height: 1.6;
}

body.mado-public-inquiry-page .mado-public-inquiry__consent-detail-body,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-detail-body {
    margin-top: 10px;
    color: inherit;
    font-weight: 400;
    line-height: 1.8;
}

body.mado-public-inquiry-page .mado-public-inquiry__consent-link,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-link {
    color: var(--mado-inquiry-button-bg-color, #0f766e);
    text-decoration: underline;
    text-underline-offset: 2px;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field--consent-group {
    width: 100%;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-group {
    --mado-inquiry-consent-group-text-color: var(--mado-inquiry-text-color, #526764);
    --mado-inquiry-consent-group-summary-color: var(--mado-inquiry-label-color, #102c2a);
    --mado-inquiry-consent-group-font-size: var(--mado-inquiry-description-font-size, 14px);
    --mado-inquiry-consent-group-title-font-size: calc(var(--mado-inquiry-consent-group-font-size) + 2px);
    --mado-inquiry-consent-group-lead-font-size: var(--mado-inquiry-consent-block-lead-font-size, var(--mado-inquiry-consent-group-font-size));
    --mado-inquiry-consent-group-checkbox-font-size: var(--mado-inquiry-consent-block-checkbox-font-size, 14px);
    --mado-inquiry-consent-group-border-color: var(--mado-inquiry-input-border-color, #c4d4d1);
    --mado-inquiry-consent-group-background-color: rgba(246, 250, 249, 0.92);
    display: grid;
    gap: 14px;
    padding: 18px;
    border: 1px solid var(--mado-inquiry-consent-group-border-color);
    border-radius: 14px;
    background: var(--mado-inquiry-consent-group-background-color);
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface.mado-public-inquiry--consent-custom .mado-public-inquiry__consent-group {
    --mado-inquiry-consent-group-text-color: var(--mado-inquiry-consent-block-text-color, #526764);
    --mado-inquiry-consent-group-summary-color: var(--mado-inquiry-consent-block-summary-color, #102c2a);
    --mado-inquiry-consent-group-font-size: var(--mado-inquiry-consent-block-font-size, 14px);
    --mado-inquiry-consent-group-border-color: var(--mado-inquiry-consent-block-border-color, #d7e3e0);
    --mado-inquiry-consent-group-background-color: var(--mado-inquiry-consent-block-background-color, #f6faf9);
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-group-copy,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-group-item-body {
    display: grid;
    gap: 10px;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-inquiry-preview-consent-group-copy__main {
    display: grid;
    gap: 10px;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-group-lead {
    margin: 0;
    color: var(--mado-inquiry-consent-group-text-color);
    font-size: var(--mado-inquiry-consent-group-lead-font-size);
    line-height: 1.8;
    font-weight: 400;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-group-items {
    display: grid;
    gap: 8px;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field--consent-group .mado-public-inquiry__consent-detail {
    border-color: var(--mado-inquiry-consent-group-border-color);
    background: rgba(255, 255, 255, 0.82);
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field--consent-group .mado-public-inquiry__consent-detail summary {
    color: var(--mado-inquiry-consent-group-summary-color);
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field--consent-group .mado-public-inquiry__consent-description,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field--consent-group .mado-public-inquiry__consent-detail-body,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field--consent-group .mado-public-inquiry__consent-link-row {
    color: var(--mado-inquiry-consent-group-text-color);
    font-size: var(--mado-inquiry-consent-group-font-size);
    line-height: 1.8;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-group-check {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--mado-inquiry-consent-group-summary-color);
    font-size: var(--mado-inquiry-consent-group-checkbox-font-size);
    line-height: 1.6;
    font-weight: var(--mado-inquiry-consent-block-checkbox-font-weight, 500);
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-group-check input[type="checkbox"] {
    width: 14px;
    height: 14px;
    min-height: 0;
    margin: 0;
    flex: 0 0 14px;
    accent-color: #666666;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-group-check-label {
    color: inherit;
}

body.mado-public-inquiry-page .mado-inquiry-birth-date-selects {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    max-width: 100%;
}

body.mado-public-inquiry-page .mado-inquiry-birth-date-selects > select {
    flex: 0 1 min(100%, var(--mado-inquiry-item-width, 100%));
    width: min(100%, var(--mado-inquiry-item-width, 100%));
    max-width: 100%;
    min-width: 0;
}

body.mado-public-inquiry-page .mado-public-inquiry__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    width: 100%;
}

body.mado-public-inquiry-page .mado-public-inquiry__submit,
body.mado-public-inquiry-page .mado-public-inquiry__link-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 18px;
    border-radius: var(--mado-inquiry-radius, 8px);
    font-family: var(--mado-inquiry-button-font-family, "Noto Sans JP", "Noto Sans", sans-serif);
    font-size: var(--mado-inquiry-button-font-size, 15px);
    line-height: 1.4;
    font-weight: var(--mado-inquiry-button-font-weight, 800);
    text-decoration: none;
    cursor: pointer;
}

body.mado-public-inquiry-page .mado-public-inquiry__submit {
    border: 1px solid var(--mado-inquiry-button-bg-color, #0f766e);
    background: var(--mado-inquiry-button-bg-color, #0f766e);
    color: var(--mado-inquiry-button-text-color, #ffffff);
}

body.mado-public-inquiry-page .mado-public-inquiry__submit:hover,
body.mado-public-inquiry-page .mado-public-inquiry__submit:focus {
    border-color: var(--mado-inquiry-button-bg-color, #0f766e);
    background: var(--mado-inquiry-button-bg-color, #0f766e);
    color: var(--mado-inquiry-button-text-color, #ffffff);
    filter: brightness(0.94);
}

body.mado-public-inquiry-page .mado-public-inquiry__link-button {
    border: 1px solid var(--mado-inquiry-input-border-color, #c4d4d1);
    background: var(--mado-inquiry-input-bg-color, #ffffff);
    color: var(--mado-inquiry-input-text-color, #102c2a);
}

body.mado-public-inquiry-page .mado-public-inquiry__link-button:hover,
body.mado-public-inquiry-page .mado-public-inquiry__link-button:focus {
    border-color: var(--mado-inquiry-button-bg-color, #0f766e);
    color: var(--mado-inquiry-button-bg-color, #0f766e);
    text-decoration: none;
}

body.mado-public-inquiry-page .mado-public-inquiry__brand {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    color: var(--mado-inquiry-text-color, #526764);
    font-size: 12px;
    line-height: 1.5;
}

body.mado-public-inquiry-page .mado-public-inquiry__brand-powered {
    color: inherit;
    text-decoration: none;
}

body.mado-public-inquiry-page .mado-public-inquiry__brand-powered:hover,
body.mado-public-inquiry-page .mado-public-inquiry__brand-powered:focus-visible {
    text-decoration: underline;
}

body.mado-public-inquiry-page .mado-public-inquiry__brand-logo {
    width: auto;
    max-height: 36px;
    object-fit: contain;
}

body.mado-public-inquiry-page .mado-public-inquiry__brand--compact {
    margin-top: 8px;
}

body.mado-public-inquiry-page .mado-public-inquiry__brand--footer,
html.mado-public-inquiry-html body.mado-public-inquiry-page .mado-public-inquiry__brand--footer {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 0;
    box-shadow: none;
    font-size: 11px;
    line-height: 1.35;
    opacity: 0.72;
    text-align: right;
}

body.mado-public-inquiry-page .mado-public-inquiry__brand--footer .mado-public-inquiry__brand-powered {
    font-size: 11px;
    font-weight: 500;
}

body.mado-public-inquiry-page .mado-public-inquiry__brand--footer .mado-public-inquiry__brand-logo {
    display: none;
}

body.mado-public-inquiry-page .mado-public-inquiry__trap {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface.mado-public-inquiry {
    --mado-inquiry-input-font-size: 16px;
    --mado-inquiry-input-inline-padding: clamp(8px, calc(var(--mado-inquiry-input-min-height, 46px) * 0.26), 12px);
    --mado-inquiry-input-line-height: 1.1;
    display: flex;
    align-items: flex-start;
    /* Fits: center. Too wide: fall back to start so the form's left edge remains visible. */
    justify-content: safe center;
    padding: 24px;
    border: 0;
    border-radius: 20px;
    background: var(--mado-inquiry-bg, var(--mado-inquiry-bg-color, #f4f8f7));
    box-shadow: none;
    overflow-x: auto;
    overflow-y: visible;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface.mado-public-inquiry .mado-public-inquiry__form {
    display: block;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface.mado-public-inquiry:not(.mado-public-inquiry--layout-table) .mado-public-inquiry__form [data-inquiry-fields-preview-list] > .mado-public-inquiry__field + .mado-public-inquiry__field,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface.mado-public-inquiry .mado-public-inquiry__form > [data-inquiry-fields-preview-list] + .mado-public-inquiry__actions,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface.mado-public-inquiry .mado-public-inquiry__form > .mado-public-inquiry__actions + .mado-public-inquiry__brand {
    margin-top: var(--mado-inquiry-field-gap, 16px);
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface.mado-public-inquiry.mado-public-inquiry--align-center .mado-public-inquiry__panel {
    margin-inline: auto;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__header {
    margin-bottom: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__eyebrow {
    margin: 0 0 8px;
    padding: 0;
    transform: translate(
        var(--mado-inquiry-eyebrow-offset-x, 0px),
        var(--mado-inquiry-eyebrow-offset-y, 0px)
    );
    color: var(--mado-inquiry-label-color, #102c2a);
    font-family: var(--mado-inquiry-eyebrow-font-family, "Noto Sans JP", "Noto Sans", sans-serif);
    font-size: var(--mado-inquiry-eyebrow-font-size, 13px);
    line-height: 1.5;
    font-weight: var(--mado-inquiry-eyebrow-font-weight, 800);
    opacity: 0.92;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__title {
    margin: 0 0 10px;
    padding: 0;
    color: var(--mado-inquiry-title-color, #102c2a);
    font-family: var(--mado-inquiry-title-font-family, "Noto Sans JP", "Noto Sans", sans-serif);
    font-size: var(--mado-inquiry-title-font-size, 28px);
    line-height: 1.3;
    font-weight: var(--mado-inquiry-title-font-weight, 700);
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__lead {
    margin: 0;
    padding: 0;
    transform: translate(
        var(--mado-inquiry-description-offset-x, 0px),
        var(--mado-inquiry-description-offset-y, 0px)
    );
    color: var(--mado-inquiry-text-color, #526764);
    font-family: var(--mado-inquiry-description-font-family, "Noto Sans JP", "Noto Sans", sans-serif);
    font-size: var(--mado-inquiry-description-font-size, 15px);
    line-height: 1.8;
    font-weight: var(--mado-inquiry-description-font-weight, 400);
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-inquiry-preview-header__title-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px 12px;
    min-width: 0;
    transform: translate(
        var(--mado-inquiry-title-offset-x, 0px),
        var(--mado-inquiry-title-offset-y, 0px)
    );
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-inquiry-preview-header__title-row > .mado-public-inquiry__title {
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field {
    display: grid;
    gap: 10px;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-inquiry-preview-field__head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
    transform: none;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface [data-mado-preview-inline-editable="1"] {
    border-radius: 4px;
    cursor: pointer;
    outline: none;
    box-shadow: none;
    transition: background-color 0.12s ease;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface [data-mado-preview-inline-editable="1"]:hover,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface [data-mado-preview-inline-editable="1"]:focus-visible {
    background: rgba(255, 255, 255, 0.42);
    outline: none;
    box-shadow: none;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface [data-mado-preview-inline-editable="1"].is-inline-editing {
    min-width: 1.5em;
    cursor: text;
    background: rgba(255, 255, 255, 0.58);
    outline: none;
    box-shadow: none;
    caret-color: #0f172a;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface [data-mado-preview-inline-editable="1"]:empty::before {
    content: "文字を入力";
    color: #94a3b8;
    font-weight: 500;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__panel {
    position: relative;
    width: var(--mado-inquiry-form-max-width, 720px);
    max-width: none;
    min-width: min(280px, var(--mado-inquiry-form-max-width, 720px));
    flex: 0 0 auto;
    box-sizing: border-box;
    overflow: visible;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__form {
    position: relative;
    overflow: visible;
    isolation: isolate;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__form > .mado-inquiry-preview-quick-tools {
    position: absolute;
    top: -15px;
    right: 72px;
    z-index: 47;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: auto;
    margin: 0;
    padding: 0;
}

#mado-inquiry-page-design .mado-inquiry-preview-submit-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    max-width: 100%;
}

#mado-inquiry-page-design .mado-inquiry-preview-submit-wrap > .mado-inquiry-preview-quick-tools--submit {
    position: absolute;
    top: -15px;
    right: -15px;
    z-index: 49;
    display: inline-flex;
    align-items: center;
    width: auto;
    margin: 0;
    padding: 0;
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-tools__button {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    min-height: 30px;
    max-height: 30px;
    margin: 0;
    padding: 6px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #334155;
    box-shadow: 0 5px 14px rgba(15, 23, 42, 0.14);
    cursor: pointer;
    box-sizing: border-box;
    font: inherit;
    line-height: 1;
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-tools__button svg {
    display: block;
    width: 16px;
    height: 16px;
    fill: currentColor;
    pointer-events: none;
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-tools__button:hover,
#mado-inquiry-page-design .mado-inquiry-preview-quick-tools__button:focus-visible,
#mado-inquiry-page-design .mado-inquiry-preview-quick-tools__button.is-active {
    border-color: #64748b;
    background: #ffffff;
    color: #0f172a;
    outline: 2px solid rgba(100, 116, 139, 0.16);
    outline-offset: 1px;
    box-shadow: 0 7px 18px rgba(15, 23, 42, 0.18);
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-tools [data-mado-inline-tip]::after {
    content: attr(data-mado-inline-tip);
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 6;
    width: max-content;
    max-width: min(260px, calc(100vw - 24px));
    padding: 5px 8px;
    border-radius: 7px;
    background: #334155;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.35;
    text-align: left;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-2px);
    transition: opacity 0.08s ease, transform 0.08s ease;
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-tools [data-mado-inline-tip]:hover::after,
#mado-inquiry-page-design .mado-inquiry-preview-quick-tools [data-mado-inline-tip]:focus-visible::after {
    opacity: 1;
    transform: translateY(0);
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-panel-host {
    position: fixed;
    inset: 0;
    z-index: 2147483450;
    pointer-events: none;
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-panel-host > .mado-inquiry-preview-quick-panel {
    position: fixed;
    z-index: 2147483500;
    width: min(500px, calc(100vw - 24px));
    max-height: min(560px, calc(100vh - 24px));
    max-height: min(560px, calc(100dvh - 24px));
    margin: 0;
    overflow: auto;
    border: 1px solid #cbd5e1;
    border-radius: 14px;
    background: #ffffff;
    color: #0f172a;
    box-shadow: 0 20px 48px rgba(15, 23, 42, 0.24);
    box-sizing: border-box;
    pointer-events: auto;
    transform: none;
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-panel-host > .mado-inquiry-preview-quick-panel--submit {
    width: min(360px, calc(100vw - 24px));
    max-height: min(420px, calc(100vh - 24px));
    max-height: min(420px, calc(100dvh - 24px));
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-panel-host > .mado-inquiry-preview-quick-panel.is-dragging {
    user-select: none;
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-panel[hidden] {
    display: none;
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-panel__header {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 42px;
    padding: 9px 12px;
    border-bottom: 1px solid #e2e8f0;
    background: rgba(255, 255, 255, 0.98);
    cursor: move;
    touch-action: none;
    user-select: none;
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-panel.is-dragging .mado-inquiry-preview-quick-panel__header {
    cursor: grabbing;
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-panel__header strong {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 800;
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-panel__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    min-width: 28px;
    height: 28px;
    min-height: 28px;
    padding: 0;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    background: #ffffff;
    color: #334155;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-panel__body {
    display: grid;
    gap: 10px;
    padding: 12px;
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-panel__group {
    display: grid;
    gap: 9px;
    padding: 10px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-panel__group > strong,
#mado-inquiry-page-design .mado-inquiry-preview-quick-panel__group-head > strong {
    font-size: 12px;
    line-height: 1.4;
    font-weight: 800;
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-panel__group-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-panel__modes {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-panel__modes button {
    min-height: 30px;
    padding: 5px 9px;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    background: #ffffff;
    color: #334155;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-panel__modes button.is-active {
    border-color: #475569;
    background: #475569;
    color: #ffffff;
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-panel__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-panel__grid[hidden] {
    display: none;
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-panel__grid--size {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-panel__grid--submit-colors {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

#mado-inquiry-page-design .mado-inquiry-preview-submit-align {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
}

#mado-inquiry-page-design .mado-inquiry-preview-submit-align button {
    min-height: 34px;
    padding: 6px 9px;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    background: #ffffff;
    color: #334155;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
}

#mado-inquiry-page-design .mado-inquiry-preview-submit-align button:hover,
#mado-inquiry-page-design .mado-inquiry-preview-submit-align button:focus-visible,
#mado-inquiry-page-design .mado-inquiry-preview-submit-align button.is-active {
    border-color: #475569;
    background: #475569;
    color: #ffffff;
    outline: none;
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-panel__grid label {
    display: grid;
    gap: 5px;
    min-width: 0;
    color: #475569;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.35;
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-panel__grid input {
    width: 100%;
    min-width: 0;
    height: 34px;
    min-height: 34px;
    padding: 5px 7px;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    background: #ffffff;
    color: #0f172a;
    font-size: 12px;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-panel__grid input[type="color"] {
    padding: 3px;
    cursor: pointer;
}

#mado-inquiry-page-design .mado-inquiry-preview-quick-panel__grid input:focus {
    border-color: #475569;
    outline: 2px solid rgba(71, 85, 105, 0.14);
    outline-offset: 0;
    box-shadow: none;
}

#mado-inquiry-page-design .mado-inquiry-cf-row.is-preview-linked {
    background: #f4f8fb;
    box-shadow: 0 0 0 1px rgba(71, 85, 105, 0.18);
    transition: background-color 0.18s ease, box-shadow 0.18s ease;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface [data-mado-inline-field-control="choice"] {
    cursor: pointer;
}

@media (max-width: 720px) {
#mado-inquiry-page-design .mado-inquiry-preview-quick-panel__grid,
#mado-inquiry-page-design .mado-inquiry-preview-quick-panel__grid--size {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__form > .mado-inquiry-preview-quick-tools {
        right: 12px;
    }
}

@media (max-width: 520px) {
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__form > .mado-inquiry-preview-quick-tools {
        right: 6px;
    }

#mado-inquiry-page-design .mado-inquiry-preview-quick-panel__grid,
#mado-inquiry-page-design .mado-inquiry-preview-quick-panel__grid--size {
        grid-template-columns: minmax(0, 1fr);
    }
}

.mado-inquiry-preview-inline-toolbar {
    position: fixed;
    z-index: 2147483400;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 7px;
    width: max-content;
    max-width: min(760px, calc(100vw - 16px));
    padding: 7px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.985);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.16);
    box-sizing: border-box;
}

.mado-inquiry-preview-inline-toolbar[hidden],
.mado-inquiry-preview-inline-toolbar__field-actions[hidden],
.mado-inquiry-preview-inline-toolbar__field-panel[hidden],
.mado-inquiry-preview-inline-toolbar__field-panel-field[hidden],
.mado-inquiry-preview-inline-toolbar__field-panel-check[hidden] {
    display: none;
}

.mado-inquiry-preview-inline-toolbar__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.mado-inquiry-preview-inline-toolbar__field-actions {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    padding-left: 6px;
    border-left: 1px solid #e2e8f0;
}

.mado-inquiry-preview-inline-toolbar__nav,
.mado-inquiry-preview-inline-toolbar__control input,
.mado-inquiry-preview-inline-toolbar__control select,
.mado-inquiry-preview-inline-toolbar__field-panel input[type="text"],
.mado-inquiry-preview-inline-toolbar__field-panel select,
.mado-inquiry-preview-inline-toolbar__field-panel textarea,
.mado-inquiry-preview-inline-toolbar__field-panel-submit {
    height: 34px;
    min-height: 34px;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    background: #ffffff;
    color: #0f172a;
    font-family: var(--mado-font-family-base, "Noto Sans JP", sans-serif);
    font-size: 13px;
    line-height: 1.2;
    box-sizing: border-box;
}

.mado-inquiry-preview-inline-toolbar__nav {
    width: 34px;
    min-width: 34px;
    padding: 0;
    cursor: pointer;
    font-size: 17px;
    font-weight: 800;
}

.mado-inquiry-preview-inline-toolbar__nav:disabled {
    cursor: default;
    opacity: 0.38;
}

.mado-inquiry-preview-inline-toolbar__change {
    width: auto;
    min-width: 52px;
    padding: 0 9px;
    font-size: 12px;
    font-weight: 800;
}

.mado-inquiry-preview-inline-toolbar__control {
    position: relative;
    display: inline-flex;
    min-width: 0;
}

.mado-inquiry-preview-inline-toolbar__control input {
    width: 68px;
    padding: 5px 7px;
    text-align: center;
}

.mado-inquiry-preview-inline-toolbar__control--font select {
    width: 170px;
    padding: 5px 30px 5px 9px;
}

.mado-inquiry-preview-inline-toolbar__field-panel {
    display: grid;
    gap: 7px;
    width: min(680px, calc(100vw - 32px));
    min-width: 0;
    padding-top: 8px;
    border-top: 1px solid #e2e8f0;
}

.mado-inquiry-preview-inline-toolbar__field-panel-heading {
    display: flex;
    align-items: center;
    min-height: 20px;
    color: #334155;
    font-size: 12px;
    line-height: 1.35;
}

.mado-inquiry-preview-inline-toolbar__field-panel-heading strong {
    font-weight: 800;
}

.mado-inquiry-preview-inline-toolbar__field-panel-grid {
    display: grid;
    grid-template-columns: minmax(140px, 1.2fr) minmax(150px, 1fr) minmax(130px, 0.9fr);
    gap: 8px 10px;
    align-items: end;
    min-width: 0;
}

.mado-inquiry-preview-inline-toolbar__field-panel-field {
    display: grid;
    gap: 4px;
    min-width: 0;
    color: #475569;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
}

.mado-inquiry-preview-inline-toolbar__field-panel-field input,
.mado-inquiry-preview-inline-toolbar__field-panel-field select,
.mado-inquiry-preview-inline-toolbar__field-panel-field textarea {
    width: 100%;
    min-width: 0;
    padding: 5px 9px;
}

.mado-inquiry-preview-inline-toolbar__field-panel-field--options {
    grid-column: 1 / -1;
}

.mado-inquiry-preview-inline-toolbar__field-panel-field textarea {
    display: block;
    min-height: 92px;
    height: 92px;
    resize: vertical;
    line-height: 1.45;
    white-space: pre-wrap;
}

.mado-inquiry-preview-inline-toolbar__field-panel-checks {
    grid-column: 1 / 3;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 20px;
    min-height: 34px;
    padding: 0 4px;
}

.mado-inquiry-preview-inline-toolbar__field-panel-check {
    display: inline-flex;
    align-items: center;
    gap: 0.75em;
    min-width: 0;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    white-space: nowrap;
}

.mado-inquiry-preview-inline-toolbar__field-panel-check input[type="checkbox"] {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    margin: 0;
}

.mado-inquiry-preview-inline-toolbar__field-panel-submit {
    grid-column: 3;
    min-width: 88px;
    padding: 0 12px;
    border-color: #475569;
    background: #475569;
    color: #ffffff;
    cursor: pointer;
    font-weight: 800;
}

.mado-inquiry-preview-inline-toolbar__nav:not(:disabled):hover,
.mado-inquiry-preview-inline-toolbar__nav:not(:disabled):focus-visible,
.mado-inquiry-preview-inline-toolbar__control input:focus,
.mado-inquiry-preview-inline-toolbar__control select:focus,
.mado-inquiry-preview-inline-toolbar__field-panel input[type="text"]:focus,
.mado-inquiry-preview-inline-toolbar__field-panel select:focus,
.mado-inquiry-preview-inline-toolbar__field-panel textarea:focus {
    border-color: #475569;
    outline: 1px solid rgba(71, 85, 105, 0.22);
    outline-offset: 0;
    box-shadow: none;
}

.mado-inquiry-preview-inline-toolbar__field-panel-submit:hover,
.mado-inquiry-preview-inline-toolbar__field-panel-submit:focus-visible {
    border-color: #334155;
    background: #334155;
    outline: 1px solid rgba(51, 65, 85, 0.22);
    outline-offset: 0;
    box-shadow: none;
}

.mado-inquiry-preview-inline-toolbar [data-mado-inline-tip]::after {
    content: attr(data-mado-inline-tip);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 7px);
    z-index: 2;
    min-width: max-content;
    padding: 4px 7px;
    border-radius: 6px;
    background: #334155;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 2px);
    transition: opacity 0.08s ease, transform 0.08s ease;
}

.mado-inquiry-preview-inline-toolbar [data-mado-inline-tip] {
    position: relative;
}

.mado-inquiry-preview-inline-toolbar [data-mado-inline-tip]:hover::after,
.mado-inquiry-preview-inline-toolbar [data-mado-inline-tip]:focus-visible::after,
.mado-inquiry-preview-inline-toolbar [data-mado-inline-tip]:focus-within::after {
    opacity: 1;
    transform: translate(-50%, 0);
}

@media (max-width: 880px) {
.mado-inquiry-preview-inline-toolbar__field-actions {
        margin-left: 0;
    }

.mado-inquiry-preview-inline-toolbar__field-panel-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

.mado-inquiry-preview-inline-toolbar__field-panel-checks {
        grid-column: 1;
    }

.mado-inquiry-preview-inline-toolbar__field-panel-submit {
        grid-column: 2;
    }
}

@media (max-width: 560px) {
.mado-inquiry-preview-inline-toolbar__field-panel-grid {
        grid-template-columns: minmax(0, 1fr);
    }

.mado-inquiry-preview-inline-toolbar__field-panel-checks,
.mado-inquiry-preview-inline-toolbar__field-panel-submit {
        grid-column: 1;
    }
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-inquiry-preview-field__label-text {
    display: inline;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-inquiry-preview-field__label {
    display: inline-flex;
    padding-left: var(--mado-inquiry-label-offset-x, 0px);
    transform: translateY(var(--mado-inquiry-label-offset-y, 0px));
    align-items: baseline;
    min-width: 0;
    gap: 0 6px;
    flex-wrap: wrap;
    color: var(--mado-inquiry-label-color, #102c2a);
    font-family: var(--mado-inquiry-label-font-family, "Noto Sans JP", "Noto Sans", sans-serif);
    font-size: var(--mado-inquiry-label-font-size, 14px);
    line-height: 1.5;
    font-weight: var(--mado-inquiry-label-font-weight, 800);
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-inquiry-preview-field__label .mado-public-inquiry__badge {
    margin-left: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-inquiry-preview-field__control-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 10px 12px;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-inquiry-preview-field__control-row > input:not([type="radio"]):not([type="checkbox"]),
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-inquiry-preview-field__control-row > textarea,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-inquiry-preview-field__control-row > select {
    grid-column: 1;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__badge {
    margin-left: 6px;
    color: var(--mado-inquiry-required-badge-color, var(--mado-inquiry-button-bg-color, #0f766e));
    font-size: 12px;
    font-weight: 700;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field input:not([type="radio"]):not([type="checkbox"]),
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field textarea,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field select {
    width: 100%;
    max-width: var(--mado-inquiry-item-width, 100%);
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field input:not([type="radio"]):not([type="checkbox"]),
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field textarea,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field select {
    border: 1px solid var(--mado-inquiry-input-border-color, #c4d4d1);
    border-radius: var(--mado-inquiry-radius, 8px);
    background: var(--mado-inquiry-input-bg-color, #ffffff);
    color: var(--mado-inquiry-input-text-color, #102c2a);
    font-family: var(--mado-inquiry-input-font-family, "Noto Sans JP", "Noto Sans", sans-serif);
    font-size: var(--mado-inquiry-input-font-size, 16px);
    font-weight: var(--mado-inquiry-input-font-weight, 400);
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field input:not([type="radio"]):not([type="checkbox"]),
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field select {
    min-height: var(--mado-inquiry-input-min-height, 46px);
    padding: 0 var(--mado-inquiry-input-inline-padding, 12px);
    line-height: var(--mado-inquiry-input-line-height, 1.1);
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 18px center;
    background-size: 10px 6px;
    padding-right: 36px;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field textarea {
    min-height: var(--mado-inquiry-textarea-min-height, 160px);
    padding: 8px 12px;
    line-height: 1.5;
    resize: none;
    overflow-y: auto;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field input:focus,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field textarea:focus,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field select:focus {
    border-color: #475569;
    box-shadow: 0 0 0 1px rgba(71, 85, 105, 0.16);
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field input:focus:not(:focus-visible),
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field textarea:focus:not(:focus-visible),
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field select:focus:not(:focus-visible) {
    outline: none;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field input:focus-visible,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field textarea:focus-visible,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field select:focus-visible {
    outline: 1px solid rgba(71, 85, 105, 0.28);
    outline-offset: 2px;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    width: 100%;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface.mado-public-inquiry--submit-center .mado-public-inquiry__actions {
    justify-content: center;
    text-align: center;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 18px;
    border: 1px solid var(--mado-inquiry-button-bg-color, #0f766e);
    border-radius: var(--mado-inquiry-radius, 8px);
    background: var(--mado-inquiry-button-bg-color, #0f766e);
    color: var(--mado-inquiry-button-text-color, #ffffff);
    font-family: var(--mado-inquiry-button-font-family, "Noto Sans JP", "Noto Sans", sans-serif);
    font-size: var(--mado-inquiry-button-font-size, 15px);
    line-height: 1.4;
    font-weight: var(--mado-inquiry-button-font-weight, 800);
    text-decoration: none;
    cursor: default;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__brand {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    color: var(--mado-inquiry-text-color, #526764);
    font-size: 12px;
    line-height: 1.5;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__brand-powered {
    color: inherit;
    text-decoration: none;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__brand--footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    width: 100%;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 0;
    color: var(--mado-inquiry-text-color, #526764);
    font-size: 11px;
    line-height: 1.35;
    opacity: 0.72;
    text-align: right;
}

#mado-inquiry-page-design [data-accordion-card="inquiry-confirm-auto-reply"] .mado-ui-accordion__body,
#mado-inquiry-page-design [data-accordion-card="inquiry-basic"] .mado-ui-accordion__body {
    background: #f0fdf4;
}

#mado-inquiry-page-design .mado-inquiry-design-edit-group {
    display: grid;
    gap: 12px;
    min-width: 0;
    min-inline-size: 0;
    margin: 14px 0 0;
    padding: 10px 12px 22px;
    border: 1px solid #c3cdd7;
    border-radius: 14px;
    background: #ffffff;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-design-edit-group__legend {
    max-width: calc(100% - 20px);
    margin-left: 2px;
    padding: 0 7px;
    color: var(--mado-inquiry-text, #0f172a);
    background: #ffffff;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.45;
    white-space: normal;
}

#mado-inquiry-page-design .mado-inquiry-design-edit-group:first-of-type {
    margin-top: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-edit-group .mado-inquiry-design-field {
    display: grid;
    gap: 7px;
    min-width: 0;
    margin: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-paired-controls {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    align-items: start;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-paired-controls .mado-inquiry-design-field {
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-confirm-reply__section + .mado-inquiry-design-confirm-reply__section {
    margin-top: 4px;
}

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-inquiry-preview__interactive-select {
    cursor: pointer;
    pointer-events: auto;
}

#mado-inquiry-page-design .mado-inquiry-design-button--new-form .mado-inquiry-design-action-icon {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
}

#mado-inquiry-page-design .mado-inquiry-design-confirm-reply {
    display: grid;
    gap: 16px;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-confirm-reply__title {
    margin: 0;
    color: var(--mado-inquiry-text);
    font-size: 15px;
    line-height: 1.5;
    font-weight: 800;
}

#mado-inquiry-page-design .mado-inquiry-design-confirm-reply__fieldset {
    display: grid;
    gap: 14px;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-confirm-reply__fieldset:disabled {
    opacity: 0.64;
}

#mado-inquiry-page-design .mado-inquiry-design-confirm-reply__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-confirm-reply__grid .mado-inquiry-design-field--stacked {
    grid-column: 1 / -1;
}

#mado-inquiry-page-design .mado-inquiry-design-mail-notifications {
    gap: 16px;
}

#mado-inquiry-page-design .mado-inquiry-design-mail-notifications__children {
    display: grid;
    gap: 14px;
    min-width: 0;
    transition: opacity 160ms ease;
}

#mado-inquiry-page-design .mado-inquiry-design-mail-notifications__section {
    display: grid;
    gap: 12px;
    min-width: 0;
    padding: 16px;
    border: 1px solid #d8e6df;
    border-radius: 14px;
    background: #ffffff;
    transition: opacity 160ms ease, border-color 160ms ease;
}

#mado-inquiry-page-design .mado-inquiry-design-mail-notifications__section.is-disabled {
    border-color: #e4edf4;
    background: #fbfdff;
}

#mado-inquiry-page-design .mado-inquiry-design-mail-notifications__full {
    grid-column: 1 / -1;
}

#mado-inquiry-page-design .mado-inquiry-design-mail-notifications__full.mado-inquiry-design-confirm-reply__switch {
    width: 100%;
    align-self: stretch;
}

#mado-inquiry-page-design .mado-inquiry-design-mail-notifications__full .mado-ui-switch__label {
    min-width: 0;
    white-space: normal;
    line-height: 1.55;
}

#mado-inquiry-page-design .mado-inquiry-design-confirm-reply .mado-inquiry-design-field {
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-confirm-reply input[type="text"],
#mado-inquiry-page-design .mado-inquiry-design-confirm-reply textarea {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

#mado-inquiry-page-design .mado-inquiry-design-confirm-reply textarea {
    min-height: 94px;
    resize: vertical;
}

#mado-inquiry-page-design .mado-inquiry-design-confirm-reply__switch {
    align-items: center;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-confirm-reply__switch--inline {
    align-self: start;
}

#mado-inquiry-page-design .mado-inquiry-design-confirm-reply__field--title,
#mado-inquiry-page-design .mado-inquiry-design-confirm-reply__field--description {
    grid-column: 1 / -1;
}

#mado-inquiry-page-design .mado-inquiry-design-edit-group--title,
#mado-inquiry-page-design .mado-inquiry-design-edit-group--description,
#mado-inquiry-page-design .mado-inquiry-design-edit-group--label,
#mado-inquiry-page-design .mado-inquiry-design-edit-group--input-typography,
#mado-inquiry-page-design .mado-inquiry-design-edit-group--submit,
#mado-inquiry-page-design .mado-inquiry-design-edit-group--success {
    margin-top: 18px;
}

#mado-inquiry-page-design .mado-inquiry-design-edit-group--submit {
    margin-top: 22px;
}

#mado-inquiry-page-design .mado-inquiry-design-edit-group--success {
    margin-top: 18px;
}

#mado-inquiry-page-design .mado-inquiry-design-form-card__details {
    display: grid;
    gap: 12px;
}

#mado-inquiry-page-design .mado-inquiry-design-form-meta-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px;
}

#mado-inquiry-page-design .mado-inquiry-design-install-method-copy {
    display: grid;
    gap: 14px;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-install-method-copy__title {
    margin: 0;
    color: var(--mado-inquiry-text);
    font-size: 20px;
    line-height: 1.5;
    font-weight: 800;
}

#mado-inquiry-page-design .mado-inquiry-design-install-method-copy__intro {
    margin: 0;
    color: #334155;
    font-size: 17px;
    line-height: 1.85;
}

#mado-inquiry-page-design .mado-inquiry-design-install-method-copy__section {
    display: grid;
    gap: 10px;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-install-method-copy__heading {
    margin: 0;
    color: var(--mado-inquiry-text);
    font-size: 17px;
    line-height: 1.65;
    font-weight: 800;
}

#mado-inquiry-page-design .mado-inquiry-design-install-method-copy__list {
    display: grid;
    gap: 10px;
    margin: 0;
    padding-left: 1.5em;
}

#mado-inquiry-page-design .mado-inquiry-design-install-method-copy__item {
    padding-left: 2px;
    color: #334155;
    font-size: 17px;
    line-height: 1.8;
}

#mado-inquiry-page-design .mado-inquiry-design-install-method-copy__note {
    margin: 0;
    color: #334155;
    font-size: 17px;
    line-height: 1.8;
}

#mado-inquiry-page-design .mado-inquiry-design-install-method-copy__note:last-of-type {
    margin-bottom: 15px;
}

#mado-inquiry-page-design .mado-inquiry-design-install-comparison {
    margin: 10px 0 0;
    border: 1px solid var(--mado-brand-accent-border, #b9eeea);
    border-radius: 14px;
    background: #ffffff;
    overflow: hidden;
}

#mado-inquiry-page-design .mado-inquiry-design-install-comparison__summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    min-width: 0;
    padding: 14px 16px;
    color: #0f172a;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

#mado-inquiry-page-design .mado-inquiry-design-install-comparison__summary::-webkit-details-marker {
    display: none;
}

#mado-inquiry-page-design .mado-inquiry-design-install-comparison__summary::after {
    content: "+";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid var(--mado-brand-accent-border, #b9eeea);
    border-radius: 999px;
    background: var(--mado-brand-accent-soft, #e6fbf9);
    color: var(--mado-brand-accent-text, #129f9e);
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-design-install-comparison__summary:hover,
#mado-inquiry-page-design .mado-inquiry-design-install-comparison__summary:focus-visible {
    background: var(--mado-brand-accent-soft, #e6fbf9);
}

#mado-inquiry-page-design .mado-inquiry-design-install-comparison__summary:focus-visible {
    outline: 3px solid var(--mado-brand-accent-ring, rgba(6, 191, 181, 0.2));
    outline-offset: -3px;
}

#mado-inquiry-page-design .mado-inquiry-design-install-comparison__summary-copy {
    display: grid;
    gap: 4px;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-install-comparison__question {
    color: #0f172a;
    font-size: 17px;
    line-height: 1.6;
    font-weight: 800;
}

#mado-inquiry-page-design .mado-inquiry-design-install-comparison__summary-label {
    color: var(--mado-brand-accent-text, #129f9e);
    font-size: 15px;
    line-height: 1.6;
    font-weight: 800;
}

#mado-inquiry-page-design .mado-inquiry-design-install-comparison__body {
    display: grid;
    gap: 18px;
    padding: 18px;
    border-top: 1px solid var(--mado-brand-accent-border, #b9eeea);
    background: #f8fffe;
}

#mado-inquiry-page-design .mado-inquiry-design-install-comparison__lead {
    margin: 0;
    color: #334155;
    font-size: 17px;
    line-height: 1.8;
}

#mado-inquiry-page-design .mado-inquiry-design-install-comparison__choices,
#mado-inquiry-page-design .mado-inquiry-design-install-comparison__recommendations {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-install-comparison__choice,
#mado-inquiry-page-design .mado-inquiry-design-install-comparison__recommendation {
    display: grid;
    align-content: start;
    gap: 8px;
    min-width: 0;
    margin: 0;
    padding: 14px;
    border: 1px solid #dbe7e5;
    border-radius: 12px;
    background: #ffffff;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-design-install-comparison__choice-title,
#mado-inquiry-page-design .mado-inquiry-design-install-comparison__recommendation-title {
    margin: 0;
    color: #0f172a;
    font-size: 17px;
    line-height: 1.65;
    font-weight: 800;
}

#mado-inquiry-page-design .mado-inquiry-design-install-comparison__choice-text {
    margin: 0;
    color: #334155;
    font-size: 17px;
    line-height: 1.8;
}

#mado-inquiry-page-design .mado-inquiry-design-install-comparison__recommendation-list {
    display: grid;
    gap: 7px;
    margin: 0;
    padding-left: 1.35em;
    color: #334155;
    font-size: 17px;
    line-height: 1.8;
}

@media (max-width: 720px) {
#mado-inquiry-page-design .mado-inquiry-design-install-comparison__summary {
        padding: 13px 14px;
    }

#mado-inquiry-page-design .mado-inquiry-design-install-comparison__body {
        padding: 14px;
    }
}

#mado-inquiry-page-design .mado-inquiry-design-install-method-field-notes {
    display: grid;
    gap: 6px;
    margin-top: 12px;
}

#mado-inquiry-page-design .mado-inquiry-design-install-method-field-notes .mado-inquiry-design-description--spaced {
    margin: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-description--spaced,
#mado-inquiry-page-design .mado-inquiry-design-install-panel__status {
    color: #475569;
    font-size: 15px;
    line-height: 1.75;
}

#mado-inquiry-page-design .mado-inquiry-design-form-readonly-input,
#mado-inquiry-page-design .mado-inquiry-design-form-url-link {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 42px;
    padding: 8px 14px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #ffffff;
    color: #0f172a;
    font-size: 14px;
    line-height: 1.45;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-design-url-copy-row {
    width: 100%;
}

#mado-inquiry-page-design .mado-inquiry-design-form-card__field--url,
#mado-inquiry-page-design .mado-inquiry-design-form-meta-grid {
    margin-top: 12px;
}

#mado-inquiry-page-design [data-accordion-card="inquiry-confirm-auto-reply"] .mado-ui-accordion__body,
#mado-inquiry-page-design [data-accordion-card="inquiry-basic"] .mado-ui-accordion__body,
#mado-inquiry-page-design [data-accordion-card="inquiry-labels"] .mado-ui-accordion__body,
#mado-inquiry-page-design [data-accordion-card="inquiry-layout"] .mado-ui-accordion__body {
    background: transparent;
}

#mado-inquiry-page-design .mado-inquiry-design-confirm-reply__section,
#mado-inquiry-page-design .mado-inquiry-design-edit-group,
#mado-inquiry-page-design .mado-inquiry-cf-row,
#mado-inquiry-page-design .mado-inquiry-design-grid--layout .mado-ui-fieldset,
#mado-inquiry-page-design .mado-inquiry-design-grid--layout .mado-inquiry-design-grid__item--submit-width,
#mado-inquiry-page-design .mado-inquiry-design-grid--layout .mado-inquiry-design-grid__item--content-offset {
    background: #ffffff;
}

#mado-inquiry-page-design .mado-inquiry-design-confirm-reply__section {
    display: grid;
    min-width: 0;
    padding: 18px;
    border: 1px solid #c3cdd7;
    border-radius: 14px;
    box-sizing: border-box;
    gap: 14px;
    background: #ffffff;
}

#mado-inquiry-page-design .mado-inquiry-design-confirm-reply__section + .mado-inquiry-design-confirm-reply__section,
#mado-inquiry-page-design .mado-inquiry-design-edit-group + .mado-inquiry-design-edit-group {
    margin-top: 18px;
}

#mado-inquiry-page-design .mado-inquiry-design-edit-group--eyebrow {
    margin-bottom: 24px;
}

#mado-inquiry-page-design .mado-inquiry-design-edit-group--submit,
#mado-inquiry-page-design .mado-inquiry-design-edit-group--success {
    margin-top: 22px;
}

#mado-inquiry-page-design .mado-inquiry-custom-fields-slot {
    margin-top: 14px;
    padding-top: 0;
    border-top: 0;
}

#mado-inquiry-page-design .mado-inquiry-cf-row {
    margin-bottom: 12px;
    padding: 10px 12px 22px;
    border: 1px solid #acb5b2;
    background: #ffffff;
    overflow: visible;
    border-radius: 12px;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__grid {
    display: grid;
    gap: 20px 16px;
    align-items: start;
    overflow: visible;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

#mado-inquiry-page-design .mado-inquiry-cf-row.is-custom .mado-inquiry-cf-row__grid {
    gap: 20px 16px;
}

#mado-inquiry-page-design .mado-inquiry-cf-row.is-reserved .mado-inquiry-cf-row__field--name {
    grid-column: 1;
    grid-row: 1;
}

#mado-inquiry-page-design .mado-inquiry-cf-row.is-reserved .mado-inquiry-cf-row__field--required {
    grid-column: 2;
    grid-row: 1;
}

#mado-inquiry-page-design .mado-inquiry-cf-row.is-reserved .mado-inquiry-cf-row__field--span2 {
    grid-column: 1 / -1;
    grid-row: 2;
}

#mado-inquiry-page-design .mado-inquiry-cf-row.is-custom .mado-inquiry-cf-row__field--name {
    grid-column: 1;
    grid-row: 1;
}

#mado-inquiry-page-design .mado-inquiry-cf-row.is-custom .mado-inquiry-cf-row__field--type {
    grid-column: 2;
    grid-row: 1;
}

#mado-inquiry-page-design .mado-inquiry-cf-row.is-custom .mado-inquiry-cf-row__field--role {
    grid-column: 1;
    grid-row: 2;
}

#mado-inquiry-page-design .mado-inquiry-cf-row.is-custom .mado-inquiry-cf-row__field--required {
    grid-column: 2;
    grid-row: 2;
}

#mado-inquiry-page-design .mado-inquiry-cf-row.is-custom .mado-inquiry-cf-row__field--span2 {
    grid-column: 1 / -1;
    grid-row: 3;
}

#mado-inquiry-page-design .mado-inquiry-cf-row.is-custom .mado-inquiry-cf-row__field--width {
    grid-column: 1;
    grid-row: 4;
}

#mado-inquiry-page-design .mado-inquiry-cf-row.is-custom .mado-inquiry-cf-row__field--aggregate {
    grid-column: 2;
    grid-row: 4;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__field--required,
#mado-inquiry-page-design .mado-inquiry-cf-row.is-custom .mado-inquiry-field-aggregate {
    align-self: stretch;
    justify-self: stretch;
    text-align: left;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__field--required {
    justify-content: flex-start;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__field--required .mado-inquiry-cf-row__label-line--spacer,
#mado-inquiry-page-design .mado-inquiry-field-aggregate__label-spacer {
    min-height: 20px;
    margin-bottom: 4px;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__field--required .mado-inquiry-cf-row__check-row,
#mado-inquiry-page-design .mado-inquiry-field-aggregate__control {
    width: 100%;
    min-height: 32px;
    height: 32px;
    column-gap: 10px;
    justify-content: flex-start;
    margin-top: 0;
    padding: 3px 0;
    border: 1px solid transparent;
    border-radius: 0;
    background: transparent;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__field--required .mado-inquiry-cf-required-label,
#mado-inquiry-page-design .mado-inquiry-cf-row.is-custom .mado-inquiry-field-aggregate__text {
    display: inline-flex;
    align-items: center;
    margin: 0;
    color: #1f2937;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: left;
    white-space: nowrap;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__field--required .mado-inquiry-cf-row__check-row input[type="checkbox"],
#mado-inquiry-page-design .mado-inquiry-field-aggregate__check input[type="checkbox"] {
    width: 14px;
    min-width: 14px;
    height: 14px;
    min-height: 14px;
    margin: 0;
    padding: 0;
    flex: 0 0 14px;
    accent-color: var(--mado-brand-accent, #06bfb5);
}

#mado-inquiry-page-design .mado-inquiry-cf-row.is-custom .mado-inquiry-field-aggregate__label-spacer .mado-inquiry-cf-row__label-text {
    visibility: hidden;
}

#mado-inquiry-page-design [data-mado-if-options-wrap][hidden],
#mado-inquiry-page-design [data-mado-if-placeholder-wrap][hidden] {
    display: none;
}

#mado-inquiry-page-design .mado-inquiry-icon-button,
#mado-inquiry-page-design .button.mado-inquiry-icon-button,
#mado-inquiry-page-design button.mado-inquiry-icon-button {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
    padding: 0;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #b91c1c;
    box-shadow: none;
    text-shadow: none;
    line-height: 1;
}

#mado-inquiry-page-design .mado-inquiry-icon-button:hover,
#mado-inquiry-page-design .mado-inquiry-icon-button:focus-visible {
    border-color: #fecaca;
    background: #fff1f2;
    color: #991b1b;
    outline: none;
}

#mado-inquiry-page-design .mado-inquiry-action-icon {
    display: block;
    width: 17px;
    height: 17px;
    fill: currentColor;
}

#mado-inquiry-page-design .mado-inquiry-design-grid--layout .mado-inquiry-design-grid__item--content-offset {
    order: 10;
    grid-column: 2;
}

#mado-inquiry-page-design .mado-inquiry-design-grid--layout .mado-inquiry-design-grid__item--content-align {
    order: 12;
    grid-column: 2;
}

#mado-inquiry-page-design .mado-inquiry-design-install-method-detail:not([hidden]) .mado-ui-field__label {
    font-size: 15px;
}

#mado-inquiry-page-design .mado-inquiry-design-install-method-detail:not([hidden]) textarea {
    font-size: 16px;
    line-height: 1.65;
}

#mado-inquiry-page-design.mado-inquiry-design-page {
    min-height: 100vh;
    --mado-inquiry-choice-border: var(--mado-brand-accent-border, #b9eeea);
    background: var(--mado-inquiry-editor-page-bg, #ffffff);
    --mado-inquiry-choice-border-strong: var(--mado-brand-accent, #06bfb5);
    --mado-inquiry-choice-bg: #ffffff;
    --mado-inquiry-choice-bg-active: var(--mado-brand-accent-soft, #e6fbf9);
    --mado-inquiry-choice-panel-bg-active: var(--mado-brand-accent-soft, #e6fbf9);
    --mado-inquiry-choice-radio: var(--mado-brand-accent, #06bfb5);
    --mado-inquiry-frame-border: #d7e3ee;
    --mado-inquiry-frame-soft: #f8fafc;
    --mado-inquiry-text: #0f172a;
    --mado-inquiry-muted: #64748b;
    --mado-ui-accordion-border-color: var(--mado-inquiry-frame-border);
    --mado-ui-accordion-row-border-color: var(--mado-inquiry-frame-border);
    --mado-ui-accordion-row-color: var(--mado-inquiry-text);
    --mado-ui-accordion-row-hover-color: var(--mado-inquiry-text);
    --mado-ui-accordion-row-open-background: #ffffff;
    --mado-ui-accordion-row-open-color: var(--mado-inquiry-text);
    --mado-ui-accordion-body-background: var(--mado-inquiry-frame-soft);
    --mado-inquiry-settings-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20640'%3E%3Cpath%20fill='black'%20d='M259.1%2073.5C262.1%2059.9%20274.2%2050%20288.2%2050h63.7c14%200%2026.1%209.9%2029.1%2023.5l9.1%2041.7c12.6%205.1%2024.7%2011.4%2036%2018.8l40.2-12.8c13.3-4.2%2027.7%201.3%2034.7%2013.4l31.9%2055.2c7%2012.1%204.3%2027.4-6.4%2036.8l-31.1%2027.4c.9%206.7%201.4%2013.6%201.4%2020.6s-.5%2013.9-1.4%2020.6l31.1%2027.4c10.7%209.4%2013.4%2024.7%206.4%2036.8l-31.9%2055.2c-7%2012.1-21.4%2017.6-34.7%2013.4l-40.2-12.8c-11.3%207.4-23.4%2013.7-36%2018.8l-9.1%2041.7c-3%2013.6-15.1%2023.5-29.1%2023.5h-63.7c-14%200-26.1-9.9-29.1-23.5l-9.1-41.7c-12.6-5.1-24.7-11.4-36-18.8l-40.2%2012.8c-13.3%204.2-27.7-1.3-34.7-13.4l-31.9-55.2c-7-12.1-4.3-27.4%206.4-36.8l31.1-27.4c-.9-6.7-1.4-13.6-1.4-20.6s.5-13.9%201.4-20.6l-31.1-27.4c-10.7-9.4-13.4-24.7-6.4-36.8l31.9-55.2c7-12.1%2021.4-17.6%2034.7-13.4l40.2%2012.8c11.3-7.4%2023.4-13.7%2036-18.8l9.1-41.7zM320%20392a72%2072%200%201%200%200-144%2072%2072%200%200%200%200%20144z'/%3E%3C/svg%3E");
    --mado-inquiry-material-bg: #eef2f4;
    --mado-inquiry-material-panel: #f5f7f8;
    --mado-inquiry-material-panel-open: #f3f8f6;
    --mado-inquiry-material-child: #fbfcfc;
    --mado-inquiry-material-line: rgba(191, 197, 205, 0.28);
    --mado-inquiry-material-highlight: rgba(255, 255, 255, 0.92);
    --mado-inquiry-material-shadow: 10px 10px 20px rgba(191, 197, 205, 0.42), -10px -10px 20px rgba(255, 255, 255, 0.92);
    --mado-inquiry-material-shadow-soft: 5px 5px 12px rgba(191, 197, 205, 0.32), -5px -5px 12px rgba(255, 255, 255, 0.9);
    --mado-inquiry-material-shadow-open: 8px 8px 18px rgba(191, 197, 205, 0.34), -8px -8px 18px rgba(255, 255, 255, 0.94);
    --mado-inquiry-material-shadow-child: 2px 2px 6px rgba(191, 197, 205, 0.14), -2px -2px 6px rgba(255, 255, 255, 0.78);
}

#mado-inquiry-page-design .mado-inquiry-design-section-card__icon {
    border: 1px solid rgba(232, 232, 232, 0.94);
    border-radius: 14px;
    background: var(--mado-inquiry-material-panel);
    box-shadow: var(--mado-inquiry-material-shadow-soft);
}

#mado-inquiry-page-design .mado-inquiry-design-section-card__icon::before,
#mado-inquiry-page-design .mado-inquiry-design-section-card__icon::after {
    background: #526072;
}

#mado-inquiry-page-design .mado-inquiry-design-section-card.is-open .mado-inquiry-design-section-card__icon {
    background: var(--mado-inquiry-material-panel-open);
    box-shadow: var(--mado-inquiry-material-shadow-open);
}

#mado-inquiry-page-design .mado-inquiry-design-section-card.is-open .mado-inquiry-design-section-card__icon::before,
#mado-inquiry-page-design .mado-inquiry-design-section-card.is-open .mado-inquiry-design-section-card__icon::after {
    background: #0d8b74;
}

#mado-inquiry-page-design .mado-inquiry-design-section-card {
    border: 1px solid rgba(191, 197, 205, 0.28);
    border-radius: 18px;
    background: var(--mado-inquiry-material-child);
    box-shadow: var(--mado-inquiry-material-shadow-child);
}

#mado-inquiry-page-design .mado-inquiry-design-section-card__trigger {
    background: var(--mado-inquiry-material-child);
}

#mado-inquiry-page-design .mado-inquiry-design-section-card.is-open .mado-inquiry-design-section-card__trigger,
#mado-inquiry-page-design .mado-inquiry-design-section-card__body {
    background: #eef3f2;
}

#mado-inquiry-page-design .mado-inquiry-design__actions-bottom .mado-ui-button,
#mado-inquiry-page-design .mado-inquiry-design__actions-bottom button {
    box-shadow: 6px 6px 12px rgba(191, 197, 205, 0.42), -6px -6px 12px rgba(255, 255, 255, 0.78);
}

#mado-inquiry-page-design .mado-inquiry-design__actions-bottom .mado-ui-button:active,
#mado-inquiry-page-design .mado-inquiry-design__actions-bottom button:active {
    box-shadow: inset 4px 4px 12px rgba(191, 197, 205, 0.46), inset -4px -4px 12px rgba(255, 255, 255, 0.84);
}

#mado-inquiry-page-design .mado-inquiry-design__app-toolbar-button {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 36px;
    padding: 8px 13px;
    border: 1px solid #c9d7e3;
    border-radius: 999px;
    background: #ffffff;
    color: #0f172a;
    font-size: 12.5px;
    font-weight: 850;
    line-height: 1.2;
    text-decoration: none;
    box-shadow: 4px 5px 12px rgba(132, 147, 163, 0.17), inset 0 1px 0 rgba(255,255,255,0.9);
    cursor: pointer;
}

#mado-inquiry-page-design .mado-inquiry-design__app-toolbar-button:hover,
#mado-inquiry-page-design .mado-inquiry-design__app-toolbar-button:focus-visible {
    background: #f7fafc;
    border-color: #b8c8d7;
    color: #0f172a;
    outline: 0;
}

#mado-inquiry-page-design .mado-inquiry-design__app-toolbar-button--menu {
    background: #edf3f7;
    color: #26394a;
}

#mado-inquiry-page-design .mado-inquiry-design-section-panel.is-active,
#mado-inquiry-page-design .mado-inquiry-design-section-panel:not([hidden]) {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    justify-self: stretch;
}

#mado-inquiry-page-design .mado-inquiry-design-section-shell.is-menu-collapsed {
    grid-template-areas: "panels";
}

#mado-inquiry-page-design .mado-inquiry-design-section-menu[hidden] {
    display: none;
}

#mado-inquiry-page-design .mado-inquiry-design-section-panels,
#mado-inquiry-page-design .mado-inquiry-design-section-panel,
#mado-inquiry-page-design .mado-inquiry-design-section-panel__surface {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-design-section-shell,
#mado-inquiry-page-design .mado-inquiry-design-section-menu,
#mado-inquiry-page-design .mado-inquiry-design-section-panels,
#mado-inquiry-page-design .mado-inquiry-design-section-panel,
#mado-inquiry-page-design .mado-inquiry-design-section-panel__surface {
    inline-size: 100%;
    max-inline-size: 100%;
    min-inline-size: 0;
    justify-self: stretch;
}

#mado-inquiry-page-design .mado-inquiry-design__app-toolbar .mado-inquiry-design__app-toolbar-button {
    box-sizing: border-box;
    min-width: 0;
    min-height: 36px;
    width: auto;
    padding: 8px 14px;
    border-radius: 12px;
}

#mado-inquiry-page-design .mado-inquiry-design-v2-angle-control {
    --mado-ui-angle-control-value: calc(var(--radial-angle, 135) * 1deg);
    display: inline-flex;
    align-items: center;
    width: max-content;
    max-width: 100%;
    gap: 10px;
    flex-wrap: nowrap;
}

#mado-inquiry-page-design .mado-inquiry-design-v2-angle-control input.mado-ui-angle-control__number {
    box-sizing: border-box;
    flex: 0 0 88px;
    width: 88px;
    min-width: 88px;
    max-width: 88px;
    height: 42px;
    min-height: 42px;
    padding: 8px 12px;
    text-align: center;
    appearance: textfield;
    -moz-appearance: textfield;
}

#mado-inquiry-page-design .mado-inquiry-design-v2-angle-control input.mado-ui-angle-control__number::-webkit-outer-spin-button,
#mado-inquiry-page-design .mado-inquiry-design-v2-angle-control input.mado-ui-angle-control__number::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

#mado-inquiry-page-design .mado-inquiry-design-grid--layout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 18px 16px;
    margin: 0;
    padding: 16px;
    border: 1px solid #c3cdd7;
    border-radius: 14px;
    background: #ffffff;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-design-grid--layout input[type="number"] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-height: 42px;
    height: 42px;
    padding: 8px 12px;
    line-height: 1.4;
    text-align: center;
}

#mado-inquiry-page-design .mado-inquiry-design-grid--layout .mado-inquiry-design-field {
    display: grid;
    gap: 5px;
    align-content: start;
}

#mado-inquiry-page-design .mado-inquiry-design-grid--layout .mado-ui-fieldset,
#mado-inquiry-page-design .mado-inquiry-design-grid--layout .mado-inquiry-design-grid__item--submit-width,
#mado-inquiry-page-design .mado-inquiry-design-grid--layout .mado-inquiry-design-grid__item--content-offset {
    display: grid;
    align-content: start;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-grid--layout .mado-inquiry-design-grid__item--submit-width .mado-inquiry-design-field {
    width: 100%;
}

#mado-inquiry-page-design .mado-inquiry-design__app-toolbar {
    z-index: 18;
    position: static;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 10px;
    min-width: 0;
    min-height: 0;
    margin: 18px 0 8px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--mado-inquiry-text);
    box-shadow: none;
    backdrop-filter: none;
    overflow: visible;
}

#mado-inquiry-page-design .mado-inquiry-design__app-toolbar .mado-portal-inline-heading {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 1 auto;
    min-width: 0;
    margin: 0;
    color: var(--mado-portal-text, #0f172a);
    font-size: var(--mado-portal-main-heading-size, 19px);
    font-weight: var(--mado-portal-main-heading-weight, 700);
    line-height: 1.35;
    white-space: normal;
}

#mado-inquiry-page-design .mado-inquiry-design__app-toolbar .mado-portal-inline-heading__icon,
#mado-inquiry-page-design .mado-inquiry-design__app-toolbar .mado-portal-inline-heading__icon svg {
    width: 20px;
    height: 20px;
    color: currentColor;
    fill: currentColor;
}

#mado-inquiry-page-design .mado-inquiry-design__app-toolbar .mado-inquiry-design__app-toolbar-button--menu {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    min-width: 34px;
    height: 28px;
    min-height: 28px;
    padding: 3px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #334155;
    box-shadow: none;
    cursor: pointer;
}

#mado-inquiry-page-design .mado-inquiry-design__app-toolbar .mado-inquiry-design__app-toolbar-button--menu:hover,
#mado-inquiry-page-design .mado-inquiry-design__app-toolbar .mado-inquiry-design__app-toolbar-button--menu:focus-visible {
    border: 0;
    background: #e4edf3;
    color: #0f172a;
    outline: 0;
    box-shadow: none;
}

#mado-inquiry-page-design .mado-inquiry-design__app-toolbar-toggle-icon {
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(225deg) translateY(-2px);
}

#mado-inquiry-page-design .mado-inquiry-design__app-toolbar-button--menu[aria-expanded="false"] .mado-inquiry-design__app-toolbar-toggle-icon {
    transform: rotate(45deg) translateY(-2px);
}

#mado-inquiry-page-design .mado-inquiry-design-section-shell {
    align-items: start;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "menu"
        "panels";
    width: 100%;
    max-width: 100%;
    min-width: 0;
    justify-content: stretch;
    justify-items: stretch;
    align-self: stretch;
    gap: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-section-menu {
    grid-area: menu;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: auto;
    gap: var(--mado-editor-category-menu-gap, 7px);
    width: 100%;
    max-width: none;
    min-width: 0;
    align-content: start;
    justify-self: stretch;
}

#mado-inquiry-page-design .mado-inquiry-design-section-menu__label {
    z-index: 1;
    display: block;
    position: static;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    line-height: 1.35;
    text-align: center;
    text-overflow: ellipsis;
    overflow-wrap: normal;
}

#mado-inquiry-page-design .mado-inquiry-design-section-panels {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    grid-area: panels;
    justify-self: stretch;
    margin-top: 36px;
}

#mado-inquiry-page-design .mado-inquiry-design-section-panel__title,
#mado-inquiry-page-design .mado-inquiry-design-saved-form-list__title {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.45;
}

#mado-inquiry-page-design .mado-inquiry-design__actions-bottom {
    justify-content: center;
    gap: 12px;
    margin-top: 18px;
}

#mado-inquiry-page-design .mado-inquiry-design__actions-bottom .mado-ui-button {
    min-width: 220px;
    min-height: 44px;
    box-shadow: none;
}

#mado-inquiry-page-design .mado-inquiry-design-compact-actions {
    display: none;
}

#mado-inquiry-page-design.is-compact-view .mado-inquiry-design-compact-actions {
    position: sticky;
    top: 8px;
    z-index: 30;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    width: min(100%, 560px);
    margin: 0 auto 12px;
    padding: 4px;
    border: 1px solid var(--mado-brand-accent-border, #b9eeea);
    border-radius: 14px;
    background: rgba(244, 248, 251, 0.96);
    box-shadow: 0 10px 24px rgba(44, 64, 84, 0.10);
    backdrop-filter: blur(10px);
}

#mado-inquiry-page-design .mado-inquiry-design-compact-actions__button {
    appearance: none;
    min-width: 0;
    min-height: 42px;
    margin: 0;
    padding: 9px 14px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: #526272;
    font-family: inherit;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25;
    text-align: center;
    cursor: pointer;
}

#mado-inquiry-page-design .mado-inquiry-design-compact-actions__button:hover {
    border-color: var(--mado-brand-accent-border, #b9eeea);
    background: var(--mado-brand-accent-soft, #e6fbf9);
    color: var(--mado-brand-accent-text, #129f9e);
}

#mado-inquiry-page-design .mado-inquiry-design-compact-actions__button.is-active,
#mado-inquiry-page-design .mado-inquiry-design-compact-actions__button[aria-pressed="true"],
#mado-inquiry-page-design .mado-inquiry-design-compact-actions__button[aria-expanded="true"] {
    border-color: var(--mado-brand-accent, #06bfb5);
    background: var(--mado-brand-accent-soft, #e6fbf9);
    color: var(--mado-brand-accent-text, #129f9e);
    box-shadow: 0 2px 8px var(--mado-brand-accent-ring, rgba(6, 191, 181, 0.20));
}

#mado-inquiry-page-design .mado-inquiry-design-compact-actions__button:focus-visible {
    outline: 2px solid var(--mado-brand-accent, #06bfb5);
    outline-offset: 2px;
}

#mado-inquiry-page-design.is-compact-view
.mado-inquiry-design__app-toolbar {
    top: 64px;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__order [data-mado-tooltip] {
    position: relative;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__order [data-mado-tooltip]::after {
    content: attr(data-mado-tooltip);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 8px);
    z-index: 50;
    min-width: max-content;
    padding: 4px 7px;
    border-radius: 7px;
    background: #0f172a;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 3px);
    transition: opacity 0.14s ease, transform 0.14s ease;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__order [data-mado-tooltip]::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: calc(100% + 4px);
    z-index: 50;
    border: 4px solid transparent;
    border-top-color: #0f172a;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 3px);
    transition: opacity 0.14s ease, transform 0.14s ease;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__order [data-mado-tooltip]:hover::after,
#mado-inquiry-page-design .mado-inquiry-cf-row__order [data-mado-tooltip]:focus-visible::after,
#mado-inquiry-page-design .mado-inquiry-cf-row__order [data-mado-tooltip]:hover::before,
#mado-inquiry-page-design .mado-inquiry-cf-row__order [data-mado-tooltip]:focus-visible::before {
    opacity: 1;
    transform: translate(-50%, 0);
}

@media (max-width: 1250px) {
#mado-inquiry-page-design .mado-inquiry-design-section-menu__button {
        min-height: var(--mado-editor-category-button-min-height, 36px);
        padding: var(--mado-editor-category-button-padding, 5px 9px);
        font-size: var(--mado-editor-category-button-font-size, 13px);
    }

#mado-inquiry-page-design .mado-inquiry-design-section-menu {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-auto-rows: auto;
    }
}

@media (max-width: 900px) {
#mado-inquiry-page-design .mado-inquiry-design-grid--layout,
#mado-inquiry-page-design .mado-inquiry-design-mode-group--shadow-required .mado-inquiry-design-grid--inner-two,
#mado-inquiry-page-design .mado-inquiry-design-form-meta-grid,
#mado-inquiry-page-design .mado-inquiry-design-v2-mode-tabs,
#mado-inquiry-page-design .mado-inquiry-design-v2-gradient-grid,
#mado-inquiry-page-design .mado-inquiry-cf-row__grid {
        grid-template-columns: minmax(0, 1fr);
    }

#mado-inquiry-page-design .mado-inquiry-design-grid--layout .mado-inquiry-design-grid__item--submit-width,
#mado-inquiry-page-design .mado-inquiry-design-grid--layout .mado-inquiry-design-grid__item--content-offset,
#mado-inquiry-page-design .mado-inquiry-design-grid--layout .mado-inquiry-design-grid__item--submit-align,
#mado-inquiry-page-design .mado-inquiry-design-grid--layout .mado-inquiry-design-grid__item--content-align {
        grid-column: 1;
    }

#mado-inquiry-page-design .mado-inquiry-design-section-shell {
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
    }

#mado-inquiry-page-design .mado-inquiry-design-section-menu {
        width: 100%;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-auto-rows: auto;
    }

#mado-inquiry-page-design .mado-inquiry-design-section-panels {
        width: 100%;
        max-width: 100%;
    }

#mado-inquiry-page-design .mado-inquiry-cf-row__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

#mado-inquiry-page-design .mado-inquiry-design-grid--layout .mado-inquiry-design-grid__item--content-offset {
        grid-column: 2;
    }

#mado-inquiry-page-design .mado-inquiry-design-grid--layout .mado-inquiry-design-grid__item--content-align {
        grid-column: 2;
    }
}

@media (max-width: 860px) {
#mado-inquiry-page-design .mado-inquiry-layout-style-settings__options {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 720px) {
#mado-inquiry-page-design .mado-design-editor__form {
        padding: 18px;
    }

#mado-inquiry-page-design .mado-inquiry-form-accordion-card__trigger {
        min-height: 40px;
        padding: 7px 10px 7px 12px;
    }

#mado-inquiry-page-design .mado-inquiry-form-accordion-card__content {
        padding: 16px;
    }

#mado-inquiry-page-design .mado-inquiry-design-saved-form-list__head,
#mado-inquiry-page-design .mado-inquiry-design__actions-bottom {
        align-items: stretch;
        flex-direction: column;
    }

#mado-inquiry-page-design .mado-inquiry-design-button--dark,
#mado-inquiry-page-design .mado-inquiry-design-save-button {
        width: 100%;
    }

#mado-inquiry-page-design .mado-inquiry-design-section-panel__surface {
        padding: 14px 14px 16px;
        border-radius: 16px;
    }

#mado-inquiry-page-design .mado-inquiry-design-paired-controls,
#mado-inquiry-page-design .mado-inquiry-design-confirm-reply__grid {
        grid-template-columns: minmax(0, 1fr);
    }

#mado-inquiry-page-design .mado-inquiry-design-confirm-reply__grid {
        grid-template-columns: minmax(0, 1fr);
    }

#mado-inquiry-page-design .mado-inquiry-design-grid--colors-v2,
#mado-inquiry-page-design .mado-inquiry-design-grid--inner-two {
        grid-template-columns: minmax(0, 1fr);
    }

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__eyebrow,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__title,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__lead,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-inquiry-preview-field__label {
        padding-top: 0;
        padding-left: 0;
    }

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__eyebrow,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-inquiry-preview-header__title-row,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__lead,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-inquiry-preview-field__head {
        transform: none;
    }

#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-inquiry-preview-field__control-row {
        gap: 8px 10px;
    }

#mado-inquiry-page-design .mado-inquiry-cf-row__grid,
#mado-inquiry-page-design .mado-inquiry-design-grid--layout {
        grid-template-columns: minmax(0, 1fr);
    }

#mado-inquiry-page-design .mado-inquiry-cf-row.is-reserved .mado-inquiry-cf-row__field--name,
#mado-inquiry-page-design .mado-inquiry-cf-row.is-reserved .mado-inquiry-cf-row__field--required,
#mado-inquiry-page-design .mado-inquiry-cf-row.is-reserved .mado-inquiry-cf-row__field--span2,
#mado-inquiry-page-design .mado-inquiry-cf-row.is-custom .mado-inquiry-cf-row__field--name,
#mado-inquiry-page-design .mado-inquiry-cf-row.is-custom .mado-inquiry-cf-row__field--type,
#mado-inquiry-page-design .mado-inquiry-cf-row.is-custom .mado-inquiry-cf-row__field--role,
#mado-inquiry-page-design .mado-inquiry-cf-row.is-custom .mado-inquiry-cf-row__field--required,
#mado-inquiry-page-design .mado-inquiry-cf-row.is-custom .mado-inquiry-cf-row__field--span2,
#mado-inquiry-page-design .mado-inquiry-cf-row.is-custom .mado-inquiry-cf-row__field--width,
#mado-inquiry-page-design .mado-inquiry-cf-row.is-custom .mado-inquiry-cf-row__field--aggregate {
        grid-column: 1;
        grid-row: auto;
    }

#mado-inquiry-page-design .mado-inquiry-cf-row__field--required,
#mado-inquiry-page-design .mado-inquiry-design-grid--layout .mado-inquiry-design-grid__item--content-align,
#mado-inquiry-page-design .mado-inquiry-design-grid--layout .mado-inquiry-design-grid__item--content-offset {
        grid-column: 1;
        justify-self: start;
    }

#mado-inquiry-page-design .mado-inquiry-design__app-toolbar-button {
        min-height: 38px;
        padding: 8px 9px;
        font-size: 12px;
    }

#mado-inquiry-page-design .mado-inquiry-design__app-toolbar .mado-inquiry-design__app-toolbar-button {
        width: 100%;
        padding-inline: 8px;
    }

#mado-inquiry-page-design .mado-inquiry-design__app-toolbar {
        gap: 8px;
        margin: 12px 0 8px;
        padding: 0;
        border-radius: 0;
        overflow: visible;
    }

#mado-inquiry-page-design .mado-inquiry-design__app-toolbar .mado-portal-inline-heading {
        font-size: var(--mado-portal-main-heading-size, 19px);
        font-weight: var(--mado-portal-main-heading-weight, 700);
    }

#mado-inquiry-page-design .mado-inquiry-design-section-menu {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: auto;
    }

#mado-inquiry-page-design .mado-inquiry-design-section-menu__button {
        min-height: var(--mado-editor-category-button-min-height, 36px);
        padding: var(--mado-editor-category-button-padding, 5px 9px);
        border-radius: var(--mado-editor-category-button-radius, 12px);
        font-size: var(--mado-editor-category-button-font-size, 13px);
    }

#mado-inquiry-page-design .mado-inquiry-design__actions-bottom {
        align-items: stretch;
        flex-direction: column;
    }

#mado-inquiry-page-design .mado-inquiry-design__actions-bottom .mado-ui-button {
        width: 100%;
        min-width: 0;
    }

#mado-inquiry-page-design .mado-inquiry-design-section-panels {
        max-width: 100%;
    }

#mado-inquiry-page-design .mado-inquiry-design__app-toolbar .mado-inquiry-design__app-toolbar-button--menu {
        width: 34px;
        min-width: 34px;
    }
}

@media (max-width: 560px) {
#mado-inquiry-page-design.is-compact-view .mado-inquiry-design-compact-actions {
        top: 6px;
        width: 100%;
        margin-bottom: 10px;
        border-radius: 12px;
    }

#mado-inquiry-page-design .mado-inquiry-design-compact-actions__button {
        min-height: 40px;
        padding: 8px 9px;
        font-size: 13px;
    }

#mado-inquiry-page-design.is-compact-view .mado-inquiry-design__app-toolbar {
        top: 60px;
    }
}

#mado-inquiry-page-design .mado-inquiry-design-confirm-reply__section.mado-inquiry-design-mail-notifications {
    gap: 16px;
}

#mado-inquiry-page-design .mado-inquiry-layout-profile-guide {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    margin-top: 12px;
    padding: 12px 14px;
    border: 1px solid #dbe5ef;
    border-radius: 12px;
    background: #f8fbff;
}

#mado-inquiry-page-design .mado-inquiry-layout-profile-guide p {
    flex: 1 1 360px;
    margin: 0;
    color: #475569;
    font-size: 12px;
    line-height: 1.7;
}

.mado-inquiry-layout {
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-view-actions {
    display: none;
}

#mado-inquiry-page-design:not(.is-compact-view) .mado-inquiry-design-view-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 10px;
    width: 100%;
    min-width: 0;
    margin: 0;
}

#mado-inquiry-page-design .mado-inquiry-preview-float-open {
    appearance: none;
    min-height: 38px;
    padding: 8px 18px;
    border: 0;
    border-radius: 12px;
    background: #ffffff;
    color: #0f172a;
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 5px 5px 12px rgba(197, 205, 214, 0.58), -5px -5px 12px rgba(255, 255, 255, 0.96);
    cursor: pointer;
}

#mado-inquiry-page-design .mado-inquiry-preview-float-open:hover,
#mado-inquiry-page-design .mado-inquiry-preview-float-open:focus-visible,
#mado-inquiry-page-design .mado-inquiry-preview-float-open[aria-expanded="true"] {
    background: #e7faf8;
    color: #0f172a;
    box-shadow: inset 4px 4px 10px rgba(197, 205, 214, 0.58), inset -4px -4px 10px rgba(255, 255, 255, 0.96);
    outline: 0;
}

#mado-inquiry-page-design .mado-inquiry-preview-float-backdrop {
    position: fixed;
    inset: 0;
    z-index: 2147482900;
    display: block;
    background: rgba(15, 23, 42, 0.48);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    cursor: default;
}

#mado-inquiry-page-design .mado-inquiry-preview-float-backdrop[hidden] {
    display: none;
}

#mado-inquiry-page-design .mado-inquiry-preview-float-placeholder[hidden] {
    display: none;
}

#mado-inquiry-page-design .mado-inquiry-preview-float {
    position: fixed;
    z-index: 2147483000;
    box-sizing: border-box;
    width: fit-content;
    max-width: calc(100vw - 20px);
    max-height: calc(100vh - 52px);
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

#mado-inquiry-page-design .mado-inquiry-preview-float[hidden] {
    display: none;
}

#mado-inquiry-page-design .mado-inquiry-preview-float__header {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% + 4px);
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: auto;
    max-width: calc(100vw - 20px);
    min-height: 48px;
    padding: 7px 8px 7px 14px;
    border: 1px solid #cbd8e3;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.98);
    color: #334155;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.18);
    cursor: move;
    user-select: none;
    touch-action: none;
}

#mado-inquiry-page-design .mado-inquiry-preview-float__drag-label {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    min-width: 0;
    min-height: 34px;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

#mado-inquiry-page-design .mado-inquiry-preview-float__actions {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

#mado-inquiry-page-design .mado-inquiry-preview-float__actions .mado-inquiry-preview-float__close {
    appearance: none;
    min-width: 58px;
    min-height: 34px;
    padding: 5px 12px;
    border: 1px solid #94a3b8;
    border-radius: 9px;
    background: #ffffff;
    color: #334155;
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 2px 2px 6px rgba(148, 163, 184, 0.22);
    cursor: pointer;
}

#mado-inquiry-page-design .mado-inquiry-preview-float__actions .mado-inquiry-preview-float__close:hover,
#mado-inquiry-page-design .mado-inquiry-preview-float__actions .mado-inquiry-preview-float__close:focus-visible {
    background: #e7faf8;
    color: #0f172a;
    outline: 0;
}

#mado-inquiry-page-design .mado-inquiry-preview-float__body {
    box-sizing: border-box;
    width: fit-content;
    max-width: calc(100vw - 20px);
    max-height: calc(100vh - 104px);
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable both-edges;
    padding: 0;
    background: transparent;
}

@media (max-width: 640px) {
#mado-inquiry-page-design .mado-inquiry-preview-float {
        max-width: calc(100vw - 12px);
    }

#mado-inquiry-page-design .mado-inquiry-preview-float__body {
        max-width: calc(100vw - 12px);
    }
}

.mado-inquiry-preview-inline-toolbar__control--color {
    flex: 0 0 48px;
}

.mado-inquiry-preview-inline-toolbar__control--color input[type="color"] {
    width: 48px;
    padding: 4px;
}

#mado-inquiry-page-design label.mado-inquiry-design-field[for="inquiry_page_required_badge_text"] {
    margin-top: 18px;
}

#mado-inquiry-page-design .mado-inquiry-table-style-settings .mado-inquiry-design-grid--inner-two {
    row-gap: 18px;
    column-gap: 16px;
}

#mado-inquiry-page-design .mado-inquiry-table-style-settings .mado-inquiry-design-grid--inner-two .mado-inquiry-design-field {
    gap: 5px;
}

#mado-inquiry-page-design .mado-inquiry-design-field--px-control {
    display: grid;
    grid-template-columns: minmax(0, 150px) auto minmax(0, 1fr);
    align-items: center;
    justify-content: start;
    column-gap: 7px;
    row-gap: 5px;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-field--px-control > .mado-inquiry-design-field__label,
#mado-inquiry-page-design .mado-inquiry-design-field--px-control > .mado-inquiry-design-help-label-row {
    grid-column: 1 / -1;
    grid-row: 1;
    width: 100%;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-design-field--px-control > input[type="number"] {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    max-width: 150px;
    min-width: 0;
}

/* FONT-WEIGHT CONTROL WIDTH / 文字の太さ入力幅（2026-09-08）
 * - 文字サイズなどpx数値欄の150px幅と揃え、同じ2カラム内で入力部品の幅を統一する。
 * - 保存キー・値域は変更せず、見た目の幅だけを共通化する。 */
#mado-inquiry-page-design .mado-inquiry-design-field > input[type="number"][data-inquiry-design-field$="_font_weight"] {
    width: 100%;
    max-width: 150px;
    min-width: 0;
    justify-self: start;
}

#mado-inquiry-page-design .mado-inquiry-design-px-unit {
    grid-column: 2;
    grid-row: 2;
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    color: #475569;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

#mado-inquiry-page-design .mado-inquiry-design-field--px-control > .mado-inquiry-design__hint {
    grid-column: 1 / -1;
    grid-row: 3;
    width: 100%;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__field--width {
    display: grid;
    grid-template-columns: minmax(0, 150px) auto minmax(0, 1fr);
    align-items: center;
    justify-content: start;
    column-gap: 7px;
    row-gap: 0;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__field--width > .mado-inquiry-cf-row__label-line {
    grid-column: 1 / -1;
    grid-row: 1;
    width: 100%;
    margin-bottom: 0;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__field--width > input[type="number"] {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    max-width: 150px;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__px-unit {
    grid-column: 2;
    grid-row: 2;
    display: inline-flex;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    min-height: var(--mado-ui-comfortable-control-height, 38.4px);
    color: #475569;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__field > span:not(.mado-inquiry-cf-row__field-note),
#mado-inquiry-page-design .mado-inquiry-cf-row__label-text,
#mado-inquiry-page-design .mado-inquiry-cf-row__field--required .mado-inquiry-cf-required-label,
#mado-inquiry-page-design .mado-inquiry-cf-row.is-custom .mado-inquiry-field-aggregate__text {
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: 0;
}

#mado-inquiry-page-design [data-inquiry-section-panel="colors-look"] .mado-inquiry-design-grid--colors-v2 {
    row-gap: 19px;
}

#mado-inquiry-page-design [data-inquiry-section-panel="colors-look"] .mado-inquiry-design-grid--inner-two {
    row-gap: 17px;
}

#mado-inquiry-page-design .mado-inquiry-custom-fields-admin__heading,
#mado-inquiry-page-design .mado-inquiry-design-consent-style-legend {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}

#mado-inquiry-page-design [data-accordion-card="inquiry-basic"] .mado-inquiry-design-edit-group {
    gap: 18px;
}

#mado-inquiry-page-design [data-accordion-card="inquiry-basic"] .mado-inquiry-design-paired-controls {
    gap: 18px 16px;
}

#mado-inquiry-page-design [data-accordion-card="inquiry-basic"] .mado-inquiry-design-paired-controls--text-position {
    margin-top: 4px;
}

#mado-inquiry-page-design .mado-inquiry-design-consent-section {
    gap: 20px;
}

#mado-inquiry-page-design .mado-inquiry-design-consent-section > .mado-inquiry-design-grid--inner-two {
    gap: 20px 16px;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__order .mado-inquiry-design-delete-icon-button {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    border-color: #4b5563;
    border-radius: 9px;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__order .mado-inquiry-design-delete-icon-button .mado-inquiry-action-icon {
    width: 15px;
    height: 15px;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__order .mado-inquiry-design-delete-icon-button:hover,
#mado-inquiry-page-design .mado-inquiry-cf-row__order .mado-inquiry-design-delete-icon-button:focus-visible {
    border-color: #374151;
}

#mado-inquiry-page-design [data-inquiry-section-panel="colors-look"] .mado-ui-card,
#mado-inquiry-page-design [data-inquiry-section-panel="colors-look"] .mado-inquiry-design-mode-group,
#mado-inquiry-page-design [data-inquiry-section-panel="colors-look"] .mado-inquiry-design-mode-group--shadow-required .mado-inquiry-design-grid--inner-two > *,
#mado-inquiry-page-design .mado-inquiry-design-confirm-reply__section,
#mado-inquiry-page-design .mado-inquiry-design-mail-notifications__section {
    border-color: #c3cdd7;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__field--required .mado-inquiry-cf-row__check-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0;
    align-items: center;
    justify-content: center;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__field--required .mado-inquiry-cf-row__check-row input[type="checkbox"] {
    width: 14px;
    min-width: 14px;
    height: 14px;
    min-height: 14px;
    flex: 0 0 14px;
    margin: 1px 0 0 15px;
    transform: none;
    accent-color: var(--mado-brand-accent, #06bfb5);
}

/* ==========================================================================
 * INQUIRY EDITOR SETTINGS WIDTH / 2026-09-08
 *
 * mado-base.css keeps the shared portal editor token at 920px. This page needs
 * a denser settings pane, so override the existing token only inside the
 * inquiry editor. Do not change the shared mado-base token or create a second
 * layout path. 490px is 120px narrower than the previous 610px inquiry-only pane and about 47% narrower than the shared 920px token.
 * ========================================================================== */
body.mado-portal-account-page .mado-portal-shell--action-inquiry-page-design #mado-inquiry-page-design {
    --mado-portal-editor-settings-max-width: 490px;
}

/* ========================================================================== 
 * DOM EXTRACTION RUNTIME-STATE RESTORE / 2026-09-08
 *
 * Strict static-DOM extraction removed layout/state selectors that are applied
 * after load by inquiry-page-design.php (is-horizontal-canvas-view,
 * is-fixed-follow-preview, compact/floating preview states). These rules are
 * required even when the corresponding class is absent from the captured HTML.
 * New callers must use the existing editor state classes; do not add a second
 * responsive/layout path.
 * ========================================================================== */
body.mado-portal-account-page .mado-portal-shell--action-inquiry-page-design #mado-inquiry-page-design.mado-design-editor.mado-inquiry-design-v2 .mado-inquiry-design__layout,
body.mado-portal-account-page .mado-portal-shell--action-inquiry-page-design #mado-inquiry-page-design .mado-inquiry-design__layout.mado-design-editor__layout {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
    display: grid;
    grid-template-columns: min(
            var(--mado-portal-editor-settings-max-width, 920px),
            calc(
                100%
                - var(--mado-portal-editor-preview-min-width, 420px)
                - var(--mado-portal-editor-wide-gap, 24px)
            )
        )
        minmax(var(--mado-portal-editor-preview-min-width, 420px), 1fr);
    gap: clamp(16px, 1.35vw, var(--mado-portal-editor-wide-gap, 24px));
    align-items: start;
    justify-content: start;
    justify-items: stretch;
    width: min(100%, var(--mado-portal-editor-canvas-max-width, 1840px));
    max-width: var(--mado-portal-editor-canvas-max-width, 1840px);
    min-width: 0;
    margin-left: 0;
    margin-right: auto;
}

body.mado-portal-account-page .mado-portal-shell--action-inquiry-page-design #mado-inquiry-page-design .mado-inquiry-design__sidebar.mado-design-editor__sidebar,
body.mado-portal-account-page .mado-portal-shell--action-inquiry-page-design #mado-inquiry-page-design .mado-inquiry-design-settings-accordion.mado-design-editor__main,
body.mado-portal-account-page .mado-portal-shell--action-inquiry-page-design #mado-inquiry-page-design .mado-inquiry-design__preview.mado-design-editor__preview {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

body.mado-portal-account-page .mado-portal-shell--action-inquiry-page-design #mado-inquiry-page-design .mado-inquiry-design__sidebar.mado-design-editor__sidebar {
    display: grid;
    gap: 12px;
    align-content: start;
    align-self: stretch;
    width: 100%;
    max-width: var(--mado-portal-editor-settings-max-width, 920px);
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: var(--mado-inquiry-editor-page-bg, #ffffff);
    box-shadow: none;
}

body.mado-portal-account-page .mado-portal-shell--action-inquiry-page-design #mado-inquiry-page-design .mado-inquiry-design__preview.mado-design-editor__preview {
    width: 100%;
    max-width: none;
    min-width: 0;
    overflow: visible;
    position: sticky;
    justify-self: stretch;
    top: 8px;
}

body.mado-portal-account-page
.mado-portal-shell--action-inquiry-page-design
#mado-inquiry-page-design.is-horizontal-canvas-view
.mado-inquiry-design__layout.mado-design-editor__layout {
    grid-template-columns: var(--mado-portal-editor-settings-max-width, 490px)
        minmax(var(--mado-portal-editor-preview-min-width, 720px), 1fr);
    width: max(
        100%,
        calc(
            var(--mado-portal-editor-settings-max-width, 490px)
            + var(--mado-portal-editor-preview-min-width, 720px)
            + var(--mado-portal-editor-wide-gap, 20px)
        )
    );
    min-width: calc(
        var(--mado-portal-editor-settings-max-width, 490px)
        + var(--mado-portal-editor-preview-min-width, 720px)
        + var(--mado-portal-editor-wide-gap, 20px)
    );
    max-width: none;
    gap: var(--mado-portal-editor-wide-gap, 20px);
    align-items: start;
}

body.mado-inquiry-horizontal-canvas .mado-portal-shell--action-inquiry-page-design > .mado-portal-shell__content,
body.mado-inquiry-horizontal-canvas .mado-portal-shell--action-inquiry-page-design > .mado-portal-shell__content > .mado-portal-shell__content-frame,
body.mado-inquiry-horizontal-canvas #mado-inquiry-page-design.mado-inquiry-design-page,
body.mado-inquiry-horizontal-canvas #mado-inquiry-page-design .mado-design-editor__form {
    overflow-x: visible;
}

body.mado-portal-account-page
.mado-portal-shell--action-inquiry-page-design
#mado-inquiry-page-design
.mado-inquiry-design__preview.is-fixed-follow-preview {
    position: fixed !important;
    top: var(--mado-inquiry-preview-follow-top, 40px) !important;
    left: var(--mado-inquiry-preview-follow-left, 0px) !important;
    z-index: 9000;
    width: var(--mado-inquiry-preview-follow-width, 720px) !important;
    max-width: none !important;
    max-height: var(--mado-inquiry-preview-follow-max-height, calc(100vh - 50px));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    align-self: auto;
}

body.mado-portal-account-page
.mado-portal-shell--action-inquiry-page-design
#mado-inquiry-page-design.is-compact-view
.mado-inquiry-design__layout.mado-design-editor__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    width: 100%;
    max-width: none;
}

body.mado-portal-account-page
.mado-portal-shell--action-inquiry-page-design
#mado-inquiry-page-design.is-compact-view
.mado-inquiry-design__sidebar.mado-design-editor__sidebar {
    width: 100%;
    max-width: none;
    min-width: 0;
}

body.mado-portal-account-page
.mado-portal-shell--action-inquiry-page-design
#mado-inquiry-page-design.is-compact-view
.mado-inquiry-design__layout.mado-design-editor__layout
> .mado-inquiry-design__preview.mado-design-editor__preview {
    display: none;
}

#mado-inquiry-page-design.is-preview-floating
.mado-inquiry-preview-float
.mado-inquiry-design__preview.mado-design-editor__preview {
    position: static;
    display: block;
    width: fit-content;
    max-width: calc(100vw - 20px);
    min-width: 0;
    margin: 0;
    overflow: visible;
    transform: none;
}

@media (min-width: 901px) {
    body.mado-portal-account-page .mado-portal-shell--action-inquiry-page-design #mado-inquiry-page-design .mado-inquiry-design__preview.mado-design-editor__preview {
        position: sticky;
        top: 8px;
        display: grid;
        gap: 12px;
        align-self: start;
    }
}

@media (min-width: 1251px) {
    body.mado-portal-account-page
    .mado-portal-shell--action-inquiry-page-design
    #mado-inquiry-page-design
    .mado-inquiry-design__preview.mado-design-editor__preview:not(.is-fixed-follow-preview) {
        margin-top: var(--mado-inquiry-preview-row-offset, 0px);
    }
}

@media (max-width: 1250px) {
    body.mado-portal-account-page .mado-portal-shell--action-inquiry-page-design #mado-inquiry-page-design.mado-design-editor.mado-inquiry-design-v2 .mado-inquiry-design__layout,
    body.mado-portal-account-page .mado-portal-shell--action-inquiry-page-design #mado-inquiry-page-design .mado-inquiry-design__layout.mado-design-editor__layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }
}

@media (max-width: 960px) {
    body.mado-portal-account-page .mado-portal-shell--action-inquiry-page-design #mado-inquiry-page-design .mado-inquiry-design__preview.mado-design-editor__preview {
        position: static;
        top: auto;
    }
}

/* ==========================================================================
 * CONSENT TYPOGRAPHY OWNERSHIP / 2026-09-08
 *
 * Typography is editable independently from the color/border inheritance mode.
 * The four consent summaries share one weight and keep their per-field font-size.
 * That size follows the actual visible details summary in grouped and standalone layouts.
 * The old consent-group title is hidden for compatibility; the visible intro is
 * consent_block_lead and has its own dedicated font-size variable.
 * ========================================================================== */
body.mado-public-inquiry-page .mado-public-inquiry__consent-group-title,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-group-title {
    display: none;
}

body.mado-public-inquiry-page .mado-public-inquiry__consent-detail > summary,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-detail > summary {
    font-size: var(--mado-inquiry-consent-block-font-size, 14px);
    font-weight: var(--mado-inquiry-consent-block-summary-font-weight, 600);
}

body.mado-public-inquiry-page .mado-public-inquiry__consent-group-lead,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-group-lead {
    font-size: var(--mado-inquiry-consent-block-lead-font-size, var(--mado-inquiry-consent-block-font-size, 14px));
}

body.mado-public-inquiry-page .mado-public-inquiry__consent-description,
body.mado-public-inquiry-page .mado-public-inquiry__consent-detail-body,
body.mado-public-inquiry-page .mado-public-inquiry__consent-link-row,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-description,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-detail-body,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-link-row {
    font-size: var(--mado-inquiry-consent-block-font-size, 14px);
}

body.mado-public-inquiry-page .mado-public-inquiry__consent-group-check,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-group-check {
    font-size: var(--mado-inquiry-consent-block-checkbox-font-size, 14px);
}

/* ========================================================================== 
 * CONSENT CUSTOM-FIELD GRID FIX / 2026-09-08
 *
 * A custom consent row appends multiple full-width controls dynamically.
 * The generic custom-row rule assigns every .field--span2 to grid-row: 3,
 * which stacks description/detail/group/link controls on the same row.
 * Consent-only controls must use normal auto-placement after the base rows.
 * ========================================================================== */
/*
 * CONSENT SETTINGS SECTION / 同意確認の設定（2026-09-08）
 * - consent rows are rendered by the same row renderer and save to the same inquiry_page_fields JSON.
 * - This section only changes where the rows are shown; it does not own a second save path.
 */
#mado-inquiry-page-design .mado-inquiry-consent-admin {
    display: grid;
    gap: 18px;
    min-width: 0;
}

#mado-inquiry-page-design [data-inquiry-section-panel="consent-settings"] .mado-inquiry-design-section-panel__surface {
    gap: 10px;
}

#mado-inquiry-page-design .mado-inquiry-consent-admin__toggles {
    margin: 0;
    padding: 10px 14px 14px;
    border: 1px solid #c3cdd7;
    border-radius: 12px;
    background: #ffffff;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-consent-admin__toggles > legend {
    padding: 0 6px;
    color: #0f172a;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 800;
}

#mado-inquiry-page-design .mado-inquiry-consent-admin__toggle-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 16px;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-consent-admin__toggle {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    margin: 0;
    color: #374151;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 600;
}

#mado-inquiry-page-design .mado-inquiry-consent-admin__toggle input[type="checkbox"] {
    width: 14px;
    min-width: 14px;
    height: 14px;
    min-height: 14px;
    margin: 0;
    padding: 0;
    flex: 0 0 14px;
    accent-color: var(--mado-brand-accent, #06bfb5);
}

#mado-inquiry-page-design .mado-inquiry-consent-admin__toggle-hint {
    margin: 12px 0 0;
}

#mado-inquiry-page-design .mado-inquiry-consent-admin__picker {
    width: min(100%, 420px);
    margin: 0;
}

#mado-inquiry-page-design .mado-inquiry-consent-admin__picker select {
    width: 100%;
    min-height: 46px;
    padding: 9px 42px 9px 16px;
    line-height: 1.5;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-consent-admin__picker select option {
    min-height: 32px;
    padding: 7px 12px;
    line-height: 1.65;
}

#mado-inquiry-page-design .mado-inquiry-consent-field-list {
    display: grid;
    gap: 0;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-consent-field-list > .mado-inquiry-cf-row[hidden] {
    display: none !important;
}

#mado-inquiry-page-design .mado-inquiry-consent-field-list > .mado-inquiry-cf-row {
    margin-bottom: 0;
}

#mado-inquiry-page-design .mado-inquiry-consent-admin__empty {
    margin: 0;
}

/* Left-side editor changes must not make the browser choose a new page scroll anchor. */
#mado-inquiry-page-design .mado-inquiry-design-section-panel__body,
#mado-inquiry-page-design #mado-inquiry-design-settings-pane,
#mado-inquiry-page-design #mado-inquiry-design-preview-pane {
    overflow-anchor: none;
}

#mado-inquiry-page-design .mado-inquiry-consent-settings-host:empty {
    display: none;
}

#mado-inquiry-page-design .mado-inquiry-cf-row.is-custom [data-mado-if-consent-wrap] {
    grid-column: 1 / -1;
    grid-row: auto;
    min-width: 0;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__field--consent-text textarea {
    min-height: 72px;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__consent-note {
    grid-column: 1 / -1;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid #d7e3e0;
    border-radius: 8px;
    background: #f6faf9;
    color: #5b6d69;
    font-size: 12px;
    line-height: 1.6;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__field--consent-group {
    position: static;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 4px 2px 2px;
    transform: none;
    text-align: left;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__field--consent-group .mado-inquiry-cf-required-label {
    display: inline-flex;
    align-items: center;
    flex: 0 1 auto;
    min-width: 0;
    margin: 0;
    transform: none;
    white-space: normal;
    text-align: left;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__field--consent-group input[type="checkbox"] {
    width: 14px;
    min-width: 14px;
    height: 14px;
    min-height: 14px;
    margin: 0;
    padding: 0;
    flex: 0 0 14px;
}

#mado-inquiry-page-design .mado-inquiry-cf-row__group-note {
    grid-column: 1 / -1;
    margin: -6px 0 0;
    padding: 0 2px;
    color: #5b6d69;
    font-size: 12px;
    line-height: 1.7;
}


/* ========================================================================== 
 * FIELD SETTINGS AUXILIARY ACCORDIONS / 2026-09-08
 *
 * - The grouped-consent controls are shown only when the existing fields JSON
 *   actually produces a grouped consent block (2+ grouped consent fields).
 * - The raw JSON bulk editor stays the same save SSOT, but is moved to the
 *   bottom as a compact auxiliary accordion so routine editing is not obscured.
 * - No second save key, REST route, or alternate fields model is introduced.
 * ========================================================================== */
#mado-inquiry-page-design .mado-inquiry-consent-settings-panel,
#mado-inquiry-page-design .mado-inquiry-custom-fields-bulk-accordion {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-consent-settings-panel {
    margin: 0;
}

#mado-inquiry-page-design .mado-inquiry-custom-fields-bulk-accordion {
    margin: 16px 0 0;
}

#mado-inquiry-page-design .mado-inquiry-consent-settings-panel[hidden],
#mado-inquiry-page-design .mado-inquiry-custom-fields-bulk-accordion[hidden],
#mado-inquiry-page-design [data-consent-block-custom-fields][hidden] {
    display: none !important;
}

#mado-inquiry-page-design .mado-inquiry-consent-settings-panel__title {
    display: flex;
    align-items: center;
    min-height: 46px;
    margin: 0;
    padding: 10px 14px;
    border: 1px solid var(--mado-brand-accent-border, #b9eeea);
    border-radius: 12px 12px 0 0;
    background: var(--mado-brand-accent-soft, #e6fbf9);
    color: #0f172a;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 700;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-consent-settings-panel__body {
    display: grid;
    gap: 14px;
    margin: 0;
    padding: 14px;
    border: 1px solid var(--mado-brand-accent-border, #b9eeea);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: #ffffff;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-consent-settings-panel__body > .mado-inquiry-design-fieldset {
    margin: 0;
}

#mado-inquiry-page-design .mado-inquiry-custom-fields-bulk-accordion__summary::-webkit-details-marker {
    display: none;
}

#mado-inquiry-page-design .mado-inquiry-custom-fields-bulk-accordion__summary {
    list-style: none;
    cursor: pointer;
    user-select: none;
    box-sizing: border-box;
}







#mado-inquiry-page-design .mado-inquiry-custom-fields-bulk-accordion__summary {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 34px 8px 12px;
    border: 1px solid #c3cdd7;
    border-radius: 10px;
    background: #f8fafc;
    color: #334155;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 700;
}

#mado-inquiry-page-design .mado-inquiry-custom-fields-bulk-accordion__summary::after {
    content: "+";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 17px;
    line-height: 1;
    font-weight: 500;
}

#mado-inquiry-page-design .mado-inquiry-custom-fields-bulk-accordion[open] > .mado-inquiry-custom-fields-bulk-accordion__summary::after {
    content: "−";
}

#mado-inquiry-page-design .mado-inquiry-custom-fields-bulk-accordion__body {
    display: grid;
    gap: 8px;
    margin-top: 8px;
    padding: 12px;
    border: 1px solid #d8e1e8;
    border-radius: 10px;
    background: #ffffff;
    box-sizing: border-box;
}

#mado-inquiry-page-design .mado-inquiry-custom-fields-json {
    font-size: 15px;
    line-height: 1.55;
}

/* ========================================================================== 
 * GROUPED CONSENT VISUAL OWNERSHIP RESTORE / 2026-09-08
 *
 * Strict DOM extraction removed the grouped-consent container/details styles.
 * Restore only the current grouped-consent selectors used by both the editor
 * preview and the public inquiry page. Custom background/border/text colors
 * continue to use the existing consent_block_* CSS variables and style mode.
 * ========================================================================== */
body.mado-public-inquiry-page .mado-public-inquiry__field--consent-group,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field--consent-group {
    width: 100%;
    min-width: 0;
}

body.mado-public-inquiry-page .mado-public-inquiry__consent-group,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-group {
    --mado-inquiry-consent-group-text-color: var(--mado-inquiry-text-color, #526764);
    --mado-inquiry-consent-group-summary-color: var(--mado-inquiry-label-color, #102c2a);
    --mado-inquiry-consent-group-border-color: var(--mado-inquiry-input-border-color, #c4d4d1);
    --mado-inquiry-consent-group-background-color: rgba(255, 255, 255, 0.30);
    display: grid;
    gap: 18px;
    width: 100%;
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--mado-inquiry-consent-group-border-color);
    border-radius: 14px;
    background: var(--mado-inquiry-consent-group-background-color);
    color: var(--mado-inquiry-consent-group-text-color);
    box-sizing: border-box;
}

body.mado-public-inquiry-page .mado-public-inquiry--consent-custom .mado-public-inquiry__consent-group,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface.mado-public-inquiry--consent-custom .mado-public-inquiry__consent-group {
    --mado-inquiry-consent-group-text-color: var(--mado-inquiry-consent-block-text-color, #526764);
    --mado-inquiry-consent-group-summary-color: var(--mado-inquiry-consent-block-summary-color, #102c2a);
    --mado-inquiry-consent-group-border-color: var(--mado-inquiry-consent-block-border-color, #d7e3e0);
    --mado-inquiry-consent-group-background-color: var(--mado-inquiry-consent-block-background-color, #f6faf9);
}

body.mado-public-inquiry-page .mado-public-inquiry__consent-group-copy,
body.mado-public-inquiry-page .mado-public-inquiry__consent-group-item-body,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-group-copy,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-group-item-body {
    display: grid;
    gap: 10px;
    min-width: 0;
}

body.mado-public-inquiry-page .mado-public-inquiry__consent-group-items,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-group-items {
    display: grid;
    gap: 8px;
    min-width: 0;
}

body.mado-public-inquiry-page .mado-public-inquiry__field--consent-group .mado-public-inquiry__consent-detail,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field--consent-group .mado-public-inquiry__consent-detail {
    margin: 0;
    padding: 7px 20px;
    border: 1px solid var(--mado-inquiry-consent-group-border-color);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.62);
    color: var(--mado-inquiry-consent-group-text-color);
    box-sizing: border-box;
}

body.mado-public-inquiry-page .mado-public-inquiry__field--consent-group .mado-public-inquiry__consent-detail > summary,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field--consent-group .mado-public-inquiry__consent-detail > summary {
    cursor: pointer;
    color: var(--mado-inquiry-consent-group-summary-color);
    line-height: 1.6;
}

body.mado-public-inquiry-page .mado-public-inquiry__field--consent-group .mado-public-inquiry__consent-detail-body,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field--consent-group .mado-public-inquiry__consent-detail-body {
    margin-top: 12px;
    color: var(--mado-inquiry-consent-group-text-color);
    line-height: 1.85;
}

/* Long legal/privacy text should not make the whole form excessively tall.
 * The details body itself becomes the single scroll container only after opening.
 * Keep the same behavior in public rendering and the editor preview. */
body.mado-public-inquiry-page .mado-public-inquiry__consent-detail[open] > .mado-public-inquiry__consent-detail-body,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-detail[open] > .mado-public-inquiry__consent-detail-body {
    max-height: min(360px, 50vh);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    padding-right: 8px;
}

body.mado-public-inquiry-page .mado-public-inquiry__field--consent-group .mado-public-inquiry__consent-description,
body.mado-public-inquiry-page .mado-public-inquiry__field--consent-group .mado-public-inquiry__consent-link-row,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field--consent-group .mado-public-inquiry__consent-description,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field--consent-group .mado-public-inquiry__consent-link-row {
    margin: 0;
    color: var(--mado-inquiry-consent-group-text-color);
}

body.mado-public-inquiry-page .mado-public-inquiry__field--consent-group .mado-public-inquiry__consent-description,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field--consent-group .mado-public-inquiry__consent-description {
    line-height: 1.65;
}

body.mado-public-inquiry-page .mado-public-inquiry__field--consent-group .mado-public-inquiry__consent-link-row,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field--consent-group .mado-public-inquiry__consent-link-row {
    line-height: 1.8;
}

body.mado-public-inquiry-page .mado-public-inquiry__consent-group-check,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-group-check {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 0;
    padding-inline-start: 28px;
    box-sizing: border-box;
    color: var(--mado-inquiry-consent-group-summary-color);
    line-height: 1.6;
    font-weight: var(--mado-inquiry-consent-block-checkbox-font-weight, 500);
}

body.mado-public-inquiry-page .mado-public-inquiry__consent-group-check input[type="checkbox"],
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-group-check input[type="checkbox"] {
    width: 14px;
    height: 14px;
    min-height: 0;
    margin: 0;
    padding: 0;
    flex: 0 0 14px;
    align-self: center;
    accent-color: #666666;
}

body.mado-public-inquiry-page .mado-public-inquiry__consent-group-check-label,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-group-check-label {
    display: inline-flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.8em;
    min-width: 0;
    color: inherit;
}

body.mado-public-inquiry-page .mado-public-inquiry__consent-group-check-label .mado-public-inquiry__badge,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-group-check-label .mado-public-inquiry__badge {
    margin-left: 0;
}

/* STANDALONE CONSENT WIDTH + MARKETING LAYOUT / 単独同意の横幅統一（2026-09-08）
 * - 個人情報・利用規約・プライバシーポリシー・メール配信を単独表示した場合も、
 *   grouped consent と同じくフォームの利用可能幅いっぱいを使う。
 * - inquiry_page_fields[].field_width_px は通常入力欄の個別幅SSOTとして維持し、同意表示だけで上書き保存しない。
 * - Publicの旧markupはfield wrapperにrole属性がないため :has() で同意detailsを検出する。
 * - Marketing consentは管理用の項目名を保存上は維持するが、公開/previewでは冗長な項目名を隠し、
 *   grouped consent と同じ details padding 7px 20px / compact 8px rhythmを使う。 */
body.mado-public-inquiry-page .mado-inquiry-layout--form > .mado-public-inquiry__field:not(.mado-public-inquiry__field--consent-group):has(.mado-public-inquiry__consent-detail[data-mado-consent-role]),
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-inquiry-layout--form > .mado-public-inquiry__field[data-mado-consent-role]:not(.mado-public-inquiry__field--consent-group) {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding-inline: 18px;
    box-sizing: border-box;
}

body.mado-public-inquiry-page .mado-inquiry-layout--form > .mado-public-inquiry__field:not(.mado-public-inquiry__field--consent-group):has(.mado-public-inquiry__consent-detail[data-mado-consent-role]) > .mado-public-inquiry__consent-copy,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-inquiry-layout--form > .mado-public-inquiry__field[data-mado-consent-role]:not(.mado-public-inquiry__field--consent-group) > .mado-public-inquiry__consent-copy,
body.mado-public-inquiry-page .mado-inquiry-layout--form > .mado-public-inquiry__field:not(.mado-public-inquiry__field--consent-group):has(.mado-public-inquiry__consent-detail[data-mado-consent-role]) .mado-public-inquiry__consent-detail,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-inquiry-layout--form > .mado-public-inquiry__field[data-mado-consent-role]:not(.mado-public-inquiry__field--consent-group) .mado-public-inquiry__consent-detail,
body.mado-public-inquiry-page .mado-inquiry-layout--form > .mado-public-inquiry__field:not(.mado-public-inquiry__field--consent-group):has(.mado-public-inquiry__consent-detail[data-mado-consent-role]) > .mado-public-inquiry__choice,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-inquiry-layout--form > .mado-public-inquiry__field[data-mado-consent-role]:not(.mado-public-inquiry__field--consent-group) > .mado-inquiry-preview-field__control-row {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

body.mado-public-inquiry-page .mado-inquiry-layout--form > .mado-public-inquiry__field:not(.mado-public-inquiry__field--consent-group):has(.mado-public-inquiry__consent-detail[data-mado-consent-role]) > .mado-public-inquiry__choice,
body.mado-public-inquiry-page .mado-inquiry-layout--form > .mado-public-inquiry__field:not(.mado-public-inquiry__field--consent-group):has(.mado-public-inquiry__consent-detail[data-mado-consent-role]) > .mado-public-inquiry__choice .mado-public-inquiry__choice-options,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-inquiry-layout--form > .mado-public-inquiry__field[data-mado-consent-role]:not(.mado-public-inquiry__field--consent-group) .mado-public-inquiry__choice,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-inquiry-layout--form > .mado-public-inquiry__field[data-mado-consent-role]:not(.mado-public-inquiry__field--consent-group) .mado-public-inquiry__choice-options {
    width: 100%;
    max-width: 100%;
}

/* CONSENT CHECK ROW INDENT / 同意チェック行の基準位置（2026-09-08）
 * - まとめ同意の最終チェックと、まとめ外の単独同意チェックを同じ28px内側へ寄せる。
 * - details本体の横幅は変えず、チェック行だけを本文より一段内側へ置く。
 * - field_width_pxや保存値は変更しない。 */
body.mado-public-inquiry-page .mado-inquiry-layout--form > .mado-public-inquiry__field:not(.mado-public-inquiry__field--consent-group):has(.mado-public-inquiry__consent-detail[data-mado-consent-role]) .mado-public-inquiry__choice-options,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-inquiry-layout--form > .mado-public-inquiry__field[data-mado-consent-role]:not(.mado-public-inquiry__field--consent-group) .mado-public-inquiry__choice-options {
    padding-inline-start: 28px;
    box-sizing: border-box;
}

body.mado-public-inquiry-page .mado-public-inquiry__field:has(.mado-public-inquiry__consent-detail[data-mado-consent-role="marketing_consent"]),
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field[data-mado-consent-role="marketing_consent"] {
    gap: 8px;
}

body.mado-public-inquiry-page .mado-public-inquiry__field:has(.mado-public-inquiry__consent-detail[data-mado-consent-role="marketing_consent"]) > .mado-public-inquiry__consent-copy,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field[data-mado-consent-role="marketing_consent"] > .mado-public-inquiry__consent-copy {
    gap: 8px;
    margin-bottom: 0;
}

body.mado-public-inquiry-page .mado-public-inquiry__field:has(.mado-public-inquiry__consent-detail[data-mado-consent-role="marketing_consent"]) .mado-public-inquiry__consent-detail,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field[data-mado-consent-role="marketing_consent"] .mado-public-inquiry__consent-detail {
    padding: 7px 20px;
}

/* Editor preview uses a separate field-head DOM. Remove it visually so only the
 * checkbox option text (for example「配信を希望する」) is shown. */
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field[data-mado-consent-role="marketing_consent"] > .mado-inquiry-preview-field__head {
    display: none;
}

/* Public renderer still emits a legend for compatibility. Keep it accessible to
 * assistive technology but remove it from the visual flow. */
body.mado-public-inquiry-page .mado-public-inquiry__field:has(.mado-public-inquiry__consent-detail[data-mado-consent-role="marketing_consent"]) > .mado-public-inquiry__choice > legend {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

/* Pull the visible marketing checkbox row slightly upward after removing the
 * redundant field label. */
body.mado-public-inquiry-page .mado-public-inquiry__field:has(.mado-public-inquiry__consent-detail[data-mado-consent-role="marketing_consent"]) > .mado-public-inquiry__choice,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__field[data-mado-consent-role="marketing_consent"] > .mado-inquiry-preview-field__control-row {
    margin-top: -3px;
}

/* Paragraph breaks inside long consent text must read as separate sections. */
body.mado-public-inquiry-page .mado-public-inquiry__consent-detail-body br + br,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-detail-body br + br {
    display: block;
    content: "";
    margin-top: 10px;
}

@media (max-width: 720px) {
    body.mado-public-inquiry-page .mado-public-inquiry__consent-detail[open] > .mado-public-inquiry__consent-detail-body,
    #mado-inquiry-page-design .mado-inquiry-design-preview__surface .mado-public-inquiry__consent-detail[open] > .mado-public-inquiry__consent-detail-body {
        max-height: min(300px, 45vh);
    }

    #mado-inquiry-page-design .mado-inquiry-consent-admin__toggle-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}


/* PREVIEW CONSENT INTERACTION / 2026-09-08
 * - Management-preview consent radio/checkbox inputs remain clickable for visual checking.
 * - Option text stays an edit affordance; input clicks are not intercepted by the inline editor.
 * - Standalone consent support copy sits closer to its own field title.
 */