/* Thmanyah @font-face lives in the active theme's fonts.css (enqueued by the
   plugin). We intentionally do NOT redeclare @font-face here: a duplicate
   family+weight with a missing src would override the theme's working faces
   and break the font. The stack below still falls back to a loaded webfont. */
/* Thmanyah Sans faces, bundled in assets/fonts/. Declared here so the default
   form typography works on any theme; a form set to inherit the theme font
   overrides --respa-form-font and never reaches this stack. */
@font-face{font-family:"Thmanyah Sans";font-style:normal;font-weight:300;font-display:swap;
  src:url("../fonts/thmanyahsans-Light.woff2") format("woff2"),url("../fonts/thmanyahsans-light.woff2") format("woff2");}
@font-face{font-family:"Thmanyah Sans";font-style:normal;font-weight:400;font-display:swap;
  src:url("../fonts/thmanyahsans-Regular.woff2") format("woff2"),url("../fonts/thmanyahsans-regular.woff2") format("woff2");}
@font-face{font-family:"Thmanyah Sans";font-style:normal;font-weight:500;font-display:swap;
  src:url("../fonts/thmanyahsans-Medium.woff2") format("woff2"),url("../fonts/thmanyahsans-medium.woff2") format("woff2");}
@font-face{font-family:"Thmanyah Sans";font-style:normal;font-weight:600 700;font-display:swap;
  src:url("../fonts/thmanyahsans-Bold.woff2") format("woff2"),url("../fonts/thmanyahsans-bold.woff2") format("woff2");}
@font-face{font-family:"Thmanyah Sans";font-style:normal;font-weight:800 900;font-display:swap;
  src:url("../fonts/thmanyahsans-Black.woff2") format("woff2"),url("../fonts/thmanyahsans-black.woff2") format("woff2");}

:root{--sf-font-sans:"Thmanyah Sans","IBM Plex Sans Arabic","Tajawal",system-ui,-apple-system,"Segoe UI",sans-serif;--sf-font-display:"Thmanyah Serif Display","Thmanyah Sans","IBM Plex Sans Arabic","Tajawal",serif;--sf-orange:#fd5a16;--sf-black:#000;--sf-cream:#f3efe8;}
.respa-form-wrapper:not(.respa-form-inherit-font),.respa-form-wrapper:not(.respa-form-inherit-font) *{font-family:var(--respa-form-font,var(--sf-font-sans))!important;}
/* Form controls do not inherit font-family from the page — a UA default wins
   unless something says otherwise. The opt-out above declares no font at all,
   which left inputs and buttons on Arial while the rest of the form had taken
   the theme's face. `inherit` written literally works; only substitution
   through var() does not. */
.respa-form-wrapper.respa-form-inherit-font input,
.respa-form-wrapper.respa-form-inherit-font textarea,
.respa-form-wrapper.respa-form-inherit-font select,
.respa-form-wrapper.respa-form-inherit-font button{font-family:inherit}

.respa-form-wrapper:not(.respa-form-inherit-font) h1,.respa-form-wrapper:not(.respa-form-inherit-font) h2,.respa-form-wrapper:not(.respa-form-inherit-font) h3,.respa-form-wrapper:not(.respa-form-inherit-font) h4,.respa-form-wrapper:not(.respa-form-inherit-font) h5,.respa-form-wrapper:not(.respa-form-inherit-font) h6,.respa-form-wrapper:not(.respa-form-inherit-font) .sf-big-title,.respa-form-wrapper:not(.respa-form-inherit-font) .sf-hero-logo,.respa-form-wrapper:not(.respa-form-inherit-font) .sf-display,.respa-form-wrapper:not(.respa-form-inherit-font) .cv-name,.respa-form-wrapper:not(.respa-form-inherit-font) .display-title{font-family:var(--respa-form-font-display,var(--respa-form-font,var(--sf-font-display)))!important;}

.respa-form-wrapper{--respa-form-bg:#f7f5f0;--respa-form-text:#141414;--respa-form-heading:#111;--respa-form-accent:#116466;--respa-form-button-bg:#116466;--respa-form-button-text:#fff;--respa-form-input-bg:#fff;--respa-form-input-border:#c8d2cf;--respa-form-input-text:#141414;--respa-form-card-bg:rgba(255,255,255,.82);--respa-form-card-radius:18px;--respa-form-button-radius:12px;--respa-form-field-radius:12px;--respa-form-align:right;background:var(--respa-form-bg);color:var(--respa-form-text);min-height:560px;display:flex;align-items:center;justify-content:center;padding:clamp(18px,4vw,56px);box-sizing:border-box;text-align:var(--respa-form-align)}.respa-form-wrapper *{box-sizing:border-box}.respa-form-card{width:min(780px,100%);min-height:430px;background:var(--respa-form-card-bg);border:1px solid rgba(20,20,20,.08);border-radius:var(--respa-form-card-radius);padding:clamp(22px,5vw,52px);box-shadow:0 20px 60px rgba(0,0,0,.08);backdrop-filter:blur(8px)}.respa-form-layout-centered .respa-form-card{box-shadow:none}.respa-form-layout-minimal .respa-form-card{background:transparent;border:0;box-shadow:none}.respa-form-layout-split .respa-form-card{margin-inline-start:auto;width:min(640px,100%)}.respa-form-logo{max-width:130px;max-height:74px;object-fit:contain;margin-bottom:22px}.respa-form-logo-inline{float:inline-start;margin-inline-end:18px}.respa-form-progress{height:6px;background:rgba(20,20,20,.12);border-radius:999px;overflow:hidden;margin-bottom:36px}.respa-form-progress span{display:block;height:100%;background:var(--respa-form-accent);transition:width .32s ease}.respa-form-screen{display:none;opacity:0;transform:translateY(8px)}.respa-form-screen.is-active{display:block;animation:respaFormIn .28s ease forwards}.respa-form-question-count{color:color-mix(in srgb,var(--respa-form-text) 55%,transparent);font-size:14px;margin-bottom:12px}.respa-form-screen h2{font-size:clamp(28px,4vw,46px);line-height:1.12;margin:0 0 14px;letter-spacing:0;color:var(--respa-form-heading)}.respa-form-screen p,.respa-form-description{font-size:18px;line-height:1.65;margin:0 0 26px;color:color-mix(in srgb,var(--respa-form-text) 72%,transparent)}.respa-form-field{margin:28px 0 10px}.respa-form-field input[type=text],.respa-form-field input[type=email],.respa-form-field input[type=tel],.respa-form-field textarea{width:100%;border:2px solid var(--respa-form-input-border);border-radius:var(--respa-form-field-radius);background:var(--respa-form-input-bg);color:var(--respa-form-input-text);font-size:22px;line-height:1.4;padding:14px 16px;outline:none}.respa-form-field textarea{min-height:140px;resize:vertical}.respa-form-field input:focus,.respa-form-field textarea:focus{border-color:var(--respa-form-accent)}.respa-form-options,.respa-form-rating{display:grid;gap:12px}.respa-form-options label,.respa-form-rating label{display:flex;align-items:center;gap:12px;border:1px solid var(--respa-form-input-border);border-radius:var(--respa-form-field-radius);padding:14px 16px;cursor:pointer;background:var(--respa-form-input-bg);transition:border-color .18s,transform .18s}.respa-form-key{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:6px;background:color-mix(in srgb,var(--respa-form-accent) 14%,transparent);font-size:13px}.respa-form-rating{grid-template-columns:repeat(auto-fit,minmax(54px,1fr))}.respa-form-rating label{justify-content:center}.respa-form-options input,.respa-form-rating input{position:absolute;opacity:0}.respa-form-options label.is-selected,.respa-form-rating label.is-selected,.respa-form-options label:has(input:checked),.respa-form-rating label:has(input:checked){border-color:var(--respa-form-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--respa-form-accent) 20%,transparent)}.respa-form-error{min-height:24px;color:#b42318;font-size:14px;margin-top:10px}.respa-form-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px}.respa-form-button{appearance:none;border:0;border-radius:var(--respa-form-button-radius);padding:13px 22px;font-size:16px;font-weight:700;cursor:pointer;background:var(--respa-form-button-bg);color:var(--respa-form-button-text);text-decoration:none;display:inline-flex;justify-content:center;transition:transform .18s,opacity .18s}.respa-form-prev{background:transparent;color:var(--respa-form-text);border:1px solid var(--respa-form-input-border)}.respa-form-button:hover{transform:translateY(-1px)}.respa-form-button:disabled{opacity:.6;cursor:wait;transform:none}.respa-form-thanks{text-align:center;padding:48px 0}.respa-form-thank-link{margin-top:18px}.respa-form-thank-link[hidden]{display:none!important}.respa-form-thanks .respa-form-error{margin-top:14px}.respa-form-wrapper[dir=rtl] .respa-form-field input,.respa-form-wrapper[dir=rtl] .respa-form-field textarea{text-align:right}@keyframes respaFormIn{to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.respa-form-wrapper{min-height:100svh;padding:0}.respa-form-card{min-height:100svh;border-radius:0;border:0;padding:24px 18px}.respa-form-screen h2{font-size:31px}.respa-form-screen p,.respa-form-description{font-size:16px}.respa-form-nav{position:sticky;bottom:12px}.respa-form-button{width:100%}.respa-form-rating{grid-template-columns:repeat(5,1fr)}}
.respa-form-question-image{display:block;max-width:100%;max-height:280px;border-radius:var(--respa-form-field-radius);margin:0 0 18px;object-fit:cover}
.respa-form-thank-image{display:block;max-width:100%;max-height:260px;border-radius:var(--respa-form-card-radius);margin:0 auto 18px;object-fit:cover}
.respa-form-field input[type=number],.respa-form-field input[type=file]{width:100%;border:2px solid var(--respa-form-input-border);border-radius:var(--respa-form-field-radius);background:var(--respa-form-input-bg);color:var(--respa-form-input-text);font-size:22px;line-height:1.4;padding:14px 16px;outline:none}.respa-form-embed{display:inline-block}.respa-form-popup[hidden]{display:none}.respa-form-popup{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px}.respa-form-popup-overlay{position:absolute;inset:0;background:rgba(0,0,0,.56)}.respa-form-popup-dialog{position:relative;width:min(920px,100%);max-height:92vh;overflow:auto;outline:none}.respa-form-popup-dialog .respa-form-wrapper{min-height:0;border-radius:var(--respa-form-card-radius)}.respa-form-popup-close{position:absolute;z-index:2;inset-block-start:12px;inset-inline-end:12px;width:38px;height:38px;border:0;border-radius:999px;background:rgba(0,0,0,.62);color:#fff;font-size:24px;line-height:1;cursor:pointer}.respa-form-popup-opened{overflow:hidden}.respa-form-full-page .respa-form-wrapper{min-height:100vh}@media(max-width:640px){.respa-form-popup{padding:0}.respa-form-popup-dialog{width:100%;max-height:100vh}.respa-form-popup-close{inset-block-start:10px;inset-inline-end:10px}}

/* Modern consent checkbox + submission feedback */
.respa-form-consent{display:flex;align-items:flex-start;gap:14px;width:100%;border:1px solid var(--respa-form-input-border);border-radius:var(--respa-form-field-radius);background:var(--respa-form-input-bg);padding:15px 16px;cursor:pointer;line-height:1.7;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.respa-form-consent:hover{border-color:color-mix(in srgb,var(--respa-form-accent) 55%,var(--respa-form-input-border))}
.respa-form-consent input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;flex:0 0 auto;width:24px;height:24px;margin:.15em 0 0;border:2px solid var(--respa-form-input-border);border-radius:8px;background:var(--respa-form-input-bg);display:grid;place-items:center;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.respa-form-consent input[type=checkbox]::after{content:"";width:6px;height:11px;border:solid var(--respa-form-button-text);border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transform-origin:center;transition:transform .15s ease}
.respa-form-consent input[type=checkbox]:checked{background:var(--respa-form-accent);border-color:var(--respa-form-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--respa-form-accent) 15%,transparent)}
.respa-form-consent input[type=checkbox]:checked::after{transform:rotate(45deg) scale(1)}
.respa-form-consent input[type=checkbox]:focus-visible{outline:0;box-shadow:0 0 0 4px color-mix(in srgb,var(--respa-form-accent) 24%,transparent)}
.respa-form-consent.is-selected,.respa-form-consent:has(input:checked){border-color:var(--respa-form-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--respa-form-accent) 14%,transparent)}
.respa-form-consent span{display:block;color:var(--respa-form-text);font-size:18px}
.respa-form-consent a{color:var(--respa-form-accent);font-weight:700;text-underline-offset:4px}
.respa-form-submit-status{display:inline-flex;align-items:center;gap:8px;color:color-mix(in srgb,var(--respa-form-text) 68%,transparent);font-weight:700;font-size:14px;margin-inline-start:auto}
.respa-form-submit-status::before{content:"";width:16px;height:16px;border:2px solid color-mix(in srgb,var(--respa-form-accent) 25%,transparent);border-top-color:var(--respa-form-accent);border-radius:50%;animation:respaFormSpin .75s linear infinite}
.respa-form-shell.is-submit-pending .respa-form-progress span{animation:respaFormPulse 1s ease-in-out infinite}
@keyframes respaFormSpin{to{transform:rotate(360deg)}}
@keyframes respaFormPulse{50%{opacity:.55}}
@media(max-width:640px){.respa-form-consent span{font-size:16px}.respa-form-submit-status{width:100%;justify-content:center;margin-inline-start:0}}

/* .respa-form-wrapper.respa-form-shell.respa-form-layout-card{min-height:min(720px,100svh)} */
.respa-form-card{display:flex;flex-direction:column}
.respa-form-card .respa-form-runtime{display:flex;flex-direction:column;flex:1}
.respa-form-screen.is-active{flex:1;display:flex;flex-direction:column;justify-content:center}
.respa-form-question.is-active > :first-child{margin-top:auto}
.respa-form-question.is-active .respa-form-nav{margin-top:auto;padding-top:28px}
/* Statement styling (per-question color + optional background) */
.respa-form-question[data-question-type=statement] h2{color:var(--respa-statement-color,var(--respa-form-accent))}
.respa-form-question[data-question-type=statement] .respa-form-description,.respa-form-question[data-question-type=statement] p{color:color-mix(in srgb,var(--respa-statement-color,var(--respa-form-text)) 78%,transparent)}
.respa-form-question[data-question-type=statement].has-statement-bg{background:color-mix(in srgb,var(--respa-statement-bg) 14%,transparent);border-inline-start:4px solid var(--respa-statement-color,var(--respa-form-accent));border-radius:var(--respa-form-field-radius);padding:26px 24px}
.respa-form-question[data-question-type=statement] .respa-form-field{margin:0}

/* Start screen independent styling */
.respa-form-start h2{color:var(--respa-form-start-title,var(--respa-form-heading))}
.respa-form-start p{color:var(--respa-form-start-text,color-mix(in srgb,var(--respa-form-text) 72%,transparent))}
.respa-form-start .respa-form-start-button{background:var(--respa-form-start-button-bg,var(--respa-form-button-bg));color:var(--respa-form-start-button-text,var(--respa-form-button-text))}
.respa-form-start-align-center{text-align:center}
.respa-form-start-align-right{text-align:right}
.respa-form-start-align-left{text-align:left}

/* "Other" option with inline text input */
/* NOTE: the selectors below are intentionally compounded with .respa-form-options
   so they outrank ".respa-form-options input{position:absolute;opacity:0}" — that
   rule is meant for the hidden radio/checkbox inputs only, and it used to swallow
   the "Other" text field (it faded in with the animation, then snapped back to
   opacity:0 once the animation ended). */
.respa-form-other{display:grid;gap:0}
.respa-form-options .respa-form-other-input,.respa-form-other-input{position:static;opacity:1;border:2px solid var(--respa-form-input-border);border-radius:var(--respa-form-field-radius);background:var(--respa-form-input-bg);color:var(--respa-form-input-text);font-size:18px;line-height:1.4;padding:12px 14px;outline:none;margin-top:10px;margin-inline-start:36px;width:calc(100% - 36px);animation:respaFormOtherIn .2s ease forwards}
@keyframes respaFormOtherIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.respa-form-options .respa-form-other-input:focus,.respa-form-other-input:focus{border-color:var(--respa-form-accent)}
.respa-form-options .respa-form-other-input[hidden],.respa-form-other-input[hidden]{display:none}
@media(max-width:640px){.respa-form-options .respa-form-other-input,.respa-form-other-input{margin-inline-start:0;width:100%}}

/* Checkbox visuals inside multi-select options */
.respa-form-options[data-multiple="1"] label .respa-form-key{border-radius:6px}


/* Start screen layout + independent full background */
.respa-form-shell{transition:background .35s ease}
.respa-form-card{transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}
.respa-form-shell.respa-form-on-start{background:var(--respa-form-start-screen-bg,var(--respa-form-bg))}
.respa-form-shell.respa-form-on-start .respa-form-card{background:var(--respa-form-start-screen-bg,var(--respa-form-card-bg));border-color:transparent;box-shadow:none}
.respa-form-shell.respa-form-on-start .respa-form-progress{visibility:hidden}
.respa-form-start.is-active{justify-content:center;align-items:inherit;gap:0;padding:24px 0 48px}
.respa-form-start h2{font-size:clamp(30px,4.4vw,50px);margin:0 0 16px}
.respa-form-start p{max-width:560px;margin-inline:auto}
.respa-form-start-align-right p{margin-inline:0}
.respa-form-start-align-left p{margin-inline:0}
.respa-form-start .respa-form-start-button{margin-top:26px;align-self:center;padding:15px 34px;font-size:17px}
.respa-form-start-align-right .respa-form-start-button{align-self:flex-start}
.respa-form-start-align-left .respa-form-start-button{align-self:flex-start}
.respa-form-wrapper[dir=rtl] .respa-form-start-align-right .respa-form-start-button{align-self:flex-start}

/* Full-screen background override (statement full background) */
.respa-form-shell.sf-has-screen-bg{background:var(--respa-form-screen-bg)}
.respa-form-shell.sf-has-screen-bg .respa-form-card{background:var(--respa-form-screen-bg);border-color:transparent;box-shadow:none;backdrop-filter:none}
.respa-form-shell.sf-has-screen-bg .respa-form-progress{background:color-mix(in srgb,var(--respa-statement-color,var(--respa-form-accent)) 18%,transparent)}

/* Contact group: multiple inputs on one screen */
.respa-form-group{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px}
.respa-form-group-field{display:flex;flex-direction:column;gap:8px}
.respa-form-group-field.sf-w-full{grid-column:1/-1}
.respa-form-group-label{font-size:15px;font-weight:500;color:color-mix(in srgb,var(--respa-form-text) 78%,transparent)}
.respa-form-group-label em{color:#b42318;font-style:normal;margin-inline-start:2px}
.respa-form-group-field input{width:100%;border:2px solid var(--respa-form-input-border);border-radius:var(--respa-form-field-radius);background:var(--respa-form-input-bg);color:var(--respa-form-input-text);font-size:18px;line-height:1.4;padding:12px 14px;outline:none;transition:border-color .18s}
.respa-form-group-field input:focus{border-color:var(--respa-form-accent)}
.respa-form-group-field input.sf-invalid{border-color:#b42318}
@media(max-width:640px){.respa-form-group{grid-template-columns:1fr}.respa-form-group-field.sf-w-half{grid-column:1/-1}}

/* Resume notice */
.respa-form-resume-notice{display:flex;align-items:center;gap:10px;background:color-mix(in srgb,var(--respa-form-accent) 10%,transparent);color:var(--respa-form-text);border:1px solid color-mix(in srgb,var(--respa-form-accent) 30%,transparent);border-radius:var(--respa-form-field-radius);padding:11px 15px;font-size:14px;margin-bottom:20px;animation:respaFormIn .3s ease}
.respa-form-resume-notice button{appearance:none;border:0;background:transparent;color:inherit;font-size:18px;line-height:1;cursor:pointer;margin-inline-start:auto;opacity:.6}
.respa-form-resume-notice button:hover{opacity:1}

/* Scale questions (CSAT / NPS / CES / RI / VFM) */
.respa-form-scale{display:flex;flex-direction:column;gap:14px;margin-top:6px}
.respa-form-scale .respa-form-scale-item{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;flex:1}
.respa-form-scale.is-num{flex-direction:row;flex-wrap:wrap;gap:10px}
.respa-form-scale.is-emoji{flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center}
.respa-form-scale input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.respa-form-scale-mark{display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.respa-form-scale.is-num .respa-form-scale-mark{min-width:52px;height:56px;padding:0 10px;border:2px solid var(--respa-form-input-border);border-radius:var(--respa-form-field-radius);background:var(--respa-form-input-bg);color:var(--respa-form-input-text);font-size:20px;font-weight:700}
.respa-form-scale.is-emoji .respa-form-scale-mark{font-size:40px;line-height:1;filter:grayscale(.35) opacity(.85);transform:scale(.94)}
.respa-form-scale-item:hover .respa-form-scale-mark{transform:scale(1.04)}
.respa-form-scale.is-emoji .respa-form-scale-item:hover .respa-form-scale-mark{filter:none;transform:scale(1.08)}
.respa-form-scale.is-num .respa-form-scale-item:has(input:checked) .respa-form-scale-mark{border-color:var(--respa-form-accent);background:color-mix(in srgb,var(--respa-form-accent) 14%,var(--respa-form-input-bg));box-shadow:0 0 0 3px color-mix(in srgb,var(--respa-form-accent) 22%,transparent);color:var(--respa-form-heading)}
.respa-form-scale.is-emoji .respa-form-scale-item:has(input:checked) .respa-form-scale-mark{filter:none;transform:scale(1.16)}
.respa-form-scale-item.is-selected .respa-form-scale-mark{border-color:var(--respa-form-accent)}
.respa-form-scale-labels{display:flex;justify-content:space-between;gap:10px;font-size:14px;font-weight:600;color:color-mix(in srgb,var(--respa-form-text) 62%,transparent);margin-top:4px}
@media(max-width:640px){.respa-form-scale.is-num .respa-form-scale-mark{min-width:42px;height:48px;font-size:17px}.respa-form-scale.is-emoji .respa-form-scale-mark{font-size:32px}.respa-form-scale-labels{font-size:12px}}

/* Completion celebration */
.respa-form-confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:50}
.respa-form-card{position:relative}
.respa-form-celebrate{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:50}
.respa-form-emoji-piece{position:absolute;top:-8%;will-change:transform,opacity;animation:respaFormEmojiFall 3s ease-in forwards}
@keyframes respaFormEmojiFall{0%{transform:translateY(-10%) rotate(0);opacity:0}10%{opacity:1}100%{transform:translateY(720px) rotate(320deg);opacity:0}}
@media (prefers-reduced-motion: reduce){.respa-form-confetti,.respa-form-celebrate{display:none!important}}

/* "File or text" question: write an answer, upload a file, or both. */
.respa-form-fot{display:flex;flex-direction:column;gap:14px}
.respa-form-fot-panel{display:flex;flex-direction:column;gap:8px}
.respa-form-fot-sub{font-size:15px;color:color-mix(in srgb,var(--respa-form-text) 70%,transparent)}
.respa-form-fot-or{display:flex;align-items:center;gap:12px;color:color-mix(in srgb,var(--respa-form-text) 55%,transparent);font-size:14px}
.respa-form-fot-or::before,.respa-form-fot-or::after{content:"";flex:1;height:1px;background:var(--respa-form-input-border)}

/* Blank Canvas page template: theme-free full-page shell */
body.respa-form-blank-canvas{margin:0;background:var(--respa-form-bg,#f7f5f0)}
.respa-form-blank-canvas-main{min-height:100vh;display:flex;flex-direction:column;justify-content:center}

/* Optional way out of a standalone form page, which otherwise has no site
   chrome to navigate from. Sits at the top-start corner of the card — the
   right in RTL — and mirrors its arrow with the writing direction. */
.respa-form-home-link{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;
  margin-bottom:14px;padding:6px 12px;border-radius:var(--respa-form-button-radius);
  border:1px solid var(--respa-form-input-border);background:transparent;
  color:var(--respa-form-text);opacity:.72;font-size:14px;text-decoration:none;
  transition:opacity .18s,border-color .18s}
.respa-form-home-link:hover{opacity:1;border-color:var(--respa-form-accent)}
.respa-form-home-link svg{flex:none}
.respa-form-wrapper[dir=rtl] .respa-form-home-link svg,
[dir=rtl] .respa-form-home-link svg{transform:scaleX(-1)}