:root{--vfd-ink:#102b32;--vfd-deep:#09232a;--vfd-paper:#f4f0e7;--vfd-card:#fffdf8;--vfd-line:#c8d0c8;--vfd-green:#b9f227;--vfd-mint:#d7f7df;--vfd-blue:#a8ddff;--vfd-amber:#ffd88a;--vfd-red:#ff826f;--vfd-muted:#52666a}
main.vfd{direction:rtl;background:var(--vfd-paper);color:var(--vfd-ink);font-family:"Tajawal","Segoe UI",Arial,sans-serif;overflow:hidden}
.vfd .vfd-hero h1,.vfd .vfd-alert h2,.vfd .vfd-workflow h2,.vfd .vfd-final h2{color:#fff!important}.vfd .vfd-hero .vfd-kicker{color:#a9e9e0!important}.vfd .vfd-hero .vfd-lead{color:#d6e3e2!important}.vfd .vfd-hero .vfd-btn--line{color:#fff!important}.vfd .vfd-alert p{color:#f5ddd6!important}.vfd .vfd-alert span{color:#ff7a67!important}.vfd .vfd-workflow .vfd-kicker{color:#8fe7da!important}.vfd .vfd-workflow p{color:#cfe0dd!important}.vfd .vfd-final .vfd-kicker{color:#b9f227!important}.vfd .vfd-final p{color:#d5e6e3!important}.vfd .vfd-final>div:last-child>a:not(.vfd-btn){color:#fff!important}
.vfd *{box-sizing:border-box}.vfd a{color:inherit}.vfd h1,.vfd h2,.vfd h3,.vfd p{margin-top:0}.vfd h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.08;letter-spacing:-.035em}.vfd h3{line-height:1.25}.vfd p,.vfd li,.vfd dd{font-size:1.05rem;line-height:1.9}.vfd-crumb{max-width:1180px;margin:0 auto;padding:1rem 1.25rem;display:flex;gap:.65rem;align-items:center;color:#53676a;font-size:.9rem}.vfd-crumb a{text-decoration:none}.vfd-crumb a:hover{text-decoration:underline}.vfd-kicker{margin:0 0 .7rem!important;color:#29615f;font:800 .8rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}.vfd-btn{min-height:48px;padding:.8rem 1.25rem;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;transition:transform .18s ease,box-shadow .18s ease}.vfd-btn:hover{transform:translateY(-2px)}.vfd-btn:focus-visible,.vfd button:focus-visible,.vfd select:focus-visible,.vfd a:focus-visible{outline:3px solid #167a70;outline-offset:3px}.vfd-btn--primary{background:var(--vfd-green);color:#112b25;box-shadow:0 10px 30px #b9f22730}.vfd-btn--line{border:1px solid #b9d6d5;color:#fff}.vfd-btn--dark{background:var(--vfd-deep);color:#fff}.vfd-btn--light{background:#fff;color:var(--vfd-deep)}
.vfd-hero{max-width:1180px;margin:0 auto 2rem;background:var(--vfd-deep);color:#fff;border-radius:4px 4px 28px 28px;padding:clamp(2rem,5vw,5rem);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:clamp(2rem,5vw,5rem);position:relative}.vfd-hero:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,var(--vfd-green) 0 35%,var(--vfd-blue) 35% 57%,var(--vfd-amber) 57% 78%,var(--vfd-red) 78%)}.vfd-hero .vfd-kicker{color:#a9e9e0}.vfd-hero h1{font-size:clamp(2.7rem,6.3vw,5.7rem);line-height:.99;letter-spacing:-.055em;max-width:850px}.vfd-lead{color:#d6e3e2;font-size:clamp(1.08rem,2vw,1.32rem)!important;max-width:760px}.vfd-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}.vfd-hero__facts{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:0;margin:2rem 0 0;list-style:none}.vfd-hero__facts li{border-top:2px solid #4b7475;padding:1rem 0}.vfd-hero__facts b{font:900 2rem/1 ui-monospace,monospace;color:var(--vfd-green);display:block}.vfd-hero__facts span{font-size:.84rem;color:#c4d4d3}.vfd-board{align-self:center;border:1px solid #3c6266;background:#0e3038;padding:1.2rem;box-shadow:14px 14px 0 #06191e}.vfd-board__head,.vfd-board>div{display:flex;direction:ltr;justify-content:space-between;gap:1rem;padding:.85rem .3rem;border-bottom:1px dashed #41666b;font:800 .78rem/1.3 ui-monospace,monospace}.vfd-board__head{color:#8ca6aa}.vfd-board span{padding:.2rem .35rem;color:#102b32}.vfd-board .is-green{background:var(--vfd-green)}.vfd-board .is-amber{background:var(--vfd-amber)}.vfd-board .is-blue{background:var(--vfd-blue)}.vfd-board .is-red{background:var(--vfd-red)}.vfd-board small{display:block;margin-top:1rem;color:#b8cccb;line-height:1.7}
.vfd-answer,.vfd-legend,.vfd-matrix,.vfd-compare,.vfd-workflow,.vfd-passport,.vfd-docs,.vfd-cost,.vfd-mistakes,.vfd-sources,.vfd-faq{max-width:1180px;margin:0 auto;padding:clamp(3.5rem,7vw,7rem) 1.25rem}.vfd-answer{display:grid;grid-template-columns:1.45fr .75fr;gap:2rem;padding-top:3rem;padding-bottom:3rem}.vfd-answer aside{background:#dcebe5;border-right:5px solid #19746c;padding:1.5rem}.vfd-answer aside b{display:block;font-size:1.25rem;margin-bottom:.5rem}.vfd-answer a,.vfd-budget-note a,.vfd-passport a{font-weight:800;text-decoration-thickness:2px;text-underline-offset:4px}
.vfd-legend{background:#fff}.vfd-legend__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.vfd-legend article{border:1px solid var(--vfd-line);padding:1.35rem;position:relative}.vfd-legend article span{font:900 2rem/1 ui-monospace,monospace;color:#89a19d}.vfd-legend article:nth-child(1){border-top:7px solid var(--vfd-green)}.vfd-legend article:nth-child(2){border-top:7px solid var(--vfd-amber)}.vfd-legend article:nth-child(3){border-top:7px solid var(--vfd-blue)}.vfd-legend article:nth-child(4){border-top:7px solid var(--vfd-red)}
.vfd-matrix>header{max-width:850px}.vfd-filters{margin:2rem 0 1rem;padding:1rem;background:#dfe8e1;display:grid;grid-template-columns:repeat(4,1fr) auto;gap:.75rem;align-items:end}.vfd-filters label{font-size:.82rem;font-weight:900;display:grid;gap:.35rem}.vfd-filters select{width:100%;min-height:48px;border:1px solid #9aada8;background:#fff;color:var(--vfd-ink);padding:.7rem;border-radius:4px;font:inherit}.vfd-filters button{min-height:48px;border:0;background:var(--vfd-deep);color:#fff;padding:.7rem 1rem;border-radius:4px;font:900 .9rem inherit;cursor:pointer}.vfd-filter-status{font-weight:800;color:#39615f;margin:0 0 1rem}.vfd-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.vfd-card{background:var(--vfd-card);border:1px solid #b9c7c2;border-radius:4px;padding:1.3rem;box-shadow:0 10px 30px #193b3210;display:flex;flex-direction:column}.vfd-card[hidden]{display:none}.vfd-card__top{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.vfd-card__top>span{font:900 1.4rem/1 ui-monospace,monospace;color:#50726d}.vfd-card__top em{font-style:normal;font-weight:900;font-size:.75rem;background:var(--vfd-mint);padding:.35rem .55rem;border-radius:2px}.vfd-card h3{font-size:1.7rem;margin:.9rem 0 .45rem}.vfd-card>p{color:#41575a;min-height:118px}.vfd-card dl{margin:auto 0 0;border-top:1px solid #d0d8d4}.vfd-card dl>div{display:grid;grid-template-columns:105px 1fr;gap:.6rem;padding:.65rem 0;border-bottom:1px dashed #c7d0cc}.vfd-card dt{font-size:.76rem;font-weight:900;color:#5c7473}.vfd-card dd{margin:0;font-size:.82rem;line-height:1.55;font-weight:700}.vfd-card__links{display:grid;gap:.45rem;margin-top:1rem}.vfd-card__links a{font-size:.82rem;font-weight:900;text-underline-offset:3px}.vfd-empty{background:#fff0db;border:1px solid #e9b563;padding:1.5rem;margin-top:1rem}.vfd-budget-note{margin:1.5rem 0 0!important;background:#0d333a;color:#e7f1ef;padding:1.4rem;border-right:6px solid var(--vfd-green)}.vfd-budget-note a{color:var(--vfd-green)}
.vfd-alert{max-width:1180px;margin:0 auto;background:#2f1712;color:#fff;padding:clamp(2rem,5vw,4rem);display:grid;grid-template-columns:.65fr 1.35fr;gap:2rem;border-top:8px solid var(--vfd-red)}.vfd-alert span{font:900 .8rem ui-monospace,monospace;color:var(--vfd-red)}.vfd-alert h2{font-size:clamp(2rem,4vw,3.4rem);margin:.8rem 0}.vfd-alert p{color:#f5ddd6}.vfd-alert a{color:#fff;font-weight:900}
.vfd-compare__grid,.vfd-mistakes>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.vfd-compare article{background:#fff;border-bottom:5px solid #4d837a;padding:1.5rem}.vfd-compare article span{font:900 .75rem ui-monospace,monospace;color:#21746c}.vfd-compare h3{font-size:1.35rem}.vfd-workflow{background:#0b2931;color:#fff;max-width:none;padding-left:max(1.25rem,calc((100% - 1180px)/2 + 1.25rem));padding-right:max(1.25rem,calc((100% - 1180px)/2 + 1.25rem))}.vfd-workflow .vfd-kicker{color:#8fe7da}.vfd-workflow ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.vfd-workflow li{display:grid;grid-template-columns:70px 1fr;gap:1rem;background:#123b44;padding:1.3rem}.vfd-workflow li>b{font:900 2rem ui-monospace,monospace;color:var(--vfd-green)}.vfd-workflow h3{margin-bottom:.3rem;color:#fff}.vfd-workflow p{color:#cfe0dd;margin:0}
.vfd-passport{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem}.vfd-passport__checks{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.vfd-passport__checks article{background:#fff;border:1px solid #becbc6;padding:1.15rem}.vfd-passport__checks span{font:900 1.5rem ui-monospace,monospace;color:#5b8a83}.vfd-docs{background:#fff}.vfd-docs>header{max-width:800px}.vfd-docs ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.vfd-docs li{background:#e8eee8;padding:1.15rem;border-top:4px solid #6a8f88}.vfd-docs li b,.vfd-docs li span{display:block}.vfd-docs li span{font-size:.86rem;color:#536467}.vfd-cost{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem}.vfd-cost aside{background:var(--vfd-amber);padding:1.5rem}.vfd-cost aside>b{font-size:1.4rem}.vfd-cost aside ol{padding-right:1.25rem}.vfd-cost .vfd-btn{margin-top:.8rem}.vfd-mistakes>div{grid-template-columns:repeat(4,1fr)}.vfd-mistakes article{border:1px solid #c4cec9;background:#fff;padding:1.2rem}.vfd-mistakes article b{font:900 1.4rem ui-monospace,monospace;color:#db5d49}.vfd-mistakes article p{font-size:.92rem}.vfd-sources{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;background:#dfeae2}.vfd-sources ul{list-style:none;padding:0;margin:0}.vfd-sources li{border-bottom:1px solid #b5c5bd;padding:.75rem 0}.vfd-sources a{font-weight:900}.vfd-faq>div{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.vfd-faq details{background:#fff;border:1px solid #c2cec9;padding:1rem 1.1rem}.vfd-faq summary{cursor:pointer;font-weight:900;display:flex;justify-content:space-between;gap:1rem}.vfd-faq summary span{font-size:1.4rem}.vfd-faq details p{margin:.8rem 0 0;color:#4c6063}.vfd-final{max-width:1180px;margin:0 auto 4rem;background:#1a4c4a;color:#fff;padding:clamp(2rem,5vw,4rem);display:grid;grid-template-columns:1.25fr .75fr;gap:2rem}.vfd-final .vfd-kicker{color:#b9f227}.vfd-final p{color:#d5e6e3}.vfd-final>div:last-child{display:grid;gap:.7rem;align-content:center}.vfd-final>div:last-child>a:not(.vfd-btn){color:#fff;font-weight:900}
@media(max-width:1000px){.vfd-hero{grid-template-columns:1fr}.vfd-board{max-width:620px}.vfd-cards{grid-template-columns:repeat(2,1fr)}.vfd-filters{grid-template-columns:repeat(2,1fr)}.vfd-filters button{grid-column:1/-1}.vfd-legend__grid{grid-template-columns:repeat(2,1fr)}.vfd-docs ul{grid-template-columns:repeat(2,1fr)}.vfd-mistakes>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.vfd h2{font-size:2.15rem}.vfd-crumb{white-space:nowrap;overflow:auto}.vfd-hero{margin:0 .75rem 1rem;padding:2rem 1.25rem;border-radius:3px 3px 22px 22px}.vfd-hero h1{font-size:2.75rem}.vfd-actions{display:grid}.vfd-hero__facts{grid-template-columns:1fr}.vfd-board{box-shadow:7px 7px 0 #06191e}.vfd-answer,.vfd-alert,.vfd-passport,.vfd-cost,.vfd-sources,.vfd-final{grid-template-columns:1fr}.vfd-legend__grid,.vfd-cards,.vfd-compare__grid,.vfd-workflow ol,.vfd-docs ul,.vfd-mistakes>div,.vfd-faq>div{grid-template-columns:1fr}.vfd-filters{grid-template-columns:1fr}.vfd-card>p{min-height:0}.vfd-card dl>div{grid-template-columns:95px 1fr}.vfd-workflow li{grid-template-columns:52px 1fr}.vfd-passport__checks{grid-template-columns:1fr 1fr}.vfd-alert{margin:0 .75rem}.vfd-final{margin:0 .75rem 3rem}.vfd p,.vfd li{font-size:1rem}.vfd-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.vfd *{scroll-behavior:auto!important;transition:none!important}}
