/* التجمع الفلسطيني — design system. Colours and type follow docs/BRAND.md. */

/* Cairo, self-hosted (SIL OFL 1.1, see /assets/fonts/OFL.txt) */
@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/cairo-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/cairo-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fonts/cairo-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/fonts/cairo-arabic-800-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/cairo-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/cairo-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fonts/cairo-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/fonts/cairo-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --green:#007A3D; --green-dark:#005C2E; --green-deep:#073D27; --green-tint:#F3F8F4; --green-line:#D5E6D9;
  --red:#CE1126; --red-dark:#A50E1F; --black:#000; --ink:#1B2620; --gray:#6B7280; --gray-dark:#4B5563;
  --line:#E3E8E4; --white:#fff; --amber:#8A5A00; --amber-tint:#FFF6E0;
  --radius:14px; --shadow:0 6px 20px rgba(9,44,22,.07);
  --max:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:Cairo,Tahoma,"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.8;color:var(--ink);background:var(--white);text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:var(--green-dark)}
a:hover{color:var(--green)}
:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:4px}
h1,h2,h3{color:var(--black);line-height:1.45;font-weight:800;margin:0 0 .5em}
h1{font-size:clamp(28px,4.4vw,48px)}
h2{font-size:clamp(23px,2.8vw,34px)}
h3{font-size:19px;font-weight:700}
p{margin:0 0 1em}
code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.82em;background:var(--green-tint);padding:1px 5px;border-radius:5px;color:var(--gray-dark)}
.container{width:min(var(--max),100% - 32px);margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;top:-80px;right:12px;background:var(--white);color:var(--black);padding:10px 16px;z-index:100;border-radius:8px;font-weight:700}
.skip:focus{top:12px}

/* Top bar + flag */
.topbar{background:var(--green-deep);color:#E4F1E8;font-size:13px}
.topbar-inner{display:flex;justify-content:space-between;gap:16px;padding-block:6px}
.topbar-note{color:#A9D9B9;font-weight:700;white-space:nowrap}
.flag{display:flex;height:4px}
.flag span{flex:1}
.flag span:nth-child(1){background:var(--black)}
.flag span:nth-child(2){background:var(--white)}
.flag span:nth-child(3){background:var(--green)}
.flag::after{content:"";flex:0 0 18%;background:var(--red);order:-1}

/* Header */
.masthead{position:relative;z-index:50}
.site-header{background:var(--white);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;min-width:0}
.brand-mark{width:56px;height:56px;flex-shrink:0}
.brand-text{display:flex;flex-direction:column;min-width:0}
.brand-text strong{font-size:20px;font-weight:800;color:var(--black);line-height:1.35}
.brand-text small{font-size:12.5px;color:var(--gray-dark);line-height:1.4}
.nav-list{list-style:none;margin:0;padding:0;display:flex;gap:4px;align-items:center}
.nav-list>li{position:relative}
.nav-list>li>a{display:block;padding:10px 12px;border-radius:9px;font-weight:700;font-size:15px;color:var(--ink);text-decoration:none;white-space:nowrap}
.nav-list>li>a:hover{background:var(--green-tint);color:var(--green-dark)}
.nav-list>li>a[aria-current]{color:var(--green-dark);box-shadow:inset 0 -3px 0 var(--green)}
.nav-list>li.is-portal>a{background:var(--green);color:var(--white)}
.nav-list>li.is-portal>a:hover{background:var(--green-dark);color:var(--white)}
.nav-list>li.is-portal>a[aria-current]{box-shadow:inset 0 -3px 0 var(--red)}
.subnav{display:none;position:absolute;top:100%;right:0;min-width:210px;list-style:none;margin:0;padding:8px;background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.12)}
.has-sub:hover .subnav,.has-sub:focus-within .subnav{display:block}
.subnav a{display:block;padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--ink);font-size:15px}
.subnav a:hover{background:var(--green-tint);color:var(--green-dark)}
.nav-mobile{display:none}
.nav-mobile summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:8px 14px;font-weight:700;min-height:44px}
.nav-mobile summary::-webkit-details-marker{display:none}
.burger,.burger::before,.burger::after{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px;position:relative}
.burger::before,.burger::after{content:"";position:absolute;right:0}
.burger::before{top:-6px}.burger::after{top:6px}
.nav-mobile nav{position:absolute;inset-inline:16px;top:calc(100% + 8px);background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.16);padding:10px;max-height:75vh;overflow:auto}
.nav-mobile ul{list-style:none;margin:0;padding:0}
.nav-mobile nav>ul>li>a{display:block;padding:12px;font-weight:800;text-decoration:none;color:var(--black);border-radius:8px;min-height:44px}
.nav-mobile nav>ul>li>a[aria-current]{background:var(--green-tint);color:var(--green-dark)}
.nav-mobile li ul{padding-inline-start:12px;margin-bottom:6px}
.nav-mobile li ul a{display:block;padding:8px 12px;text-decoration:none;color:var(--gray-dark);min-height:40px}

/* Breadcrumbs */
.breadcrumbs ol{list-style:none;margin:0;padding:14px 0 0;display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--gray-dark)}
.breadcrumbs li+li::before{content:"‹";margin-inline-end:6px;color:var(--gray)}
.breadcrumbs a{color:var(--gray-dark)}

/* Buttons */
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 22px;border-radius:10px;font:inherit;font-weight:800;font-size:16px;text-decoration:none;border:2px solid transparent;cursor:pointer}
.button-primary{background:var(--green);color:var(--white)}
.button-primary:hover{background:var(--green-dark);color:var(--white)}
.button-outline{background:var(--white);color:var(--green-dark);border-color:var(--green-line)}
.button-outline:hover{border-color:var(--green)}
.button-ghost{background:rgba(255,255,255,.12);color:var(--white);border-color:rgba(255,255,255,.7)}
.button-ghost:hover{background:var(--white);color:var(--green-dark)}
.button-light{background:var(--white);color:var(--green-deep)}
.button-small{min-height:34px;padding:4px 12px;font-size:14px}
.button[disabled]{opacity:.55;cursor:not-allowed}

/* Hero */
.hero{position:relative;background:var(--green-deep);overflow:hidden;display:grid;grid-template-columns:minmax(440px,40%) 1fr;grid-template-areas:"copy media"}
.hero-media{grid-area:media;min-width:0}
.hero-media img{width:100%;height:clamp(460px,62vh,640px);object-fit:cover;object-position:50% 40%}
.hero-copy{grid-area:copy;display:flex;align-items:center;padding:40px clamp(24px,4vw,64px);background:var(--green-deep)}
.hero-copy .container{width:auto;margin:0}
.hero-panel{max-width:560px;color:var(--white)}
.hero h1{color:var(--white);font-size:clamp(28px,3.6vw,46px);line-height:1.4;margin:6px 0 14px}
.hero-lead{font-size:clamp(16px,1.6vw,19px);color:#EAF4EE;max-width:540px}
.eyebrow{font-size:14px;font-weight:800;color:var(--green);margin:0 0 6px;letter-spacing:.2px}
.eyebrow-light{color:#A9E2BC}

/* Sections */
.section{padding-block:clamp(44px,7vw,84px)}
.section-muted{background:var(--green-tint)}
.section-head{max-width:760px;margin-bottom:28px}
.section-head h2{margin-bottom:8px}
.lead{font-size:clamp(16px,1.5vw,18.5px);color:var(--gray-dark);max-width:760px}
.section-link{margin:24px 0 0;font-weight:800}
.page-hero{background:linear-gradient(160deg,var(--green-tint),#fff 70%);padding-block:clamp(36px,6vw,64px);border-bottom:1px solid var(--line)}
.page-hero h1{max-width:900px}
.page-sections{padding-block:clamp(36px,6vw,64px);display:grid;gap:clamp(32px,5vw,52px)}
.page-sections>section{max-width:860px}
.prose{max-width:780px}
.prose h2{font-size:clamp(21px,2.4vw,27px);margin-top:1.2em}
.prose ul,.prose ol{padding-inline-start:1.3em}
.prose li{margin-bottom:.35em}

.page-hero + .section,.page-hero + .container.section{padding-top:clamp(24px,4vw,40px)}

/* Cards */
.cards{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cards-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);position:relative}
.card p{color:var(--gray-dark);font-size:15.5px;margin-bottom:.6em}
.card h3{margin-bottom:.4em}
.audience-card{border-top:5px solid var(--green);padding-top:22px}
.audience-card.audience-wounded{border-top-color:var(--red)}
.audience-card.audience-prisoners{border-top-color:var(--black)}
.audience-card h3 a{color:var(--black);text-decoration:none}
.stretched::after{content:"";position:absolute;inset:0;border-radius:var(--radius)}
.audience-card:hover{border-color:var(--green-line);box-shadow:0 10px 28px rgba(9,44,22,.12)}
.more{font-weight:800;color:var(--green-dark);font-size:15px}
.ticks{list-style:none;margin:10px 0 0;padding:0}
.ticks li{position:relative;padding-inline-start:22px;margin-bottom:6px;font-size:15.5px;color:var(--ink)}
.ticks li::before{content:"";position:absolute;inset-inline-start:2px;top:.75em;width:8px;height:8px;border-radius:50%;background:var(--green)}
.ticks-inline{display:flex;flex-wrap:wrap;gap:6px 22px}
.values .card{box-shadow:none}

/* Chips */
.card-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px}
.chip{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;padding:3px 10px;border-radius:99px;border:1px solid transparent;white-space:nowrap}
.chip-ok{background:#E6F4EA;color:#0B5A2C;border-color:#BFE0CA}
.chip-review{background:var(--amber-tint);color:var(--amber);border-color:#F0DCA8}
.chip-stop{background:#FDECEE;color:var(--red-dark);border-color:#F4C3CA}
.chip-demo{background:#F1F1F4;color:#3F3F46;border-color:#D4D4DB}
.type{font-size:13px;font-weight:800;padding:3px 10px;border-radius:7px;text-decoration:none;background:var(--green-tint);color:var(--green-dark)}
.type-report{background:#EEF1F6;color:#24364F}
.type-news{background:#FBEFF1;color:var(--red-dark)}
.type-blog{background:#F3F0E6;color:#5B4A12}
.tag{display:inline-block;font-size:14px;padding:2px 10px;border:1px solid var(--line);border-radius:99px;text-decoration:none;color:var(--gray-dark);margin:2px}
.tag:hover{border-color:var(--green)}

/* Content lists */
.content-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.content-card article{height:100%;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;display:flex;flex-direction:column}
.content-card h3{font-size:18px}
.card-image{width:calc(100% + 44px);max-width:none;margin:-20px -22px 14px;aspect-ratio:600/315;object-fit:cover;border-radius:var(--radius) var(--radius) 0 0;background:var(--green-tint)}
.article-figure{margin:0 0 28px;max-width:900px}
.article-figure img{width:100%;border-radius:var(--radius);aspect-ratio:1200/630;object-fit:cover;background:var(--green-tint)}
.article-figure figcaption{font-size:13px;color:var(--gray-dark);margin-top:8px}
.sources{max-width:780px;border-top:1px solid var(--line);margin-top:28px;padding-top:12px}
.sources h2{font-size:20px}
.sources ol{padding-inline-start:1.3em;font-size:15px}
.sources li{margin-bottom:6px;overflow-wrap:anywhere}
.content-card h3 a{color:var(--black);text-decoration:none}
.content-card h3 a:hover{color:var(--green-dark);text-decoration:underline}
.content-card p{color:var(--gray-dark);font-size:15px}
.card-foot{margin-top:auto;font-size:13.5px;color:var(--gray)}
.content-card[hidden]{display:none}
.empty{border:1px dashed var(--green-line);border-radius:var(--radius);padding:26px;background:var(--white);color:var(--gray-dark)}
.empty p{margin:0}
.empty-guide .link-list{margin:14px 0 0;padding:0 1.2em 0 0;display:grid;gap:8px}
.empty-guide a{color:var(--green-dark);font-weight:600}

/* Filters */
.filters[hidden]{display:none}
.filters{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:12px;align-items:end;background:var(--green-tint);border:1px solid var(--green-line);border-radius:var(--radius);padding:16px;margin-bottom:12px}
.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.filters .field{margin:0}
.field label{font-weight:700;font-size:14px}
.field small{color:var(--gray-dark);font-size:13px}
.field input,.field select{font:inherit;font-size:16px;min-height:46px;padding:8px 12px;border:1px solid #C9D4CC;border-radius:10px;background:var(--white);color:var(--ink);width:100%}
.field input[disabled],.field select[disabled]{background:#F6F7F6;color:var(--gray-dark)}
.field.check{flex-direction:row;align-items:flex-start;gap:10px}
.field.check input{width:22px;min-height:22px;margin-top:4px}
.result-count{font-weight:700;color:var(--gray-dark)}
.pill-links{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.pill-links a{display:inline-block;padding:7px 16px;border:1px solid var(--green-line);border-radius:99px;background:var(--white);text-decoration:none;font-weight:700}

/* Callouts */
.callout{border-inline-start:4px solid var(--green);background:var(--green-tint);padding:14px 16px;border-radius:10px;margin:18px 0;color:var(--ink);max-width:860px}
.callout-warn{border-color:var(--amber);background:var(--amber-tint)}
.callout-stop{border-color:var(--red);background:#FDF1F2}
.note{font-size:14px;color:var(--gray-dark)}

/* Status list */
.status-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.status-list li{display:grid;grid-template-columns:minmax(160px,1fr) auto 2fr;gap:14px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:14px 18px}
.status-list span:last-child{color:var(--gray-dark);font-size:15px}
.gate-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.gate-list li{display:flex;flex-wrap:wrap;gap:10px;align-items:center}

/* Steps */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.steps li{display:flex;gap:14px;align-items:flex-start}
.steps p{margin:2px 0 0;color:var(--gray-dark);font-size:15.5px}
.step-num{flex-shrink:0;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:var(--white);font-weight:800}
.numbered{list-style:none;margin:0;padding:0;counter-reset:n;display:grid;gap:14px}
.numbered li{counter-increment:n;display:grid;grid-template-columns:auto 1fr;gap:4px 14px}
.numbered li::before{content:counter(n,decimal-leading-zero);grid-row:span 2;font-weight:800;color:var(--red);font-size:24px;line-height:1.4}
.numbered span{color:var(--gray-dark)}

/* Pledge */
.pledge{background:var(--green-deep);color:#E4F1E8}
.pledge-inner{display:grid;grid-template-columns:1.3fr 1fr;gap:28px 48px;align-items:center}
.pledge h2{color:var(--white)}
.pledge .eyebrow{color:#A9E2BC}
.pledge-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pledge-list li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:10px 14px;font-weight:700}
.pledge-list li::before{content:"✓ ";color:#A9E2BC}
.pledge .button{justify-self:start;grid-column:1}

/* Article */
.article{padding-block:clamp(28px,5vw,52px)}
.article-head{max-width:820px;margin-bottom:24px}
.article-meta{color:var(--gray);font-size:14.5px}
.article-foot{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;max-width:780px;font-size:15px}
.tag-row{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.related-nav ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.related-nav a{display:inline-block;padding:8px 16px;border:1px solid var(--line);border-radius:10px;text-decoration:none;font-weight:700}
.qa{border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:10px}
.qa summary{font-weight:800;cursor:pointer}
.qa p{margin:10px 0 0;color:var(--gray-dark)}

/* Prototype */
.env-banner{background:#1F2937;color:#F9FAFB;font-size:14px;padding-block:6px}
.proto-banner{background:var(--amber-tint);border-bottom:2px solid #E9C46A;color:#4A3500;font-size:15px;padding-block:8px}
.stepper{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.stepper a{display:flex;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);font-size:14px;font-weight:700;height:100%}
.stepper .is-current a{border-color:var(--green);background:var(--green-tint)}
.stepper .is-locked a{color:var(--gray)}
.stepper .is-locked .step-num{background:var(--gray)}
.proto-form{max-width:640px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.needs{border:1px solid var(--line);border-radius:12px;padding:14px}
.need-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;border-bottom:1px solid var(--line)}
.need-row select{font:inherit;min-height:40px;border-radius:8px}
.role-nav ul{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:8px}
.role-nav a{display:inline-block;padding:8px 14px;border:1px solid var(--line);border-radius:10px;text-decoration:none;font-weight:700;color:var(--ink)}
.role-nav a[aria-current]{background:var(--green);color:var(--white);border-color:var(--green)}
.metrics{list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.metric{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.metric-label{font-size:14px;color:var(--gray-dark);font-weight:700}
.metric-value{font-size:32px;font-weight:800;color:var(--black);line-height:1.2}
.metric-split{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.metric-split li{display:flex;justify-content:space-between;gap:8px;font-size:15px}
.table-wrap{overflow-x:auto;margin-bottom:12px;border:1px solid var(--line);border-radius:12px}
.table{width:100%;border-collapse:collapse;font-size:15px;background:var(--white)}
.table caption{text-align:start;font-weight:700;padding:10px 12px;color:var(--gray-dark);caption-side:top}
.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}
.table thead th{background:var(--green-tint);font-weight:800}
.perm ul{padding-inline-start:1.1em;margin:0;font-size:14.5px}
.perm li{margin-bottom:6px}

/* Footer */
.site-footer{background:#0E1A14;color:#C7D3CB;padding-top:48px;font-size:15px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
.site-footer .brand-text strong{color:var(--white)}
.site-footer .brand-text small{color:#AFC2B6}
.footer-brand>div,.footer-brand .brand-mark{margin-bottom:12px}
.footer-brand{display:block}
.footer-brand .brand-mark{background:var(--white);border-radius:50%;padding:3px}
.footer-title{color:var(--white);font-size:17px;margin-bottom:10px}
.footer-links{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.footer-links a,.site-footer a{color:#DCE8E0}
.footer-status{color:#A9D9B9;font-weight:700}
.copyright{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;border-top:1px solid #2A3A31;margin-top:36px;padding-block:16px;font-size:13px;color:#9FB1A6}

/* Responsive */
@media (max-width:1100px){
  .hero{grid-template-columns:1fr;grid-template-areas:"media" "copy"}
  .hero-media img{height:auto;aspect-ratio:16/7}
  .hero-copy{padding:28px 0 34px}
  .hero-copy .container{width:min(var(--max),100% - 32px);margin-inline:auto}
  .hero-panel{max-width:720px}
  .nav-list>li>a{padding:9px 8px;font-size:14px}
  .cards-5{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:980px){
  .nav-desktop{display:none}
  .nav-mobile{display:block}
  .site-header .container{position:relative}
  .content-grid,.cards-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .filters .field-search{grid-column:1/-1}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stepper{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
}
@media (max-width:680px){
  body{font-size:16px}
  .topbar-inner>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .header-inner{min-height:66px;gap:10px}
  .brand-mark{width:44px;height:44px}
  .brand-text strong{font-size:17px}
  .brand-text small{font-size:11px}
  /* BRAND.md: separate the Jerusalem image from the text on mobile */
  .hero-media img{aspect-ratio:4/3.4;object-position:50% 45%}
  .hero h1{font-size:26px}
  .cards-2,.cards-3,.cards-5,.content-grid,.pledge-inner,.footer-grid{grid-template-columns:1fr}
  .filters{grid-template-columns:1fr}
  .status-list li{grid-template-columns:1fr;gap:6px}
  .metrics{grid-template-columns:1fr}
  .actions .button{flex:1 1 auto}
  .card{padding:20px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Language switcher and non-Arabic locales */
.topbar-inner{gap:12px;align-items:center;flex-wrap:nowrap}
.topbar-inner>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lang-menu{position:relative;margin-inline-start:auto}
.lang-menu>summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;cursor:pointer;color:inherit}
.lang-menu>summary::-webkit-details-marker{display:none}
.lang-menu>summary:hover,.lang-menu[open]>summary{background:rgba(255,255,255,.14)}
.lang-panel{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:30;width:min(260px,calc(100vw - 32px));background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.18);padding:6px}
.lang-panel ul{list-style:none;margin:0;padding:0}
.lang-item{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:8px 12px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:15px}
a.lang-item:hover,a.lang-item:focus-visible{background:var(--green-tint);color:var(--green-dark)}
a.lang-item[aria-current]{font-weight:700;color:var(--green-dark)}
.lang-item.is-unavailable{color:var(--gray-dark)}
.lang-item small{font-size:12px;color:var(--gray-dark)}
.lang-check{color:var(--green)}
.lang-note{margin:6px 12px 8px;font-size:12px;line-height:1.5;color:var(--gray-dark)}
.lang-draft{opacity:.8}
.in-ar{font-size:.8em;opacity:.85;white-space:nowrap}
html[dir="ltr"] body{text-align:left}
:lang(hi){font-family:"Noto Sans Devanagari","Nirmala UI","Mangal",system-ui,sans-serif}
:lang(zh-Hans){font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif}
html:lang(en) body,html:lang(es) body,html:lang(fr) body,html:lang(tr) body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif}
.ar-badge{display:inline-block;font-size:.62rem;font-weight:700;letter-spacing:.04em;line-height:1;padding:3px 4px;border:1px solid currentColor;border-radius:4px;opacity:.75;vertical-align:middle;margin-inline-start:2px}
/* LTR locales: labels are longer than Arabic ones, so on desktop the menu takes its own row under the brand. */
@media (min-width:981px){
  html[dir="ltr"] .header-inner{flex-wrap:wrap;row-gap:4px;padding-block:10px}
  html[dir="ltr"] .nav-desktop{flex-basis:100%}
  html[dir="ltr"] .nav-list{flex-wrap:wrap}
}

/* Article reading aids */
.toc{max-width:780px;background:var(--green-tint);border:1px solid var(--green-line);border-radius:var(--radius);padding:14px 18px;margin:8px 0 22px}
.toc h2{font-size:17px;margin:0 0 6px}
.toc ol{margin:0;padding-inline-start:1.3em}
.toc li{margin:4px 0}
.toc a{display:inline-block;padding:4px 0;min-height:32px;text-decoration:none;color:var(--green-dark);font-weight:600}
.toc a:hover,.toc a:focus-visible{text-decoration:underline}
.prose h2{scroll-margin-top:16px}
.prose p,.prose li{overflow-wrap:anywhere}

/* Print: a guide prints as text with its sources, without site chrome */
@media print{
  .skip,.masthead,.breadcrumbs,.site-footer,.toc,.nav-mobile,.env-banner,.section-muted,.tag-row{display:none !important}
  body{background:#fff;color:#000;font-size:12pt}
  .article{max-width:none}
  .article-figure img{max-height:6cm;width:auto}
  a{color:#000;text-decoration:underline}
  .sources a::after{content:" (" attr(href) ")";font-size:9pt;overflow-wrap:anywhere}
  h1,h2{page-break-after:avoid}
}

/* Local editorial board (dist-editorial only) */
.board-summary{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:0 0 20px}
.board-summary li{background:var(--green-tint);border:1px solid var(--green-line);border-radius:var(--radius);padding:10px 16px}
.table-wrap table{border-collapse:collapse;width:100%;font-size:14px}
.table-wrap th,.table-wrap td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:start;vertical-align:top}
.table-wrap td ul{margin:0;padding-inline-start:1.1em}