/* Shared Thmanyah typography and clear, externally labelled form fields. */
html:root body,html:root body *,html:root body *::before,html:root body *::after{font-family:'Thmanyah Serif Display',serif!important;font-synthesis:none;font-kerning:normal;font-variant-ligatures:normal}
html:root body input::placeholder,html:root body textarea::placeholder{font-family:'Thmanyah Serif Display',serif!important}
html[lang="ar"] body *{letter-spacing:normal!important}
html body :is(h1,h2,h3,h4,h5,h6){font-family:'Thmanyah Serif Display',serif!important;font-synthesis:none}
/* Inline title accents must retain the display face, not the body Sans face. */
html body :is(h1,h2,h3,h4,h5,h6) :is(span,a,strong,em,b,small){font-family:'Thmanyah Serif Display',serif!important;font-synthesis:none}
html body :is(h1,h2,h3,h4,h5,h6){letter-spacing:normal;text-wrap:balance}
html.dark .mena-wordmark,html.dark .auth-shell .brand img{filter:brightness(1.65) saturate(.8)}
html body :is(input,textarea,select,button[role="combobox"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([aria-invalid="true"]){border:1.5px solid #368ed0!important;box-shadow:0 0 0 2px #148dff0b,0 0 14px #148dff16!important}
html body :is(input,textarea,select,button[role="combobox"]):focus-visible{outline:2px solid #138de4!important;outline-offset:3px;box-shadow:0 0 0 4px #148dff17,0 0 22px #148dff28!important}
html body :is(input,textarea,select)[disabled]{box-shadow:none!important;border-color:#8194aa!important;opacity:.65}
html.dark body :is(input,textarea,select,button[role="combobox"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([aria-invalid="true"]){border-color:#43bfff!important;box-shadow:0 0 0 2px #36c8ff0c,0 0 16px #36c8ff20!important}
/* Keep the arrow in normal flow: long/wrapped labels cannot overlap it.
   A transparent SVG replaces masks so Safari never paints a solid rectangle. */
html body label:has(>input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"])),html body label:has(>textarea),html body label:has(>select){display:grid;grid-template-columns:minmax(0,1fr);row-gap:5px!important}
html body label>input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),html body label>textarea,html body label>select{grid-row:3;min-width:0}
html body label[for]:has(+input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"])),html body label[for]:has(+textarea),html body label[for]:has(+select),html body label[for]:has(+button[role="combobox"]){display:block;padding-bottom:0;padding-inline-end:0}
html body label:has(>input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]))::after,html body label:has(>textarea)::after,html body label:has(>select)::after,html body label[for]:has(+input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]))::after,html body label[for]:has(+textarea)::after,html body label[for]:has(+select)::after,html body label[for]:has(+button[role="combobox"])::after{content:"";display:block;position:static;grid-row:2;justify-self:start;width:44px;height:28px;margin-block:4px 0;margin-inline:14px 0;pointer-events:none;background:transparent url("/field-arrow.svg?v=20260908-2") center/contain no-repeat;mask:none;-webkit-mask:none;transform:none}
html[dir="ltr"] body label:has(>input)::after,html[dir="ltr"] body label:has(>textarea)::after,html[dir="ltr"] body label:has(>select)::after,html[dir="ltr"] body label[for]::after{transform:scaleX(-1)}
@media(prefers-reduced-motion:reduce){html body input,html body textarea,html body select{transition:none!important}}