/*
 * قالب "الرواشين" للإسكان والجمعيات الحجازية (data-skin="rawashin" فوق التصميم النهاري).
 * الرئيسية الخاصة (.rawashin) حارة حجازية في النهار: بيوت بيضاء برواشين ونقش المشربية، وزينة ونخل وناس، وحركة خفيفة.
 * والصفحات الداخلية بطابعه (آخر الملف) بخط Readex Pro. لا صور ثابتة: المشهد والروشان والبيت التوضيحي كلها SVG.
 * لون الجمعية (--b) للأبواب والنخل والأزرار، ولونها الثاني (--c) للرواشين ونقش المشربية والعناوين والتذييل.
 */
[data-skin="rawashin"]{
  --display:"Readex Pro","Noto Kufi Arabic",system-ui,sans-serif;
  --rw-ink:var(--c900); --rw-body:#454A5E; --rw-muted:#6F7487; --rw-line:#E4E5EC;
  --rw-paper:#FBFAF7; --rw-white:#fff;
  --rw-lat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M11 0 22 11 11 22 0 11z' fill='none' stroke='%23ffffff' stroke-width='1.3' opacity='.28'/%3E%3Ccircle cx='11' cy='11' r='2' fill='%23ffffff' opacity='.35'/%3E%3C/svg%3E");
  --rw-lat-soft:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M11 0 22 11 11 22 0 11z' fill='none' stroke='%23ffffff' stroke-width='1.2' opacity='.09'/%3E%3C/svg%3E");
  --rw-band:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M11 0 22 11 11 22 0 11z' fill='none' stroke='%23ffffff' stroke-width='1.3' opacity='.3'/%3E%3C/svg%3E");
}
[data-skin="rawashin"] .site-head{background:rgba(255,255,255,.94);border-bottom-color:var(--rw-line)}
[data-skin="rawashin"] .site-head::before{background:var(--c700)}

/* ألوان رسومات القالب (المشهد وصدر الصفحات والروشان) */
[data-skin="rawashin"] .rw-wall{fill:#fff}
[data-skin="rawashin"] .rw-wall2{fill:color-mix(in oklab,var(--c50) 75%,#fff)}
[data-skin="rawashin"] .rw-shade{fill:color-mix(in oklab,var(--c100) 65%,#fff)}
[data-skin="rawashin"] .rw-trim{fill:var(--c100)}
[data-skin="rawashin"] .rw-door{fill:var(--b600)}
[data-skin="rawashin"] .rw-door-ln{fill:var(--b700)}
[data-skin="rawashin"] .rw-cap{fill:var(--c700)}
[data-skin="rawashin"] .rw-cap2{fill:var(--c800)}
[data-skin="rawashin"] .rw-frame{fill:none;stroke:var(--c950);stroke-width:2}
[data-skin="rawashin"] .rw-frame-b{stroke-width:4}
[data-skin="rawashin"] .rw-mul{fill:var(--c950)}
[data-skin="rawashin"] .rw-lat-bg{fill:var(--c800)}
[data-skin="rawashin"] .rw-lat-ln{fill:none;stroke:var(--c300);stroke-width:1}
[data-skin="rawashin"] .rw-win{fill:var(--b700)}
[data-skin="rawashin"] .rw-leaf{fill:var(--b500)}
[data-skin="rawashin"] .rw-leaf2{fill:var(--b300)}
[data-skin="rawashin"] .rw-open{fill:var(--b50)}
[data-skin="rawashin"] .rw-palm{color:var(--b700)}

/* ==================================================================
   1. الرئيسية: الأساس
   ================================================================== */
.rawashin{background:var(--rw-paper);color:var(--rw-body);font-size:17px;line-height:1.85;overflow:hidden}
.rawashin a{color:inherit;text-decoration:none}
.rawashin img{display:block;max-width:100%}
.rawashin h1,.rawashin h2,.rawashin h3,.rawashin p,.rawashin ul,.rawashin ol,.rawashin figure,.rawashin blockquote{margin:0}
.rawashin ul,.rawashin ol{padding:0;list-style:none}
.rawashin svg.rw-i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.rawashin .rw-num{font-family:var(--display);direction:ltr;unicode-bidi:isolate;display:inline-block}
.rawashin section{position:relative;padding:96px 0}
.rawashin h2{font-family:var(--display);font-weight:700;font-size:clamp(30px,3.6vw,44px);line-height:1.25;color:var(--rw-ink)}
.rawashin h2 em{font-style:normal;color:var(--b700)}
.rawashin h3{font-family:var(--display);font-weight:600;color:var(--rw-ink)}
.rawashin .rw-kick{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-size:15px;font-weight:700;color:var(--b700);margin-bottom:10px}
.rawashin .rw-kick::before{content:"";width:12px;height:12px;transform:rotate(45deg);background:var(--b600);box-shadow:-16px 0 0 -3px var(--c300);flex:none}
.rawashin .rw-kick{padding-inline-start:6px}
.rawashin .rw-head{display:flex;flex-direction:column;gap:6px;margin-bottom:44px}
.rawashin .rw-head.rw-row{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 40px}
.rawashin .rw-center{text-align:center;align-items:center}
.rawashin .rw-p{font-size:18px;line-height:2;margin-top:16px;color:var(--rw-body);max-width:62ch}
.rawashin .rw-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center}
.rawashin .rw-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:color-mix(in oklab,var(--b100) 60%,#fff);color:var(--b700);flex:none}
.rawashin .rw-lat{background-color:var(--c800);background-image:var(--rw-lat)}

/* الأزرار: بلون الجمعية، وخطّية بلونها الثاني */
.rawashin .rw-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 24px;border-radius:14px;font-family:var(--display);font-weight:600;font-size:16px;border:1.5px solid transparent;transition:transform .18s,box-shadow .18s,background .18s;white-space:nowrap;margin-top:22px}
.rawashin .rw-btn:hover{transform:translateY(-2px)}
.rawashin .rw-btn-pri{background:var(--b600);color:#fff;box-shadow:0 14px 30px -18px var(--b700)}
.rawashin .rw-btn-pri:hover{background:var(--b700)}
.rawashin .rw-btn-line{border-color:var(--c300);color:var(--c800);background:rgba(255,255,255,.7)}
.rawashin .rw-btn-line:hover{border-color:var(--c600);background:#fff}
.rawashin .rw-btn:focus-visible,.rawashin a:focus-visible{outline:3px solid var(--c400);outline-offset:3px}
.rawashin .rw-ctas{display:flex;flex-wrap:wrap;gap:12px}
.rawashin .rw-ctas .rw-btn{margin-top:0}

/* ==================================================================
   2. الواجهة: الحارة
   ================================================================== */
.rawashin .rw-hero{padding:0;background:linear-gradient(180deg,color-mix(in oklab,var(--c100) 75%,#fff) 0%,color-mix(in oklab,var(--c50) 80%,#fff) 38%,color-mix(in oklab,var(--b50) 70%,#fff) 78%,var(--rw-paper) 100%)}
.rawashin .rw-copy{position:relative;z-index:2;text-align:center;padding-top:clamp(44px,6vw,74px)}
.rawashin .rw-chip{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;padding:8px 18px;border-radius:999px;background:#fff;color:var(--c800);font-weight:600;font-size:14.5px;box-shadow:0 8px 24px -14px color-mix(in oklab,var(--c800) 60%,transparent)}
.rawashin .rw-chip svg{color:var(--b700);width:17px;height:17px}
.rawashin .rw-chip span + span::before{content:"·";margin-inline-end:10px;color:var(--rw-muted)}
.rawashin .rw-hero h1{font-family:var(--display);font-weight:700;font-size:clamp(44px,6.2vw,84px);line-height:1.12;margin:22px auto 14px;max-width:16ch}
.rawashin .rw-l1{color:var(--c800)}
.rawashin .rw-l2{color:var(--b700)}
.rawashin .rw-lead{font-size:19px;line-height:1.9;max-width:700px;margin:0 auto;color:var(--rw-body)}
.rawashin .rw-hero .rw-ctas{justify-content:center;margin-top:28px}
.rawashin .rw-scene{position:relative;display:block;width:100%;height:auto;margin-top:-140px;z-index:1}
.rawashin .rw-band{height:22px;background-color:var(--c800);background-image:var(--rw-band)}

/* ألوان المشهد */
.rw-scene .rw-rays path{fill:#fff;opacity:.35}
.rw-scene .rw-cloud circle{fill:#fff;opacity:.9}
.rw-scene .rw-wing{fill:none;stroke:var(--c700);stroke-width:2.6;stroke-linecap:round}
.rw-scene .rw-hill{fill:var(--b100)}
.rw-scene .rw-hill2{fill:var(--b200)}
.rw-scene .rw-street{fill:color-mix(in oklab,var(--c50) 70%,#fff)}
.rw-scene .rw-rope{fill:none;stroke:var(--c800);stroke-width:1.6}
.rw-scene .rw-flag{stroke:var(--c800);stroke-width:.6}
.rw-scene .rw-f0{fill:var(--c600)}.rw-scene .rw-f1{fill:var(--b500)}.rw-scene .rw-f2{fill:#fff}.rw-scene .rw-f3{fill:var(--b300)}
.rw-scene .rw-ball{fill:#fff;stroke:var(--c800);stroke-width:2}

/* ==================================================================
   3. الأقسام
   ================================================================== */
/* من نحن: إطار روشان بتاج */
.rawashin .rw-about{background:var(--rw-paper)}
.rawashin .rw-frame-box{position:relative;padding:18px;border-radius:10px;background:var(--c800);margin-top:30px}
.rawashin .rw-crown{position:absolute;top:-30px;right:24px;left:24px;height:32px;background:var(--c800);clip-path:polygon(0 100%,0 40%,6% 40%,6% 0,12% 0,12% 40%,88% 40%,88% 0,94% 0,94% 40%,100% 40%,100% 100%)}
.rawashin .rw-frame-in{position:relative;background:#fff;border-radius:6px;padding:30px 30px 26px;display:grid;gap:20px}
.rawashin .rw-frame-in h3{font-size:21px;display:flex;align-items:center;gap:10px}
.rawashin .rw-frame-in p{margin-top:6px;font-size:16.5px;line-height:1.9}
.rawashin .rw-frame-in hr{border:0;height:10px;margin:0;background:radial-gradient(circle,var(--b300) 1.6px,transparent 2px) 0 50%/14px 10px repeat-x}

/* الأرقام على شريط المشربية */
.rawashin .rw-stats{padding:40px 0}
.rawashin .rw-stats .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 60px;color:#fff;text-align:center}
.rawashin .rw-stat b{font-size:clamp(34px,4vw,48px);font-weight:700;line-height:1.2}
.rawashin .rw-stat span{display:block;color:rgba(255,255,255,.85);font-size:16px}

/* كلمة رئيس مجلس الإدارة */
.rawashin .rw-word{padding:0 0 96px;background:var(--rw-paper)}
.rawashin .rw-quote{position:relative;border-radius:30px;padding:56px 66px;background:color-mix(in oklab,var(--b100) 45%,#fff);border:1px solid color-mix(in oklab,var(--b200) 70%,#fff);display:grid;grid-template-columns:auto minmax(0,1fr);gap:36px;align-items:center;overflow:hidden}
.rawashin .rw-qm{font-family:var(--display);font-weight:700;font-size:150px;line-height:.7;color:var(--b600)}
.rawashin .rw-quote blockquote{font-family:var(--display);font-weight:500;font-size:clamp(20px,2.2vw,27px);line-height:1.9;color:var(--c800)}
.rawashin .rw-quote figcaption{margin-top:16px;font-weight:700;color:var(--b700);font-size:17px}

/* البرامج: نوافذ برواشين */
.rawashin .rw-progs{background:#fff}
.rawashin .rw-aud{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}
.rawashin .rw-aud span{padding:6px 14px;border-radius:999px;background:color-mix(in oklab,var(--c50) 80%,#fff);border:1px solid var(--c100);color:var(--c800);font-size:14.5px;font-weight:600}
.rawashin .rw-wins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.rawashin .rw-win-card{position:relative;display:flex;flex-direction:column;background:var(--rw-paper);border:1px solid var(--rw-line);border-radius:6px 6px 22px 22px;padding:0 0 26px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.rawashin .rw-win-card:hover{transform:translateY(-4px);box-shadow:0 26px 50px -32px color-mix(in oklab,var(--c800) 70%,transparent)}
.rawashin .rw-win-top{position:relative;height:96px;background-color:var(--c800)}
.rawashin .rw-win-top img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rawashin .rw-win-top > .rw-num{position:absolute;top:14px;left:18px;font-weight:700;color:rgba(255,255,255,.8);font-size:15px;text-shadow:0 1px 4px rgba(0,0,0,.25)}
.rawashin .rw-shut{position:absolute;bottom:-30px;right:26px;width:64px;height:64px;border-radius:14px;background:var(--b600);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 6px var(--rw-paper)}
.rawashin .rw-win-card:nth-child(even) .rw-shut{background:var(--c600)}
.rawashin .rw-shut svg.rw-i{width:30px;height:30px}
.rawashin .rw-win-card h3{font-size:21px;margin:48px 26px 8px}
.rawashin .rw-win-card p,.rawashin .rw-win-card ul{margin:0 26px;font-size:16px;line-height:1.85}
.rawashin .rw-win-card li{position:relative;padding-inline-start:16px}
.rawashin .rw-win-card li::before{content:"";position:absolute;inset-inline-start:0;top:.8em;width:6px;height:6px;transform:rotate(45deg);background:var(--b500)}
.rawashin .rw-win-card small{margin:12px 26px 0;color:var(--rw-muted);font-size:14px}

/* قبل وبعد */
.rawashin .rw-story{background:var(--rw-paper)}
.rawashin .rw-hint{display:flex;align-items:center;gap:8px;margin-top:16px;color:var(--rw-muted);font-size:15px}
.rawashin .rw-ba-wrap figcaption{margin-top:10px;text-align:center;color:var(--rw-muted);font-size:13.5px}
.rawashin .rw-ba-art{aspect-ratio:520/340;max-width:none;border-radius:26px;background:#fff;border-color:var(--rw-line)}
.rawashin .rw-ba-art svg{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.rawashin .rw-ba-art .ba-tag.b{background:#fff;color:var(--c800);backdrop-filter:none}
.rawashin .rw-ba-art .ba-tag.a{background:var(--b600);color:#fff}
.rw-house .rw-h-sky{fill:color-mix(in oklab,var(--c50) 70%,#fff)}
.rw-house .rw-h-sky.is-old{fill:#F2F0F4}
.rw-house .rw-h-ground{fill:color-mix(in oklab,var(--b100) 70%,#fff)}
.rw-house .rw-h-ground.is-old{fill:#E9E6DF}
.rw-house .rw-h-wall{fill:#fff;stroke:var(--c100);stroke-width:3}
.rw-house .rw-h-wall.is-old{fill:#E4E1EB;stroke:#CFCBDA}
.rw-house .rw-h-roof{fill:var(--c600)}
.rw-house .rw-h-roof.is-old{fill:#9894B5}
.rw-house .rw-h-door{fill:var(--b600)}
.rw-house .rw-h-door.is-old{fill:#7E968D}
.rw-house .rw-h-win{fill:color-mix(in oklab,var(--c50) 60%,#fff);stroke:var(--c800);stroke-width:5}
.rw-house .rw-h-win.is-old{fill:#5E5B7C;stroke:#4F4B82}
.rw-house .rw-h-mul{stroke:var(--c800);stroke-width:4;fill:none}
.rw-house .rw-h-plank{stroke:#8B6F4E;stroke-width:8;stroke-linecap:round;fill:none}
.rw-house .rw-h-glass{stroke:#E4E1EB;stroke-width:3;fill:none}
.rw-house .rw-h-crack{stroke:#A9A4BF;stroke-width:3;fill:none;stroke-linecap:round}
.rw-house .rw-h-hole{fill:#F2F0F4}
.rw-house .rw-h-puddle{fill:#CFCBDA}
.rw-house .rw-h-weed{stroke:#9AA39E;stroke-width:3;fill:none}
.rw-house .rw-h-pot{fill:var(--c600)}
.rw-house .rw-h-leaf{fill:var(--b500)}
.rw-house .rw-h-leaf2{fill:var(--b700)}

/* الأهداف */
.rawashin .rw-goals{background:#fff}
.rawashin .rw-goal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rawashin .rw-goal-list li{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:16px;background:var(--rw-paper);border:1px solid var(--rw-line)}
.rawashin .rw-goal-list b{flex:none;width:46px;height:46px;border-radius:10px 10px 4px 4px;display:grid;place-items:center;background-color:var(--c800);background-image:var(--rw-lat);color:#fff;font-size:15px;font-weight:700}
.rawashin .rw-goal-list span{font-weight:600;color:var(--rw-ink);font-size:16.5px;line-height:1.7}

/* القيم */
.rawashin .rw-values{padding:44px 0}
.rawashin .rw-values .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 30px;font-family:var(--display);font-weight:600;font-size:19px;color:#fff}
.rawashin .rw-values span{display:flex;align-items:center;gap:30px}
.rawashin .rw-values span::after{content:"";width:9px;height:9px;transform:rotate(45deg);background:var(--b300)}
.rawashin .rw-values span:last-child::after{display:none}

/* المشاريع والأخبار */
.rawashin .rw-projects{background:var(--rw-paper)}
.rawashin .rw-news{background:#fff}
.rawashin .rw-pj{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.rawashin .rw-pj-card{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--rw-line);transition:transform .2s,box-shadow .2s}
.rawashin .rw-news .rw-pj-card{background:var(--rw-paper)}
.rawashin .rw-pj-card:hover{transform:translateY(-4px);box-shadow:0 26px 50px -32px color-mix(in oklab,var(--c800) 70%,transparent)}
.rawashin .rw-pj-art{position:relative;aspect-ratio:16/10;background-color:var(--c100)}
.rawashin .rw-pj-art img{width:100%;height:100%;object-fit:cover}
.rawashin .rw-state{position:absolute;top:12px;right:12px;padding:5px 12px;border-radius:999px;background:#fff;color:var(--c800);font-size:13px;font-weight:700}
.rawashin .rw-state.rw-done{background:var(--b600);color:#fff}
.rawashin .rw-pj-bd{display:flex;flex-direction:column;gap:6px;padding:20px 22px 22px}
.rawashin .rw-pj-bd h3{font-size:19px;line-height:1.5}
.rawashin .rw-meta{color:var(--rw-muted);font-size:14.5px;line-height:1.7}
.rawashin .rw-pg{display:flex;justify-content:space-between;font-size:14px;color:var(--rw-muted);margin-top:6px}
.rawashin .rw-pg b{color:var(--b700)}
.rawashin .rw-bar{display:block;height:8px;border-radius:99px;background:var(--c50);overflow:hidden}
.rawashin .rw-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--b500),var(--b700))}

/* رؤية 2030 */
.rawashin .rw-vision{padding:0 0 96px;background:var(--rw-paper)}
.rawashin .rw-projects + .rw-vision,.rawashin .rw-values + .rw-vision{padding-top:96px}
.rawashin .rw-vision-box{display:flex;gap:26px;align-items:center;padding:36px 40px;border-radius:26px;background:linear-gradient(135deg,color-mix(in oklab,var(--b100) 50%,#fff),#fff 65%);border:1px solid color-mix(in oklab,var(--b200) 70%,#fff)}
.rawashin .rw-ic-lg{width:70px;height:70px;border-radius:18px;background:var(--b600);color:#fff}
.rawashin .rw-ic-lg svg.rw-i{width:34px;height:34px}
.rawashin .rw-vision-box h3{font-size:21px;margin-bottom:6px}
.rawashin .rw-vision-box p{font-size:17px;line-height:1.9}

/* الحوكمة: وثائق وهيكل */
.rawashin .rw-gov{background:#fff}
.rawashin .rw-docs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
.rawashin .rw-doc{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:16px;background:var(--rw-paper);border:1px solid var(--rw-line);transition:border-color .2s,transform .2s}
.rawashin .rw-doc:hover{border-color:var(--c300);transform:translateY(-2px)}
.rawashin .rw-doc b{display:block;color:var(--rw-ink);font-size:15.5px}
.rawashin .rw-doc small{display:block;color:var(--rw-muted);font-size:13.5px;line-height:1.6;margin-top:2px}
.rawashin .rw-doc-alert .rw-ic{background:color-mix(in oklab,var(--c100) 70%,#fff);color:var(--c700)}
.rawashin .rw-org{display:flex;flex-direction:column;align-items:center;gap:0;padding:40px 30px;border-radius:24px;background-color:var(--c800);background-image:var(--rw-lat)}
.rawashin .rw-tier{min-width:240px;text-align:center;padding:16px 24px;border-radius:12px 12px 6px 6px;background:#fff;color:var(--rw-ink);font-family:var(--display);font-weight:600;font-size:19px}
.rawashin .rw-tier-top{background:var(--b600);color:#fff}
.rawashin .rw-org i{width:2px;height:28px;background:rgba(255,255,255,.6)}
.rawashin .rw-org-link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:#fff;font-weight:600}

/* الخدمات */
.rawashin .rw-services{background:var(--rw-paper)}
.rawashin .rw-services .rw-p{margin-top:0}
.rawashin .rw-forms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.rawashin .rw-form{display:flex;flex-direction:column;gap:8px;padding:24px 22px;border-radius:20px;background:#fff;border:1px solid var(--rw-line);transition:transform .2s,border-color .2s}
.rawashin .rw-form:hover{transform:translateY(-3px);border-color:var(--c300)}
.rawashin .rw-form .rw-ic{margin-bottom:6px}
.rawashin .rw-form:nth-child(even) .rw-ic{background:color-mix(in oklab,var(--c100) 70%,#fff);color:var(--c700)}
.rawashin .rw-form b{font-family:var(--display);font-size:18px;color:var(--rw-ink)}
.rawashin .rw-form > span{font-size:15px;line-height:1.8;color:var(--rw-body);flex:1}
.rawashin .rw-form em{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-weight:700;color:var(--b700);font-size:15px}

/* الشركاء */
.rawashin .rw-partners{background:#fff}
.rawashin .rw-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.rawashin .rw-partner{display:grid;place-items:center;min-width:170px;height:84px;padding:12px 20px;border-radius:16px;background:var(--rw-paper);border:1px solid var(--rw-line);font-weight:600;color:var(--rw-ink);text-align:center;font-size:15px}
.rawashin .rw-partner img{max-height:56px;width:auto;object-fit:contain}
.rawashin .rw-partner-add{border-style:dashed;border-color:var(--b400);color:var(--b700)}

/* ساهم معنا */
.rawashin .rw-give{background:var(--rw-paper)}
.rawashin .rw-give-box{display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:50px;align-items:center;background:color-mix(in oklab,var(--b100) 40%,#fff);border-radius:34px;padding:56px 60px;border:1px solid color-mix(in oklab,var(--b200) 70%,#fff)}
.rawashin .rw-give-box .rw-ctas{margin-top:24px}
.rawashin .rw-ch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}
.rawashin .rw-ch > div{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--rw-line)}
.rawashin .rw-ch small{display:block;color:var(--rw-muted);font-size:13px}
.rawashin .rw-ch b{color:var(--rw-ink);font-size:15.5px;word-break:break-all}
.rawashin .rw-roshan{width:240px;height:auto}

/* ==================================================================
   4. الحركة: غيوم وطيور وشمس وزينة ونخل وكرة. تتوقف إذا نزل الزائر تحت الواجهة، ومن يفضّل تقليل الحركة تثبت.
   ================================================================== */
.rw-scene .rw-cloud{animation:rw-drift 70s linear infinite}
.rw-scene .rw-c2{animation-duration:95s;animation-delay:-40s}
.rw-scene .rw-c3{animation-duration:80s;animation-delay:-65s}
@keyframes rw-drift{from{transform:translateX(-260px)}to{transform:translateX(1700px)}}
.rw-scene .rw-rays{transform-box:fill-box;transform-origin:center;animation:rw-spin 80s linear infinite}
@keyframes rw-spin{to{transform:rotate(360deg)}}
.rw-scene .rw-birds{animation:rw-fly 26s linear infinite}
@keyframes rw-fly{from{transform:translate(1500px,40px)}to{transform:translate(-200px,-30px)}}
.rw-scene .rw-wing{transform-box:fill-box;transform-origin:center bottom;animation:rw-flap .45s ease-in-out infinite alternate}
@keyframes rw-flap{to{transform:scaleY(-.6)}}
.rw-scene .rw-ball{animation:rw-bounce .55s cubic-bezier(.4,0,.6,1) infinite alternate}
@keyframes rw-bounce{to{transform:translateY(-38px)}}
.rw-scene .rw-kick{transform-box:fill-box;transform-origin:center bottom;animation:rw-kick .55s ease-in-out infinite alternate}
@keyframes rw-kick{to{transform:translateY(-5px)}}
.rw-scene .rw-flag{transform-box:fill-box;transform-origin:top center;animation:rw-sway 2.4s ease-in-out infinite alternate}
@keyframes rw-sway{from{transform:rotate(-7deg)}to{transform:rotate(7deg)}}
.rw-scene .rw-sway{transform-box:fill-box;transform-origin:center bottom;animation:rw-palm 4s ease-in-out infinite alternate}
@keyframes rw-palm{from{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}
.rawashin .rw-off *{animation-play-state:paused!important}
.rawashin .rw-rv{opacity:0;translate:0 18px;transition:opacity .6s ease,translate .6s ease,transform .2s,box-shadow .2s,border-color .2s}
.rawashin .rw-rv.rw-in{opacity:1;translate:none}
@media (prefers-reduced-motion:reduce){
  .rawashin *{animation:none!important;transition:none!important}
  .rawashin .rw-rv{opacity:1;translate:none}
}

/* ==================================================================
   5. الشاشات الأصغر والجوال
   ================================================================== */
@media (max-width:1060px){
  .rawashin .rw-forms{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rawashin .rw-wins,.rawashin .rw-pj{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .rawashin section{padding:64px 0}
  .rawashin .rw-two,.rawashin .rw-give-box{grid-template-columns:minmax(0,1fr);gap:34px}
  .rawashin .rw-roshan{display:none}
  .rawashin .rw-word,.rawashin .rw-vision{padding-bottom:64px}
  .rawashin .rw-projects + .rw-vision,.rawashin .rw-values + .rw-vision{padding-top:64px}
  .rawashin .rw-give-box{padding:36px 22px;border-radius:26px}
  .rawashin .rw-quote{grid-template-columns:minmax(0,1fr);padding:34px 24px;gap:4px}
  .rawashin .rw-qm{font-size:90px}
}
@media (max-width:640px){
  .rawashin .rw-scene{width:230%;margin-right:-65%;margin-top:-30px}
  .rawashin .rw-chip{font-size:13px;padding:7px 14px}
  .rawashin .rw-lead{font-size:17px}
  .rawashin .rw-hero .rw-ctas{flex-direction:column;padding:0 6px}
  .rawashin .rw-ctas .rw-btn{flex:1 1 100%}
  .rawashin .rw-wins,.rawashin .rw-pj,.rawashin .rw-forms,.rawashin .rw-docs,.rawashin .rw-goal-list,.rawashin .rw-ch{grid-template-columns:minmax(0,1fr)}
  .rawashin .rw-values .wrap{font-size:16px;gap:10px 18px}
  .rawashin .rw-values span{gap:18px}
  .rawashin .rw-vision-box{flex-direction:column;align-items:flex-start;padding:28px 22px}
  .rawashin .rw-tier{min-width:0;width:100%}
  .rawashin .rw-partner{min-width:140px}
  /* على الجوال: الكرة والطيور والزينة بس، والباقي ثابت عشان الصفحة تبقى خفيفة */
  .rw-scene .rw-rays,.rw-scene .rw-sway,.rw-scene .rw-cloud{animation:none}
}

/* ==================================================================
   الصفحات الداخلية بطابع الرواشين: صدر الصفحة بصف بيوت برواشين ونخلة فوق شريط المشربية، وبطاقات بيضاء بحافة لون الجمعية الثاني،
   وأزرار بلون الجمعية، والنماذج ورقة بيضاء، والتذييل بلون الجمعية الثاني بنقش المشربية. (يطبّق على كل الصفحات، والرئيسية لها تصميمها الخاص.)
   ================================================================== */
[data-skin="rawashin"]{
  --ink:var(--c900); --ink-2:#454A5E; --ink-3:#6F7487; --line:#E4E5EC; --line-2:#D6D4E4;
  --surface:#fff; --raised:var(--rw-paper); --radius:16px; --radius-lg:22px;
  --p:var(--b700);
}
[data-skin="rawashin"] body{background:var(--rw-paper)}
[data-skin="rawashin"] body::before{display:none}

/* صدر الصفحة */
[data-skin="rawashin"] .phead{
  --ink:var(--c900);--ink-2:#454A5E;--ink-3:#6F7487;--p:var(--b700);
  --p-soft:color-mix(in oklab,var(--b600) 9%,transparent);--p-line:color-mix(in oklab,var(--b600) 30%,transparent);
  color:var(--c900);border-bottom:0;
  background:linear-gradient(180deg,color-mix(in oklab,var(--c100) 70%,#fff),color-mix(in oklab,var(--b50) 70%,#fff));
  padding-block:clamp(48px,6vw,78px) clamp(140px,13vw,190px);
}
[data-skin="rawashin"] .phead .hx-bg,[data-skin="rawashin"] .phead .phead-glow,[data-skin="rawashin"] .phead::after{display:none}
[data-skin="rawashin"] .phead .wrap{z-index:1}
[data-skin="rawashin"] .phead .crumb a:hover{color:var(--b700)}
[data-skin="rawashin"] .phead h1{font-family:var(--display);font-weight:700;color:var(--c800);letter-spacing:0}
[data-skin="rawashin"] .phead-ref{background:#fff;border-color:var(--c100);color:var(--c800)}
[data-skin="rawashin"] .phead-ref svg{color:var(--b700)}
.rwp-row{position:absolute;inset-inline:0;bottom:14px;width:100%;height:clamp(90px,11vw,150px);pointer-events:none}
.rwp-band{position:absolute;inset-inline:0;bottom:0;height:14px;background-color:var(--c800);background-image:var(--rw-band);background-size:14px 14px}

/* العناوين */
[data-skin="rawashin"] .eyebrow{color:var(--b700)}
[data-skin="rawashin"] .eyebrow::before{width:9px;height:9px;border-radius:0;background:var(--b600);transform:rotate(45deg)}
[data-skin="rawashin"] :is(.sec-head h2,.prose h2,.doc-group){font-family:var(--display);font-weight:700;color:var(--c900)}
[data-skin="rawashin"] .grad-text{background:none;color:var(--b700)}

/* البطاقات: بيضاء بحافة علوية بلون الجمعية الثاني */
[data-skin="rawashin"] :is(.card-x,.tile,.srv-card,.pr,.sp,.person,.vm-card,.pgm-row,.pj-card,.post-card,.vid,.gal-card,.side-nav,.blank,.gtab,.dept,.docs,.org-tier,.subpages > *){
  background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:none
}
[data-skin="rawashin"] :is(.tile,.srv-card,.sp,.person,.vm-card,.pj-card,.post-card,.pr,.pgm-row,.subpages > *){border-top:4px solid var(--c700)}
[data-skin="rawashin"] :is(.tile,.srv-card,.sp,.person)::before{display:none}
[data-skin="rawashin"] :is(.tile,.srv-card,.sp,.person,.pj-card,.post-card,.vid,.gal-card,.gtab,.pr):hover{transform:translateY(-3px);border-color:var(--c200);border-top-color:var(--b600);box-shadow:0 24px 44px -28px color-mix(in oklab,var(--c800) 60%,transparent)}
[data-skin="rawashin"] .doc{border-bottom:1px solid var(--line)}
[data-skin="rawashin"] .doc:hover{background:color-mix(in oklab,var(--c50) 70%,#fff)}
[data-skin="rawashin"] .gtab.on{background:color-mix(in oklab,var(--c50) 70%,#fff);border-color:var(--c600);box-shadow:0 0 0 1px var(--c600)}
[data-skin="rawashin"] .side-nav a.on{background:color-mix(in oklab,var(--c50) 80%,#fff);color:var(--c800)}
[data-skin="rawashin"] .org-tier.top{background:var(--c800);border-color:var(--c800)}
[data-skin="rawashin"] .org-tier.top :is(b,span){color:#fff}
[data-skin="rawashin"] .dept{border-inline-start:4px solid var(--b600)}
[data-skin="rawashin"] .blank svg{color:var(--c600);opacity:.85}
[data-skin="rawashin"] .ico{background:color-mix(in oklab,var(--b100) 60%,#fff);color:var(--b700);border:1px solid color-mix(in oklab,var(--b200) 70%,#fff)}
[data-skin="rawashin"] .band{background:#fff;border-block:1px solid var(--line)}
[data-skin="rawashin"] .meter span{background:linear-gradient(90deg,var(--b500),var(--b700))}
[data-skin="rawashin"] .article-img,[data-skin="rawashin"] .page-media img{border-radius:18px;border:6px solid #fff;outline:1px solid var(--line)}

/* الأزرار */
[data-skin="rawashin"] :is(.btn-pri,.submit,.mt-go,.doc-open,.c-tabs a.on,.filt.on,.pager .current){background:var(--b600);color:#fff;border-color:transparent}
[data-skin="rawashin"] :is(.btn-pri,.submit,.head-cta){border-radius:14px}
[data-skin="rawashin"] :is(.btn-pri,.submit,.doc-open):hover{background:var(--b700);box-shadow:0 14px 30px -16px var(--b700)}
[data-skin="rawashin"] .head-cta{background:var(--c800);color:#fff}
[data-skin="rawashin"] .head-cta:hover{background:var(--c900);box-shadow:0 12px 26px -14px var(--c800)}
[data-skin="rawashin"] .btn-ghost{background:#fff;color:var(--c800);border-color:var(--c300)}
[data-skin="rawashin"] .btn-ghost:hover{border-color:var(--c600)}
[data-skin="rawashin"] :is(.filt,.pager a,.pager span,.c-tabs a){border-color:var(--line-2);background:#fff}
[data-skin="rawashin"] :is(.filt,.pager a,.c-tabs a):hover{border-color:var(--c400)}
[data-skin="rawashin"] .head-store{border-color:var(--b500);color:var(--b700)}
[data-skin="rawashin"] .head-store:hover{background:color-mix(in oklab,var(--b100) 60%,#fff)}

/* النماذج: ورقة بيضاء بحافة علوية */
[data-skin="rawashin"] :is(main form,main .mt){background:#fff;border:1px solid var(--line);border-top:4px solid var(--c700);border-radius:20px}
[data-skin="rawashin"] :is(.field input,.field select,.field textarea,.radio,.agree,.up input[type="file"]){background:#fff;border:1px solid var(--line-2)}
[data-skin="rawashin"] :is(.field input,.field select,.field textarea):focus{border-color:var(--b600);box-shadow:0 0 0 3px color-mix(in oklab,var(--b500) 25%,transparent)}
[data-skin="rawashin"] .radio:has(input:checked){border-color:var(--b600);background:color-mix(in oklab,var(--b600) 7%,#fff)}
[data-skin="rawashin"] :is(.radio,.agree) input{accent-color:var(--b700)}
[data-skin="rawashin"] .req{color:var(--c700)}

/* التذييل: بلون الجمعية الثاني بنقش المشربية تحت شريط */
[data-skin="rawashin"] .site-foot{
  --ink:#fff;--ink-2:rgba(255,255,255,.78);--ink-3:rgba(255,255,255,.6);--line:rgba(255,255,255,.14);--p:var(--b300);
  background-color:var(--c900);background-image:var(--rw-lat-soft);padding-top:calc(clamp(50px,7vw,72px) + 18px);
}
[data-skin="rawashin"] .site-foot::before{height:18px;opacity:1;background:var(--b600)}
[data-skin="rawashin"] .site-foot::after{display:none}
[data-skin="rawashin"] .site-foot .foot-col h3{font-family:var(--display);font-size:18px;font-weight:600;color:#fff}
[data-skin="rawashin"] .site-foot .foot-col h3::before{width:9px;height:9px;border-radius:0;background:var(--b400);transform:rotate(45deg)}
[data-skin="rawashin"] .site-foot .foot-brand b{color:#fff}
[data-skin="rawashin"] .site-foot .foot-nav a::before{background:var(--b400)}
[data-skin="rawashin"] .site-foot .social a:hover{background:var(--b500);border-color:var(--b500);color:#fff}
[data-skin="rawashin"] .site-foot .foot-badge::before{background:conic-gradient(from 200deg,var(--b300),var(--c300),transparent 70%,var(--b300))}

.rwp-row .rw-wall{stroke:var(--c100);stroke-width:1.2}
.rwp-row .rwp-hill{fill:var(--b100)}

/* دعوة الدعم في الصفحات: لوحة فاتحة بلون الجمعية بدل اللوحة الداكنة */
[data-skin="rawashin"] .cta-band{background:color-mix(in oklab,var(--b100) 40%,#fff);border:1px solid color-mix(in oklab,var(--b200) 70%,#fff);color:var(--c900);border-radius:28px}
[data-skin="rawashin"] .cta-band::before{height:4px;background:var(--c700)}
[data-skin="rawashin"] .cta-band::after{display:none}
[data-skin="rawashin"] .cta-band h2{font-family:var(--display);font-weight:700;color:var(--c900)}
[data-skin="rawashin"] .cta-band p{color:#454A5E}
[data-skin="rawashin"] .cta-band .btn-pri{background:var(--b600);color:#fff}
[data-skin="rawashin"] .cta-band .btn-line{border-color:var(--c300);color:var(--c800);background:#fff}
[data-skin="rawashin"] .way{background:#fff;border:1px solid var(--line);color:var(--c900)}
[data-skin="rawashin"] .way svg{color:var(--b700)}
[data-skin="rawashin"] .way span{color:#454A5E}

@media (max-width:760px){
  [data-skin="rawashin"] .phead{padding-bottom:120px}
}

/* التوظيف بطابع الرواشين */
[data-skin="rawashin"] .hire-box{background-color:var(--c800);background-image:var(--rw-lat);border:0;color:#fff}
[data-skin="rawashin"] .hire-shine{display:none}
[data-skin="rawashin"] .hire-intro h2{font-family:var(--display);color:#fff}
[data-skin="rawashin"] .hire-intro h2 span{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--b300)}
[data-skin="rawashin"] .hire-intro p{color:rgba(255,255,255,.82)}
[data-skin="rawashin"] .hire-all{color:#fff;border-color:rgba(255,255,255,.5)}
[data-skin="rawashin"] .hire-box .hire-job{background:#fff;color:var(--c900);border:1px solid var(--line);-webkit-backdrop-filter:none;backdrop-filter:none}
[data-skin="rawashin"] .hire-box .hire-job:hover{transform:translateY(-3px)}
[data-skin="rawashin"] .hire-job-ico{background:color-mix(in oklab,var(--b100) 60%,#fff);color:var(--b700)}
[data-skin="rawashin"] .hire-job-go,[data-skin="rawashin"] .hire-list.is-row .hire-job-go{background:var(--b600);color:#fff}
[data-skin="rawashin"] .hire-list.is-row .hire-job{background:#fff;border:1px solid var(--line)}
[data-skin="rawashin"] :is(.job-block,.job-apply,.job-card,.jobs-empty){background:#fff;border:1px solid var(--line);border-radius:18px}
[data-skin="rawashin"] .job-card{border-top:4px solid var(--c700)}
[data-skin="rawashin"] .job-card::before{background:var(--b600)}
[data-skin="rawashin"] .job-poster{background-color:var(--c800);background-image:var(--rw-lat);color:#fff;border-radius:22px}
[data-skin="rawashin"] .job-poster h2{color:#fff;background:none;-webkit-background-clip:border-box;background-clip:border-box}
[data-skin="rawashin"] .job-poster .job-facts li{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}
[data-skin="rawashin"] .job-poster .job-facts svg{color:var(--b300)}
[data-skin="rawashin"] .job-n{background:var(--b600);color:#fff}
[data-skin="rawashin"] .job-chips span{background:color-mix(in oklab,var(--c50) 80%,#fff);border:1px solid var(--c100);color:var(--c800)}

/* "تابع المشروع" بطابع الرواشين */
[data-skin="rawashin"] :is(.trk-tile,.trk-rail,.trk-group,.trk-kpi,.trk-reps a){background:#fff;border:1px solid var(--line);border-radius:18px}
[data-skin="rawashin"] :is(.trk-tile,.trk-kpi){border-top:4px solid var(--c700)}
[data-skin="rawashin"] .trk-tile > i,[data-skin="rawashin"] .trk-reps i{background:color-mix(in oklab,var(--b100) 60%,#fff);color:var(--b700)}
[data-skin="rawashin"] .trk-pct b,[data-skin="rawashin"] .trk-kpi-num b{color:var(--b700)}
[data-skin="rawashin"] .trk-ring-bg{stroke:var(--c50)}
[data-skin="rawashin"] .trk-ring{stroke:var(--b600)}
[data-skin="rawashin"] :is(.trk-line,.trk-kpi-bar,.trk-mini){background:var(--c50)}
[data-skin="rawashin"] :is(.trk-line,.trk-kpi-bar,.trk-mini) span{background:linear-gradient(90deg,var(--b500),var(--b700))}
[data-skin="rawashin"] .trk-group[data-state="now"]{border-color:var(--c600);box-shadow:0 0 0 1px var(--c600)}
[data-skin="rawashin"] .trk-chip[data-state="done"]{background:var(--b600);color:#fff}
[data-skin="rawashin"] .trk-chip[data-state="now"]{background:var(--c700);color:#fff}
[data-skin="rawashin"] .trk-step[data-state="done"]:not(:last-child)::before{background:var(--b600)}
[data-skin="rawashin"] .trk-step[data-state="done"] .trk-dot{background:var(--b600);border-color:var(--b600)}
[data-skin="rawashin"] .trk-step[data-state="now"] .trk-dot{background:var(--c700);border-color:var(--c700)}

/* صفحة الحوكمة بالرواشين */
[data-skin="rawashin"] :is(.gh-folder,.gh-q,.gh-search,.gh-quick){background:#fff;border:1px solid var(--line);border-radius:18px}
[data-skin="rawashin"] .gh-folder[open],[data-skin="rawashin"] .gh-q:hover{border-color:var(--c200);border-top:4px solid var(--c700);box-shadow:0 24px 44px -30px color-mix(in oklab,var(--c800) 60%,transparent)}
[data-skin="rawashin"] .gh-ico{background:color-mix(in oklab,var(--b100) 60%,#fff);color:var(--b700);border-color:color-mix(in oklab,var(--b200) 70%,#fff)}
[data-skin="rawashin"] .gh-body{border-top:1px solid var(--line)}
[data-skin="rawashin"] .gh-row{border-bottom:1px solid var(--line)}
[data-skin="rawashin"] :is(.gh-open,.gh-yr){border:1px solid var(--line-2);background:#fff;color:var(--c800)}
[data-skin="rawashin"] .gh-open:hover,[data-skin="rawashin"] .gh-yr.on{background:var(--b600);color:#fff;border-color:transparent}
[data-skin="rawashin"] .gh-sum .m span{background:linear-gradient(90deg,var(--b500),var(--b700))}