@font-face{font-family:Nunito Local;src:url(../media/nunito-latin.1wzrasd95pxo_.woff2)format("woff2");font-style:normal;font-weight:200 1000;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Local;src:url(../media/nunito-latin-ext.0hsc8w3pfbl3r.woff2)format("woff2");font-style:normal;font-weight:200 1000;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Arabic Local;src:url(../media/noto-sans-arabic.30bz475acv3ru.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}:root{--font-ui:"Nunito Local";--font-arabic:"Noto Sans Arabic Local";--color-ink:#18201f;--color-paper:#fff;--color-mist:#f5f7f6;--color-teal:#006b8f;--color-safety:#006b8f;--color-danger:#c73e3a}*{box-sizing:border-box}html{background:var(--color-mist);color:var(--color-ink)}body{min-inline-size:320px;font-family:var(--font-ui), var(--font-arabic), sans-serif;margin:0;font-size:1rem;line-height:1.5}button,input,select,textarea{font:inherit}input::placeholder,textarea::placeholder{font-size:.9rem;font-weight:400}button,input,select,textarea{border:1px solid var(--color-ink);border-radius:4px}button{background:var(--color-teal);min-block-size:44px;color:var(--color-mist);cursor:pointer;padding-inline:1rem;font-weight:700}button:disabled{cursor:not-allowed;opacity:.7;background-color:#18201f}button.secondary{background:var(--color-teal)}input,select,textarea{background:var(--color-paper);min-block-size:44px;inline-size:100%;color:var(--color-ink);padding:.55rem .7rem}textarea{resize:vertical;min-block-size:7rem}:focus-visible{outline:3px solid var(--color-safety);outline-offset:3px}.skip-link{z-index:2;background:var(--color-ink);color:var(--color-paper);padding:.5rem .75rem;position:fixed;inset-block-start:.5rem;inset-inline-start:.5rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.survey-form{background:var(--color-paper);min-block-size:100vh;inline-size:min(100% - 2rem,54rem);margin-inline:auto;padding:1.5rem clamp(1rem,4vw,3rem) 2rem}.survey-header{border-block-end:1px solid var(--color-ink);justify-content:space-between;align-items:center;gap:1rem;padding-block-end:1.5rem;display:flex}.brand-logo{block-size:auto;inline-size:min(13rem,52vw)}.language{gap:.25rem;font-size:.875rem;font-weight:700;display:grid}.language select{min-block-size:40px;min-inline-size:8rem}main{padding-block:2rem}h1{margin:0 0 1rem;font-size:clamp(1.8rem,5vw,2.5rem);font-weight:600;line-height:1.15}h2{font-size:1.125rem}p{max-inline-size:62ch}.notice{padding-block-start:1rem}.required-note{margin-block:1.5rem;font-size:.9375rem}.question{border:0;border-block-start:1px solid color-mix(in srgb, var(--color-ink) 35%, var(--color-paper));min-inline-size:0;margin:0;padding:1.5rem 0;position:relative}.question:before{content:"";background:var(--color-safety);block-size:5px;inline-size:2.5rem;position:absolute;inset-block-start:-3px;inset-inline-start:0}legend{inline-size:100%;padding:0;font-weight:700;display:block}.rating-rail{gap:.25rem;margin-block:1rem .5rem;display:flex}.rating-option{block-size:44px;inline-size:44px;color:var(--color-ink);cursor:pointer;place-items:center;font-size:1.7rem;display:grid;position:relative}.rating-option input{opacity:0;border:10px solid red;block-size:1px;inline-size:1px;position:absolute}.svg-star{width:100%;height:100%}.svg-star svg{stroke-width:1.4px;width:70%;height:70%;overflow:visible}.rating-option:has(input:focus-visible){outline:3px solid var(--color-teal);outline-offset:2px}.rating-help,.helper,.optional{color:color-mix(in srgb, var(--color-ink) 76%, var(--color-paper));font-size:.875rem}.choice-row{flex-wrap:wrap;gap:.75rem;margin-block-start:1rem;display:flex}.choice-option{align-items:center;gap:.5rem;min-block-size:44px;padding-inline:.25rem .75rem;display:flex}.choice-option input{block-size:20px;inline-size:20px;accent-color:var(--color-teal)}.text-question{gap:.75rem;display:grid}.field-error{color:var(--color-danger);margin:.5rem 0 0;font-weight:700}.error-summary,.server-error{border-inline-start:5px solid var(--color-danger);background:var(--color-mist);margin-block:1.5rem;padding:1rem}.error-summary h2,.server-error h2{margin:0}.error-summary ul{margin-block-end:0}.error-summary a{color:inherit;font-weight:700}.status-message{font-weight:700}.survey-form footer{border-block-start:1px solid var(--color-ink);padding-block-start:1rem;font-size:.875rem}.state{background:var(--color-paper);inline-size:min(100% - 2rem,48rem);margin:4rem auto;padding:2rem}.internal-shell{place-items:center;min-block-size:100vh;padding:1rem;display:grid}.internal-panel{background:var(--color-paper);border-block-start:6px solid var(--color-safety);inline-size:min(100%,54rem);padding:clamp(1.5rem,5vw,3rem)}.internal-panel form{gap:.5rem;display:grid}.internal-panel label{gap:.4rem;margin-block-start:.75rem;font-weight:700;display:grid}.internal-panel button{justify-self:start;margin-block-start:1rem}.internal-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.internal-top .secondary{margin:0}.eyebrow{color:color-mix(in srgb, var(--color-ink) 76%, var(--color-paper));text-transform:capitalize;margin:0 0 .5rem;font-size:.875rem;font-weight:800}.generated-link{border-block-start:1px solid var(--color-ink);gap:.75rem;margin-block-start:2rem;padding-block-start:1.5rem;display:grid}.generated-link label{gap:.4rem;font-weight:700;display:grid}span.required-marker{color:var(--color-danger);display:inline}@media (max-width:480px){.survey-form{inline-size:100%;padding-inline:1rem}.survey-header{flex-direction:column;align-items:flex-start}.language,.language select{inline-size:100%}.rating-rail{justify-content:space-between;gap:0}.internal-top{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){.rating-option:has(input:checked){color:highlighttext;background:highlight}}
