/* The general offer uses readable copy sizes; miniature website previews keep their scale. */
#page_web_na_miru #smpls-editor-content {
    --wnm-text-body: 16px;
    --wnm-text-meta: 14px;
}

#page_web_na_miru #smpls-editor-content :is(
    .wnm-benefit p, .wnm-benefit-list p, .wnm-editor-note p,
    .wnm-step-card p, .wnm-feature-card p, .wnm-showcase-copy p,
    .wnm-price-card > p, .wnm-tick-list, .wnm-service-pricing p,
    .wnm-final-card > div > p, .wnm-form-intro, .wnm-preview-note,
    .wnm-check-options label, .wnm-option-line, .wnm-input-details summary,
    .wnm-summary, .wnm-offer-links .smpls-card-content > p
) {
    font-size: var(--wnm-text-body);
    line-height: 1.75;
}

#page_web_na_miru #smpls-editor-content :is(.wnm-lead, .wnm-builder-heading .wnm-lead) {
    font-size: 18px;
    line-height: 1.75;
}

#page_web_na_miru #smpls-editor-content :is(
    .wnm-benefit h3, .wnm-service-heading h3, .wnm-pricing-extras h3
) {
    font-size: 20px;
    line-height: 1.4;
}

#page_web_na_miru #smpls-editor-content :is(.wnm-benefit-list strong, .wnm-field-heading, .wnm-review-group h3) {
    font-size: 18px;
    line-height: 1.4;
}

#page_web_na_miru #smpls-editor-content .wnm-final-card h2 {
    font-size: clamp(30px, 3vw, 44px);
    line-height: 1.2;
}

#page_web_na_miru #smpls-editor-content :is(
    .wnm-hero-note, .wnm-hero-facts, .wnm-visual-caption,
    .wnm-floating-card div > span, .wnm-step-detail, .wnm-fineprint,
    .wnm-label, .wnm-price-badge, .wnm-price-note,
    .wnm-service-heading small, .wnm-form-top, .wnm-fields small,
    .wnm-form-required, .wnm-form-footnote, .wnm-inline-hint,
    .wnm-field-heading > span, .wnm-input-details summary > span,
    .wnm-choices small, .wnm-module-options small, .wnm-upload label > span,
    .wnm-upload label > small, .wnm-file-copy small, .wnm-file-symbol,
    .wnm-tip, .wnm-consent, .wnm-form-error, .wnm-color-picker,
    .wnm-color-extract, .wnm-color-chip, .wnm-review-group > p,
    .wnm-review-group > small, .wnm-sidebar-note,
    .wnm-preview-heading .wnm-label, .wnm-preview-caption,
    .wnm-live-facts > div, .wnm-live-price > span, .wnm-live-price > small
) {
    font-size: var(--wnm-text-meta);
    line-height: 1.65;
}

#page_web_na_miru #smpls-editor-content :is(
    .wnm-hero-facts strong, .wnm-floating-card strong,
    .wnm-section-nav a, .wnm-offer-action, .wnm-service-pricing a,
    .wnm-service-note, .wnm-text-button, .wnm-choices strong,
    .wnm-module-options strong, .wnm-upload strong
) {
    font-size: var(--wnm-text-body);
    line-height: 1.5;
}

#page_web_na_miru #smpls-editor-content :is(
    .wnm-hero-choices, .wnm-fields label, .wnm-service-row label,
    .wnm-file-copy strong, .wnm-style-options span
) {
    font-size: 15px;
    line-height: 1.6;
}

#page_web_na_miru #smpls-editor-content :is(
    .wnm-fields input, .wnm-fields textarea, .wnm-fields select,
    .wnm-service-row input, .wnm-file-copy input
) {
    font-size: var(--wnm-text-body);
    line-height: 1.5;
}

#page_web_na_miru #smpls-editor-content .wnm-step-nav strong {
    font-size: 15px;
    line-height: 1.4;
}

#page_web_na_miru #smpls-editor-content .wnm-step-nav small {
    font-size: 13px;
    line-height: 1.5;
}

#page_web_na_miru #smpls-editor-content .wnm-nav-number {
    font-size: var(--wnm-text-meta);
    width: 30px;
    height: 30px;
}

#page_web_na_miru #smpls-editor-content .wnm-device-toggle button {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}

#page_web_na_miru #smpls-editor-content .wnm-preview-heading {
    flex-wrap: wrap;
}

#page_web_na_miru #smpls-editor-content .wnm-workspace {
    grid-template-columns: 210px minmax(0, 1fr) 280px;
}

@media (max-width: 1199px) {
    #page_web_na_miru #smpls-editor-content .wnm-workspace {
        grid-template-columns: minmax(0, 1fr) 260px;
    }

    #page_web_na_miru #smpls-editor-content .wnm-builder-sidebar {
        grid-column: 1 / -1;
        position: static;
    }

    #page_web_na_miru #smpls-editor-content .wnm-builder-sidebar > .wnm-label,
    #page_web_na_miru #smpls-editor-content .wnm-sidebar-note {
        display: none;
    }

    #page_web_na_miru #smpls-editor-content .wnm-step-nav {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 6px;
    }

    #page_web_na_miru #smpls-editor-content .wnm-step-nav button {
        flex-direction: column;
        text-align: center;
        padding: 12px 6px;
    }

    #page_web_na_miru #smpls-editor-content .wnm-step-nav small {
        display: none;
    }
}

@media (max-width: 767px) {
    #page_web_na_miru #smpls-editor-content .wnm-workspace {
        grid-template-columns: minmax(0, 1fr);
    }

    #page_web_na_miru #smpls-editor-content .wnm-step-nav {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    #page_web_na_miru #smpls-editor-content .wnm-step-nav strong {
        font-size: var(--wnm-text-meta);
    }

    #page_web_na_miru #smpls-editor-content .wnm-live-panel {
        display: flex;
        flex-direction: column;
    }

    #page_web_na_miru #smpls-editor-content .wnm-live-site:not(.wnm-live-mobile) {
        width: 100%;
        max-width: 320px;
    }

    #page_web_na_miru #smpls-editor-content .wnm-style-options {
        grid-template-columns: minmax(0, 1fr);
    }

    #page_web_na_miru #smpls-editor-content .wnm-preview-heading {
        justify-content: space-between;
    }

    #page_web_na_miru #smpls-editor-content .wnm-summary {
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
    }

    #page_web_na_miru #smpls-editor-content .wnm-summary dd {
        margin-bottom: 10px;
    }

    #page_web_na_miru #smpls-editor-content .wnm-service-row {
        flex-wrap: wrap;
    }

    #page_web_na_miru #smpls-editor-content .wnm-service-row label {
        flex-basis: calc(50% - 8px);
    }
}