/* Presentation only: existing page content and native form behavior remain intact. */
#mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"],[data-view="privacy"],[data-view="terms"],[data-view="returns"]) > :is(.site-header, .site-footer) {
    width:100%;
    max-width:none;
    margin-inline:0;
}
#mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"],[data-view="privacy"],[data-view="terms"],[data-view="returns"]) > :is(.site-header, .site-footer)::before,
#mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"],[data-view="privacy"],[data-view="terms"],[data-view="returns"]) > :is(.site-header, .site-footer)::after {
    content:normal;
}
#mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"],[data-view="privacy"],[data-view="terms"],[data-view="returns"]) > .site-footer > * {
    margin:0;
}

#mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"],[data-view="privacy"],[data-view="terms"],[data-view="returns"]) .service-main {
    width:100%;
    min-width:0;
    box-sizing:border-box;
    margin-inline:auto;
    color:var(--text);
}
#mfa-service-page:is([data-view="privacy"],[data-view="terms"],[data-view="returns"]) .service-main {
    max-width:808px;
    padding:56px 40px 64px;
}
#mfa-service-page[data-view="about"] .service-main {max-width:1160px;padding:70px 48px 80px}
#mfa-service-page[data-view="help"] .service-main {max-width:832px;padding:48px 36px 68px}
#mfa-service-page[data-view="contact"] .service-main {max-width:688px;padding:48px 36px 68px}

#mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"],[data-view="privacy"],[data-view="terms"],[data-view="returns"]) .service-main > h1 {
    margin:0 0 28px;
    color:var(--ink);
    font:500 40px/1.15 var(--mfa-font-ui);
    letter-spacing:-.035em;
    overflow-wrap:anywhere;
}
#mfa-service-page:is([data-view="privacy"],[data-view="terms"],[data-view="returns"]) .service-main > h1 {
    font-size:56px;
    line-height:1.1;
    margin-bottom:24px;
}
#mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"]) .service-main > h1.service-title {
    color:var(--muted);
    font-size:13px;
    font-weight:400;
    line-height:1.5;
    letter-spacing:normal;
    margin-bottom:27px;
}
#mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"],[data-view="privacy"],[data-view="terms"],[data-view="returns"]) .service-content {
    min-width:0;
    color:var(--text);
    font:400 16px/1.8 var(--mfa-font-ui);
    letter-spacing:normal;
    overflow-wrap:anywhere;
}
#mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"]) .service-content .wp-block-group {
    padding:0!important;
    margin:0!important;
    max-width:100%!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
}
#mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"]) .service-content .wp-block-group__inner-container {
    max-width:100%;
    margin-inline:0;
}
#mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"],[data-view="privacy"],[data-view="terms"],[data-view="returns"]) .service-content :is(p,h1,h2,h3,h4,ul,ol,blockquote,figure) {
    max-width:100%;
    font-family:inherit;
    letter-spacing:normal;
}
#mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"],[data-view="privacy"],[data-view="terms"],[data-view="returns"]) .service-content p {
    margin:0 0 18px;
    font-size:16px;
    line-height:1.8;
}
#mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"],[data-view="privacy"],[data-view="terms"],[data-view="returns"]) .service-content :is(h1,h2) {
    margin:40px 0 16px;
    color:var(--ink);
    font-size:24px!important;
    font-weight:600;
    line-height:1.35;
    letter-spacing:-.015em;
    scroll-margin-top:80px;
}
#mfa-service-page:is([data-view="privacy"],[data-view="terms"],[data-view="returns"]) .service-content h2 {font-size:22px!important;margin-top:44px}
#mfa-service-page[data-view="about"] .service-content > .wp-block-group > .wp-block-group__inner-container > h2:first-child {
    max-width:920px;
    margin:0 0 35px;
    color:var(--ink);
    font-size:clamp(48px,5.4vw,76px)!important;
    font-weight:500;
    line-height:1.06;
    letter-spacing:-.045em;
    text-align:left!important;
}
#mfa-service-page:is([data-view="help"],[data-view="contact"]) .service-content > .wp-block-group > .wp-block-group__inner-container > h2:first-child {
    margin:0 0 20px;
    font-size:40px!important;
    font-weight:500;
    line-height:1.15;
    letter-spacing:-.035em;
}
#mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"],[data-view="privacy"],[data-view="terms"],[data-view="returns"]) .service-content :is(h3,h4) {
    margin:30px 0 12px;
    color:var(--ink);
    font-size:19px!important;
    font-weight:600;
    line-height:1.4;
    scroll-margin-top:80px;
}
#mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"],[data-view="privacy"],[data-view="terms"],[data-view="returns"]) .service-content :is(ul,ol) {margin:0 0 20px;padding-inline-start:24px}
#mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"],[data-view="privacy"],[data-view="terms"],[data-view="returns"]) .service-content li {margin:0;padding-inline-start:4px}
#mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"],[data-view="privacy"],[data-view="terms"],[data-view="returns"]) .service-content li + li {margin-top:10px}
#mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"],[data-view="privacy"],[data-view="terms"],[data-view="returns"]) .service-content a {color:var(--ink);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
#mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"],[data-view="privacy"],[data-view="terms"],[data-view="returns"]) .service-content :is(a,summary):focus-visible {outline:2px solid var(--mfa-color-focus);outline-offset:4px}
#mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"],[data-view="privacy"],[data-view="terms"],[data-view="returns"]) .service-content strong {font-weight:600}
#mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"],[data-view="privacy"],[data-view="terms"],[data-view="returns"]) .service-content code {font-family:Consolas,monospace;font-size:.94em;white-space:normal;overflow-wrap:anywhere}
#mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"],[data-view="privacy"],[data-view="terms"],[data-view="returns"]) .service-content img {max-width:100%;height:auto}
#mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"]) .service-content .wp-block-button__link {
    max-width:100%;min-height:48px;padding:12px 23px;
    border:1px solid var(--ink);border-radius:28px;
    background:var(--ink);color:#fff;
    font:400 14px/1.5 var(--mfa-font-ui);
    text-decoration:none;white-space:normal;
}
#mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"]) .service-content .wp-block-button__link:hover {background:var(--mfa-color-hover);color:#fff}

/* Preserve any existing disclosure markup; no contents or headings are hidden. */
#mfa-service-page[data-view="help"] .service-content details {margin:0;border:0;border-bottom:1px solid var(--line);padding:0;background:transparent}
#mfa-service-page[data-view="help"] .service-content summary {cursor:pointer;padding:17px 0;min-height:62px;color:var(--ink);font-size:17px;line-height:1.5}
#mfa-service-page[data-view="help"] .service-content details > :not(summary) {margin-inline:0}
#mfa-service-page[data-view="help"] .service-content details p {color:var(--muted);font-size:15px;line-height:1.75}

/* Keep WPForms 208 fields, names, native layout, validation and antispam intact.
 * Input rules intentionally match only the existing visible field types. */
#mfa-service-page[data-view="contact"] .service-content .wpforms-container {margin:28px 0;font:inherit}
#mfa-service-page[data-view="contact"] .service-content .wpforms-form {margin:0;padding:0;border:0;background:transparent}
#mfa-service-page[data-view="contact"] .service-content .wpforms-form :is(.wpforms-field-name,.wpforms-field-email,.wpforms-field-textarea) {padding:0;margin:0 0 23px}
#mfa-service-page[data-view="contact"] .service-content .wpforms-field-label {margin:0 0 9px;color:var(--text);font:400 13px/1.5 var(--mfa-font-ui)}
#mfa-service-page[data-view="contact"] .service-content .wpforms-field-sublabel {color:var(--muted);font:400 12px/1.5 var(--mfa-font-ui)}
#mfa-service-page[data-view="contact"] .service-content .wpforms-field-name input[type="text"],
#mfa-service-page[data-view="contact"] .service-content .wpforms-field-email input[type="email"],
#mfa-service-page[data-view="contact"] .service-content .wpforms-field-textarea textarea {
    width:100%;max-width:100%;min-width:0;min-height:50px;margin:0;
    box-sizing:border-box;
    padding:13px 15px;border:1px solid var(--mfa-color-field-border);border-radius:5px;
    background:transparent;color:var(--text);
    font:400 16px/1.5 var(--mfa-font-ui);box-shadow:none;
}
#mfa-service-page[data-view="contact"] .service-content .wpforms-field-textarea textarea {min-height:152px;resize:vertical}
#mfa-service-page[data-view="contact"] .service-content .wpforms-field-name input[type="text"]:focus-visible,
#mfa-service-page[data-view="contact"] .service-content .wpforms-field-email input[type="email"]:focus-visible,
#mfa-service-page[data-view="contact"] .service-content .wpforms-field-textarea textarea:focus-visible,
#mfa-service-page[data-view="contact"] .service-content button.wpforms-submit:focus-visible {outline:2px solid var(--mfa-color-focus);outline-offset:4px}
#mfa-service-page[data-view="contact"] .service-content .wpforms-submit-container {margin-top:20px;padding:0}
#mfa-service-page[data-view="contact"] .service-content button.wpforms-submit {
    min-height:49px;height:auto;max-width:100%;padding:12px 26px;
    border:1px solid var(--ink);border-radius:28px;background:var(--ink);color:#fff;
    font:400 14px/1.5 var(--mfa-font-ui);
    text-transform:none;white-space:normal;box-shadow:none;cursor:pointer;
}
#mfa-service-page[data-view="contact"] .service-content button.wpforms-submit:hover {background:var(--mfa-color-hover);color:#fff}
#mfa-service-page[data-view="contact"] .service-content button.wpforms-submit:disabled {opacity:.5;cursor:wait}
#mfa-service-page[data-view="contact"] .service-content :is(label,em).wpforms-error {margin-top:7px;color:#8c3929;font:400 12px/1.65 var(--mfa-font-ui)}
#mfa-service-page[data-view="contact"] .service-content .wpforms-field-name input[type="text"].wpforms-error,
#mfa-service-page[data-view="contact"] .service-content .wpforms-field-email input[type="email"].wpforms-error,
#mfa-service-page[data-view="contact"] .service-content .wpforms-field-textarea textarea.wpforms-error {border-color:#964b38}
#mfa-service-page[data-view="contact"] .service-content .wpforms-error-container {color:#8c3929;font-size:14px;line-height:1.65}
#mfa-service-page[data-view="contact"] .service-content .wpforms-confirmation-container-full {margin:0;padding:16px;border:0;border-left:2px solid #6c8e77;border-radius:0;background:#e9eee5;color:var(--ink);font:400 14px/1.65 var(--mfa-font-ui);box-shadow:none}

@media(max-width:700px) {
    #mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"],[data-view="privacy"],[data-view="terms"],[data-view="returns"]) .service-main {padding:34px 24px 46px}
    #mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"],[data-view="privacy"],[data-view="terms"],[data-view="returns"]) .service-main > h1 {font-size:34px;margin-bottom:24px}
    #mfa-service-page:is([data-view="privacy"],[data-view="terms"],[data-view="returns"]) .service-main > h1 {font-size:38px;line-height:1.1}
    #mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"]) .service-main > h1.service-title {font-size:12px;margin-bottom:23px}
    #mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"],[data-view="privacy"],[data-view="terms"],[data-view="returns"]) .service-content {font-size:16px;line-height:1.75}
    #mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"],[data-view="privacy"],[data-view="terms"],[data-view="returns"]) .service-content :is(h1,h2) {font-size:22px!important;margin-top:32px}
    #mfa-service-page:is([data-view="privacy"],[data-view="terms"],[data-view="returns"]) .service-content h2 {font-size:20px!important;margin-top:36px}
    #mfa-service-page[data-view="about"] .service-content > .wp-block-group > .wp-block-group__inner-container > h2:first-child {font-size:clamp(32px,8.7vw,48px)!important;line-height:1.1;margin-top:0;letter-spacing:-.04em}
    #mfa-service-page:is([data-view="help"],[data-view="contact"]) .service-content > .wp-block-group > .wp-block-group__inner-container > h2:first-child {font-size:34px!important;margin-top:0}
    #mfa-service-page[data-view="help"] .service-content summary {font-size:16px}
}
@media(max-width:359px) {
    #mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"],[data-view="privacy"],[data-view="terms"],[data-view="returns"]) .service-main {padding-inline:20px}
}

/* Production legacy mobile button overrides; retain approved geometry and
 * colors without changing native form validation, busy states or focus rings. */
@media only screen and (max-width: 767px) {
    body.mfa-production-service-view #mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"]) .service-content .wp-block-button__link {
        padding:12px 23px!important;
        border-radius:28px!important;
        background:var(--ink)!important;
        color:#fff!important;
        font-size:14px!important;
        line-height:1.5!important;
    }
    body.mfa-production-service-view #mfa-service-page:is([data-view="about"],[data-view="help"],[data-view="contact"]) .service-content .wp-block-button__link:hover {
        background:var(--mfa-color-hover)!important;
        color:#fff!important;
    }
    body.mfa-production-service-view #mfa-service-page[data-view="contact"] .service-content button.wpforms-submit {
        padding:12px 26px!important;
        border-radius:28px!important;
        background:var(--ink)!important;
        color:#fff!important;
        font-size:14px!important;
        line-height:1.5!important;
    }
    body.mfa-production-service-view #mfa-service-page[data-view="contact"] .service-content button.wpforms-submit:hover {
        background:var(--mfa-color-hover)!important;
        color:#fff!important;
    }
}