/* Small accessibility additions; the reference layout remains in the original CSS. */
:focus-visible { outline: 3px solid #7961c5; outline-offset: 5px; }
#lang_hndlr { cursor: pointer; }
header .logo_wrap img.logo { width: 250px !important; height: 98px !important; padding: 20px 0; object-fit: cover; }
@media(max-width: 768px) { header .logo_wrap img.logo { width: 160px !important; height: 38px !important; padding: 0; } }
#langDropdown { min-width: 150px; }
@media(max-width: 768px) { header .lang_box .lang_box_1 #langDropdown { left: auto !important; right: 0 !important; width: max-content !important; } }
.faqs_box .bl-title[role=button] { cursor: pointer; }
.faqs_box .bl-content[hidden] { display: none; }
.read-more[role=button], .footer_pages [role=button] { cursor: pointer; }
dialog { border: 0; border-radius: 16px; padding: 34px; width: min(540px, calc(100% - 40px)); max-height: 85vh; overflow-y: auto; color: #333; font: 16px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; box-shadow: 0 20px 80px #16102445; }
dialog::backdrop { background: #17132699; }
dialog h2 { font-size: 24px; color: #27204a; line-height: 1.35; margin: 6px 0 20px; padding-right: 18px; }
dialog p { margin: 0 0 18px; }
dialog ol { margin: 0 0 20px; padding-left: 22px; list-style: decimal; }
dialog li { margin: 8px 0; }
dialog .dialog-close { position: absolute; right: 8px; top: 4px; font-size: 26px; background: transparent; color: #27204a; padding: 3px 12px; }
dialog .dialog-done { margin-top: 10px; }
@media(max-width: 480px) { dialog { padding: 26px; } }