/* Route-scoped fixes; never alter shared theme colours or tracking. */
.vfd{direction:rtl;background:#f4f0e7;color:#102b32;font-family:"Tajawal","Segoe UI",Arial,sans-serif;overflow:hidden}
.vfd[dir=ltr]{direction:ltr;font-family:"Segoe UI",Arial,sans-serif}
.vfd .vfd-hero:before{pointer-events:none}
.vfd .vfd-board .is-red{color:#fff!important}
.vfd .vfd-board__head span{color:#bed1d2!important}
.vfd .vfd-board>div>b{color:#fff!important}
.vfd .vfd-alert span{color:#b9f227!important}
.vfd .vfd-alert p,.vfd .vfd-alert a,.vfd .vfd-budget-note,.vfd .vfd-budget-note strong{color:#fff!important}
.vfd .vfd-budget-note a{color:#b9f227!important}
.vfd .vfd-btn--primary{color:#112b25!important}
.vfd .vfd-btn--dark{color:#fff!important}
.vfd .vfd-btn--light{color:#09232a!important}
.vfd .vfd-crumb{color:#40595b;flex-wrap:wrap;white-space:normal;overflow:visible}
.vfd .vfd-crumb a{color:#40595b!important;text-decoration:underline;text-underline-offset:3px}
.vfd .vfd-card,.vfd .vfd-card dl>div,.vfd .vfd-filters label{min-width:0}
.vfd .vfd-card dd,.vfd .vfd-card__links a{overflow-wrap:anywhere}
.vfd .vfd-filters label{color:#102b32!important}
.vfd .vfd-filters select{color:#102b32!important;max-width:100%}
.vfd .vfd-filters button{color:#fff!important;font-family:inherit;font-weight:800;cursor:pointer}
.vfd .vfd-answer aside{border-right:0;border-inline-start:5px solid #19746c}
.vfd .vfd-budget-note{border-right:0;border-inline-start:6px solid #b9f227}
.vfd .vfd-cost aside ol{padding:0;padding-inline-start:1.25rem}
.vfd .vfd-workflow h3{color:#fff!important}
.vfd #faq.vfd-faq{background:#f4f0e7;color:#102b32}
.vfd #faq.vfd-faq h2,.vfd #faq.vfd-faq summary{color:#102b32!important}
.vfd #faq.vfd-faq p{color:#41575a!important}
.vfd :is(a,button,select,summary):focus-visible{outline:3px solid #167a70;outline-offset:4px}
.vfd :is(.vfd-hero,.vfd-alert,.vfd-workflow,.vfd-final,.vfd-budget-note) :is(a,button,summary):focus-visible{outline-color:#b9f227}
.vfd :is(section[id],article[id]){scroll-margin-top:90px}
.vfd [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.vfd .vfd-btn:hover{transform:none}.vfd *{transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.vfd a{text-decoration:underline!important}.vfd .vfd-btn{border:2px solid ButtonText}.vfd :is(a,button,select,summary):focus-visible{outline:3px solid Highlight}}