
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--navy:#283747;--ink:#283747;--muted:#586674;--sand:#f8f5f0;--line:#e8e2da;--bronze:#a98e7d}
html{scroll-behavior:smooth}body{background:var(--sand)!important;color:var(--ink)!important;font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif!important}p{color:var(--muted);line-height:1.95!important}h1,h2,h3{color:var(--ink);line-height:1.45!important}header{background:var(--navy)!important;box-shadow:none!important}header nav a{color:#fff!important}header img{filter:none!important}header a{color:#fff!important}
main{max-width:1190px!important;padding-top:48px!important}.hero{background:transparent!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr)!important;gap:clamp(22px,4vw,60px)!important;align-items:center!important;margin:0 0 34px!important;padding:0!important}.hero>div{padding:20px 0!important}.hero h1{font-size:clamp(34px,4.5vw,60px)!important;margin:8px 0 18px!important}.hero p{font-size:clamp(16px,1.7vw,20px)!important;max-width:540px}.hero .eyebrow{color:var(--bronze)!important;letter-spacing:.2em!important}.hero>img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;max-height:470px!important;object-fit:cover!important;object-position:center!important;border-radius:23px!important;box-shadow:0 22px 55px #24334415!important}
.procedure-intro{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}.procedure-intro span{border:1px solid #dcd3c9;background:#fff;padding:7px 15px;border-radius:40px;font-size:13px;color:#455464}.editorial-head{margin:45px 0 20px;padding-top:24px;border-top:1px solid #d9d4cf}.editorial-head .eyebrow{color:var(--bronze);letter-spacing:.22em;font-size:12px}.editorial-head h2{font-size:clamp(25px,3vw,36px);margin:7px 0}.editorial-head p{max-width:730px;margin:0}.grid{gap:18px!important}.panel{background:#fff!important;border:1px solid var(--line)!important;border-radius:20px!important;padding:clamp(22px,3vw,34px)!important;box-shadow:0 14px 34px #25344808!important}.panel h2{font-size:clamp(20px,2.2vw,25px)!important}.panel p{font-size:16px!important}.panel.wide{grid-column:1/-1}.guide-list{padding-right:20px;color:var(--muted);line-height:2}.guide-list li{padding:4px 0}.editorial-note{border-right:3px solid var(--bronze);padding:16px 22px;background:#fff;border-radius:12px;margin:22px 0;color:var(--muted)}.editorial-visual{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.editorial-visual img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px}.editorial-visual figcaption{font-size:12px;color:var(--muted);margin-top:7px}.references{background:#eeeae4;border-radius:18px;padding:24px;margin:28px 0}.references a{color:#344b61}.references ul{margin:8px 0}.references li{margin:8px 0}.section-navigation{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 30px}.section-navigation a{border-radius:40px;padding:9px 16px;background:#fff;border:1px solid var(--line);text-decoration:none;font-size:13px}footer{background:var(--navy)!important;color:#fff!important}footer *{color:#fff!important}
@media(max-width:730px){main{padding:22px 16px 55px!important}.hero{display:flex!important;flex-direction:column-reverse!important;gap:12px!important}.hero>img{aspect-ratio:1.45!important;max-height:320px!important;min-height:0!important;object-position:center!important}.hero>div{width:100%;padding:4px 0!important}.hero h1{font-size:35px!important}.hero p{font-size:16px!important}.grid{grid-template-columns:1fr!important}.panel{padding:22px!important}.editorial-visual{grid-template-columns:1fr}.editorial-head{margin-top:28px}header{padding:16px!important}header nav{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}header nav a{font-size:12px!important}}
