@font-face { font-family: "Cairo"; src: url("/assets/fonts/Cairo-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Cairo"; src: url("/assets/fonts/Cairo-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Cairo"; src: url("/assets/fonts/Cairo-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Cairo"; src: url("/assets/fonts/Cairo-700.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Cairo"; src: url("/assets/fonts/Cairo-800.woff2") format("woff2"); font-weight: 800; font-display: swap; }
@font-face { font-family: "Material Symbols Rounded"; src: url("/assets/fonts/MaterialSymbolsRounded.subset.woff2") format("woff2"); font-weight: 500; font-display: swap; }

:root {
  --green-950: #032e20;
  --green-900: #03472f;
  --green-800: #035832;
  --green-700: #315d47;
  --leaf: #788d67;
  --ink: #102e22;
  --stone-100: #f8f4ec;
  --stone-200: #eee5d5;
  --stone-300: #dfd1b9;
  --paper: #fffefa;
  --white: #ffffff;
  --line: #e5ddcf;
  --pattern-dark: url("/assets/aleppo-pattern-navbar.webp");
  --shadow: 0 18px 42px rgba(16, 46, 34, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: "Cairo", sans-serif;
  font-weight: 400;
  line-height: 1.75;
  animation: page-enter .46s cubic-bezier(.22, .8, .22, 1) both;
}
body::after { content: ""; position: fixed; z-index: 9999; inset: 0; pointer-events: none; background: rgba(3, 46, 32, .18); opacity: 0; transition: opacity .23s ease; }
body.is-page-leaving { animation: page-leave .23s ease both; pointer-events: none; }
body.is-page-leaving::after { opacity: 1; }

@keyframes page-enter {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes page-leave {
  from { opacity: 1; }
  to { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  body { animation: none; }
  body::after { display: none; }
  .hero-video { display: none; }
}

@media (prefers-reduced-motion: no-preference) {
  .motion-reveal { opacity: 0; transform: translateY(16px); transition: opacity .52s cubic-bezier(.2,.75,.25,1), transform .52s cubic-bezier(.2,.75,.25,1); transition-delay: var(--reveal-delay, 0ms); }
  .motion-reveal.is-visible { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: no-preference) {
  .motion-reveal { opacity: 0; transform: translateY(16px); transition: opacity .52s cubic-bezier(.2,.75,.25,1), transform .52s cubic-bezier(.2,.75,.25,1); transition-delay: var(--reveal-delay, 0ms); }
  .motion-reveal.is-visible { opacity: 1; transform: translateY(0); }
}

a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input, textarea, select { font: inherit; }
.container { width: min(1180px, calc(100% - 56px)); margin-inline: auto; }
.section { padding: 86px 0; }
.section-title { margin: 0 0 14px; color: var(--green-900); font-size: clamp(30px, 3.4vw, 46px); line-height: 1.35; font-weight: 800; }
.section-intro { max-width: 780px; margin: 0; color: #52635b; font-size: 16px; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 28px; margin-bottom: 38px; }
.section-heading > div { max-width: 820px; }
.section-kicker { margin: 0 0 7px; color: var(--leaf); font-weight: 700; font-size: 13px; letter-spacing: .01em; }
.text-link { color: var(--green-700); font-weight: 700; white-space: nowrap; }

.site-header { width: 100%; position: absolute; inset: 0 0 auto; z-index: 20; padding-top: 28px; background: transparent; }
.site-header.is-stuck { position: fixed; padding-top: 0; }

.nav-wrap { height: 76px; }
.nav-wrap .container { height: 100%; display: grid; grid-template-columns: 180px 1fr; align-items: center; gap: 0; position: relative; isolation: isolate; overflow: visible; border: 1px solid rgba(255,255,255,.18); background-color: #0b2d20; background-image: var(--pattern-dark); background-position: center; background-size: 460px auto; background-repeat: repeat; box-shadow: 0 16px 34px rgba(3, 32, 22, .24); }
.nav-wrap .container::before { display: none; }
.nav-wrap .container > * { position: relative; z-index: 1; }
.brand { height: 100%; display: flex; align-items: center; justify-content: center; padding: 0 16px; }
.brand img { width: 138px; height: 64px; object-fit: contain; margin: 0 auto; filter: brightness(0) invert(1); }
.menu-toggle { display: none; }
.primary-nav { display: flex; align-items: stretch; justify-content: flex-start; height: 100%; }
.primary-nav > a, .nav-trigger { flex: 1 1 0; min-width: 0; display: flex; align-items: center; justify-content: center; position: relative; padding: 0 9px; color: rgba(255,255,255,.82); font-size: 11px; font-weight: 600; white-space: nowrap; border: 0; border-bottom: 3px solid transparent; background: transparent; transition: color .2s ease, border-color .2s ease, background-color .2s ease; }
.primary-nav > a.nav-login { flex: 0 0 auto; gap: 5px; padding-inline: 12px; color: #f2e4c7; background: rgba(255,255,255,.09); }
.primary-nav > a.nav-login .material-symbols-rounded { font-size: 15px; }
.primary-nav > a.nav-login:hover, .primary-nav > a.nav-login:focus-visible { color: #fff; background: rgba(255,255,255,.18); }
.nav-group { min-width: 0; flex: 1 1 0; position: relative; display: flex; align-items: stretch; }
.nav-trigger { width: 100%; cursor: pointer; }
.nav-trigger .material-symbols-rounded { margin-right: 3px; font-size: 17px; transition: transform .2s ease; }
.nav-group:hover .nav-trigger, .nav-group:focus-within .nav-trigger, .nav-group.is-open .nav-trigger, .primary-nav > a:hover, .primary-nav > a.active { color: #d8c9a8; border-bottom-color: #d8c9a8; background: rgba(255,255,255,.035); }
.nav-group.is-current .nav-trigger { color: #d8c9a8; border-bottom-color: #d8c9a8; }
.nav-group:hover .nav-trigger .material-symbols-rounded, .nav-group:focus-within .nav-trigger .material-symbols-rounded, .nav-group.is-open .nav-trigger .material-symbols-rounded { transform: rotate(180deg); }
.nav-dropdown { width: max-content; min-width: 210px; position: absolute; z-index: 30; top: 100%; right: 0; display: grid; gap: 2px; padding: 9px; border: 1px solid rgba(216,201,168,.34); background: #073c2b var(--pattern-dark) center/360px auto; box-shadow: 0 18px 34px rgba(3,32,22,.3); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-8px); transition: opacity .18s ease, transform .18s ease, visibility .18s ease; }
.nav-dropdown a { display: block; padding: 11px 13px; color: rgba(255,255,255,.85); font-size: 12px; font-weight: 600; white-space: nowrap; transition: color .18s ease, background-color .18s ease; }
.nav-dropdown a:hover, .nav-dropdown a.active { color: #f2e4c7; background: rgba(255,255,255,.08); }
.nav-group:hover .nav-dropdown, .nav-group:focus-within .nav-dropdown, .nav-group.is-open .nav-dropdown { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }

.hero { min-height: 680px; position: relative; display: flex; align-items: center; padding-top: 124px; background: url("/assets/hero-aleppo-courtyard.webp") center 56%/cover no-repeat; overflow: hidden; }
.hero-video { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; pointer-events: none; }
.hero::after { content: ""; position: absolute; z-index: 0; inset: 0; background: linear-gradient(90deg, rgba(3,46,32,.04), rgba(3,46,32,.24)); pointer-events: none; }
.hero .container { position: relative; z-index: 1; display: flex; justify-content: flex-start; }
.hero-panel { width: min(570px, 49%); margin-inline-start: 0; margin-inline-end: auto; padding: 40px 44px 34px; position: relative; overflow: hidden; text-align: right; background: rgba(255,253,248,.96); box-shadow: var(--shadow); }
.hero-panel::before { content: ""; position: absolute; top: -52px; left: -48px; width: 180px; height: 180px; background: url("/assets/aleppo-pattern.webp") center/225px auto; opacity: .3; transform: rotate(7deg); pointer-events: none; }
.hero-panel > * { position: relative; z-index: 1; }
.hero h1 { margin: 0; color: var(--green-950); font-size: clamp(31px, 3.25vw, 44px); line-height: 1.38; font-weight: 800; letter-spacing: -.02em; }
.leaf-rule { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 14px; margin: 18px 0 14px; color: var(--leaf); }
.leaf-rule::before, .leaf-rule::after { content: ""; height: 2px; background: var(--leaf); opacity: .72; }
.leaf-rule span { width: 18px; height: 13px; display: block; border-radius: 100% 0 100% 0; background: var(--leaf); transform: rotate(-18deg); }
.hero-subtitle { margin: 0 auto 20px; max-width: 465px; color: #40564c; font-size: 14px; line-height: 1.85; }
.actions { display: flex; gap: 14px; justify-content: flex-start; }
.hero .actions { gap: 9px; }
.hero .actions .btn { min-width: 0; flex: 1 1 0; padding-inline: 12px; white-space: nowrap; }
.btn { min-height: 47px; min-width: 162px; display: inline-flex; align-items: center; justify-content: center; padding: 9px 22px; border: 2px solid var(--green-800); font-weight: 700; font-size: 13px; transition: .2s ease; }
.btn-primary { color: white; background: var(--green-800); }
.btn-secondary,
.membership-card .participate-btn {
  border: 1px solid #cdbf9f;
  color: var(--green-950);
  background-color: #f5efe4;
  background-image: url("/assets/aleppo-pattern.webp");
  background-position: center;
  background-size: 360px auto;
}
.hero .btn-primary { border: 1px solid #cdbf9f; color: var(--green-950); background-color: #f5efe4; background-image: url("/assets/aleppo-pattern.webp"); background-position: center; background-size: 360px auto; }
.hero .btn-primary:hover,
.hero .btn-primary:focus-visible,
.hero .btn-secondary:hover,
.hero .btn-secondary:focus-visible { border-color: #07633a; color: white; background-color: #07633a; background-image: var(--pattern-dark); background-position: center; background-size: 240px auto; background-repeat: repeat; }
.btn:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(3,46,32,.15); }
.priorities { padding: 46px 0 38px; position: relative; isolation: isolate; overflow: hidden; background: linear-gradient(180deg, #fffefa, #fbf8f1); }
.priorities::before { display: none; }
.compact-heading { text-align: center; margin-bottom: 27px; }
.compact-heading h2 { display: inline-block; margin: 0; color: var(--green-950); font-size: 28px; font-weight: 800; }
.compact-heading h2::after { content: ""; display: block; width: 42px; height: 3px; margin: 7px auto 0; background: var(--leaf); }
.priority-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px; }
.priority-card { min-height: 142px; display: grid; grid-template-columns: 62px 1fr; gap: 18px; padding: 23px 24px; position: relative; overflow: hidden; border: 1px solid var(--stone-300); border-top: 3px solid var(--green-700); background: rgba(255,255,255,.88); box-shadow: 0 10px 25px rgba(16,46,34,.05); }
.priority-card::after { content: ""; position: absolute; left: -26px; bottom: -48px; width: 130px; height: 130px; background: url("/assets/aleppo-pattern.webp") center/180px auto; opacity: .28; pointer-events: none; }
.priority-card > * { position: relative; z-index: 1; }
.priority-number { color: var(--leaf); font-size: 28px; line-height: 1; font-weight: 700; direction: ltr; }
.priority-card h3 { margin: 0 0 5px; color: var(--green-900); font-size: 17px; }
.priority-card p { margin: 0; color: #5c655f; font-size: 12px; line-height: 1.8; }
.priority-card a { align-self: end; grid-column: 1 / -1; color: var(--green-700); font-weight: 700; font-size: 13px; }

.strategy { color: white; background-color: #032e20; background-image: linear-gradient(110deg, rgba(3,46,32,.82), rgba(3,58,41,.84)), url("/assets/aleppo-pattern.webp"); background-position: center, center; background-size: auto, 520px auto; background-repeat: no-repeat, repeat; padding: 38px 0 30px; }
.strategy-heading { display: grid; justify-items: center; gap: 5px; margin-bottom: 28px; text-align: center; }
.strategy-heading::after { content: ""; width: min(130px, 30vw); height: 2px; margin-top: 8px; background: #d8c9a8; }
.strategy-heading p { margin: 0; color: #d8c9a8; font-size: 12px; font-weight: 700; }
.strategy h2 { margin: 0; color: white; font-size: clamp(27px, 3vw, 40px); line-height: 1.35; font-weight: 800; }
.strategy-grid { display: grid; grid-template-columns: repeat(6, 1fr); }
.metric { text-align: center; padding: 4px 14px; border-left: 1px solid rgba(255,255,255,.35); }
.metric:last-child { border-left: 0; }
.metric strong { display: block; color: #d8c9a8; font-size: 36px; line-height: 1.15; font-weight: 800; direction: ltr; }
.metric span { display: block; margin-top: 7px; color: rgba(255,255,255,.9); font-size: 11px; line-height: 1.6; }
.strategy-note { margin: 17px 0 0; text-align: center; color: rgba(255,255,255,.64); font-size: 10px; }

.why { min-height: 435px; position: relative; isolation: isolate; overflow: hidden; display: grid; align-items: center; background: #fdf9f2 url("/assets/syria-architecture-linework.webp") center / cover no-repeat; }
.why::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(255,251,243,.12), rgba(255,251,243,.40) 44%, rgba(255,251,243,.12)); pointer-events: none; }
.why-layout { width: min(1180px, calc(100% - 56px)); min-height: 435px; display: grid; place-items: center; }
.why-copy { max-width: 820px; padding: 42px 34px; text-align: center; text-shadow: 0 1px 12px rgba(255,253,248,.78); }
.why-copy .section-kicker { margin-bottom: 9px; }
.why-copy h2 { margin-bottom: 17px; font-size: clamp(30px, 3.25vw, 46px); }
.why-copy p { margin: 0; color: #365145; font-size: 16px; line-height: 2.05; }

.services-section { position: relative; isolation: isolate; overflow: hidden; background: #f7f1e7; }
.services-section::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/assets/aleppo-pattern.webp") center/520px auto repeat; opacity: .28; }
.services-heading { margin-bottom: 34px; }
.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.service-card { --card-color: var(--green-800); min-height: 290px; display: flex; flex-direction: column; justify-content: space-between; position: relative; isolation: isolate; overflow: hidden; padding: 27px 30px; color: white; background-color: var(--card-color); background-image: var(--pattern-dark); background-position: center; background-size: 460px auto; background-repeat: repeat; box-shadow: 0 16px 34px rgba(16,46,34,.13); transition: transform .3s ease, box-shadow .3s ease; }
.service-card::before { display: none; }
.service-card::after { content: ""; position: absolute; inset: 42% 0 0; z-index: -1; background: linear-gradient(0deg, rgba(3,33,24,.78), rgba(3,33,24,.24) 74%, transparent); transform: translateY(48%); transition: transform .32s ease; }
.service-training,
.service-policies,
.service-research,
.service-projects,
.service-membership,
.service-events { --card-color: var(--green-900); }
.material-symbols-rounded { font-family: "Material Symbols Rounded"; font-weight: 500; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; font-feature-settings: "liga"; }
.service-icon { width: 72px; height: 72px; display: grid; place-items: center; margin: 0 0 24px auto; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; color: white; background: rgba(255,255,255,.08); font-size: 37px; transition: transform .35s ease, color .3s ease, background .3s ease; }
.service-card-copy { position: relative; }
.service-card h3 { margin: 0; color: white; font-size: 24px; line-height: 1.45; transition: transform .3s ease; }
.service-card p { max-width: 330px; margin: 10px 0 12px; color: rgba(255,255,255,.88); font-size: 14px; line-height: 1.85; opacity: 0; transform: translateY(18px); transition: opacity .28s ease, transform .32s ease; }
.service-more { display: inline-block; color: #e4d8bd; font-size: 12px; font-weight: 700; opacity: 0; transform: translateY(14px); transition: opacity .28s .03s ease, transform .3s .03s ease; }
.service-card:hover, .service-card:focus-visible { transform: translateY(-8px); box-shadow: 0 24px 48px rgba(16,46,34,.22); outline: none; }
.service-card:hover::after, .service-card:focus-visible::after { transform: translateY(0); }
.service-card:hover .service-icon, .service-card:focus-visible .service-icon { transform: translateY(-8px) rotate(-5deg); color: var(--green-950); background: rgba(255,255,255,.92); }
.service-card:hover h3, .service-card:focus-visible h3 { transform: translateY(-3px); }
.service-card:hover p, .service-card:focus-visible p, .service-card:hover .service-more, .service-card:focus-visible .service-more { opacity: 1; transform: translateY(0); }

.news-section { background: var(--white); }
.news-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; }
.news-card { background: #f5f5f2; }
.news-card img { width: 100%; height: 280px; object-fit: cover; }
.news-body { padding: 23px 26px 27px; }
.news-meta { margin-bottom: 8px; color: #7a847e; font-size: 11px; }
.news-card h3 { margin: 0 0 9px; color: var(--green-900); font-size: 20px; line-height: 1.55; }
.news-card p { margin: 0; color: #53615a; font-size: 13px; }

.initiatives { position: relative; isolation: isolate; background: var(--stone-100); }
.initiatives::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/assets/aleppo-pattern.webp") center/650px auto repeat; opacity: .09; }
.initiative-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: 28px; }
.featured-initiative { min-height: 390px; position: relative; overflow: hidden; background: var(--green-950); }
.featured-initiative img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .55; }
.feature-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: end; padding: 34px; color: white; background: linear-gradient(transparent 20%, rgba(3,46,32,.94)); }
.feature-overlay h3 { margin: 0 0 5px; font-size: 27px; }
.feature-overlay p { margin: 0; font-size: 13px; }
.initiative-list { display: grid; gap: 14px; }
.initiative-item { padding: 23px 24px; border: 1px solid var(--stone-300); background: white; }
.initiative-item small { color: var(--leaf); font-weight: 700; }
.initiative-item h3 { margin: 5px 0 4px; color: var(--green-900); font-size: 17px; }
.initiative-item p { margin: 0; color: #66716b; font-size: 12px; }

.knowledge { background: white; }
.knowledge-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.knowledge-card { padding: 26px; border-top: 4px solid var(--leaf); background: #f5f5f2; }
.knowledge-card small { color: #7c847e; }
.knowledge-card h3 { margin: 10px 0 7px; color: var(--green-900); font-size: 18px; }
.knowledge-card p { margin: 0; color: #59665f; font-size: 12px; }

.participate { position: relative; isolation: isolate; overflow: hidden; padding: 92px 0; background: #eee5d5; }
.participate::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/assets/aleppo-pattern.webp") center/540px auto repeat; opacity: .22; }
.participate-heading { display: grid; grid-template-columns: 1fr .8fr; align-items: end; gap: 60px; margin-bottom: 36px; }
.participate-heading .section-title { max-width: 720px; margin-bottom: 0; }
.participate-heading > p { margin: 0; color: #52635b; font-size: 14px; line-height: 1.9; }
.participate-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.participate-card { min-height: 410px; display: flex; flex-direction: column; justify-content: space-between; gap: 28px; position: relative; overflow: hidden; padding: 38px 40px; border: 1px solid rgba(3,46,32,.14); box-shadow: 0 18px 42px rgba(16,46,34,.1); transition: transform .28s ease, box-shadow .28s ease; }
.participate-card::after { content: ""; position: absolute; left: -55px; bottom: -78px; width: 220px; height: 220px; background: url("/assets/aleppo-pattern.webp") center/245px auto; opacity: .18; pointer-events: none; }
.participate-card > * { position: relative; z-index: 1; }
.participate-card:hover { transform: translateY(-7px); box-shadow: 0 25px 52px rgba(16,46,34,.16); }
.membership-card { color: white; border-color: var(--green-950); background: var(--green-950); }
.membership-card::after { display: none; }
.partnership-card::after { display: none; }
.partnership-card { color: var(--green-950); background: #fffaf0; }
.participate-card-top { display: flex; justify-content: space-between; align-items: start; }
.participate-icon { width: 62px; height: 62px; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 50%; font-size: 31px; }
.membership-card .participate-icon { color: #d8c9a8; background: rgba(255,255,255,.06); }
.partnership-card .participate-icon { color: var(--green-800); background: #edf3e9; }
.participate-label { margin: 0 0 8px; color: var(--leaf); font-size: 13px; font-weight: 700; }
.membership-card .participate-label { color: #d8c9a8; }
.participate-card h3 { max-width: 520px; margin: 0 0 12px; color: inherit; font-size: 29px; line-height: 1.45; }
.participate-card div > p:last-child { max-width: 520px; margin: 0; color: inherit; opacity: .78; font-size: 14px; line-height: 1.9; }
.participate-btn { width: fit-content; min-width: 184px; gap: 10px; }
.participate-btn .material-symbols-rounded { font-size: 19px; transition: transform .2s ease; }
.participate-btn:hover .material-symbols-rounded { transform: translateX(-4px); }
.membership-card .participate-btn { border-color: #d2c29f; }
.partnership-card .participate-btn { border-color: var(--green-950); color: white; background-color: var(--green-950); background-image: var(--pattern-dark); background-position: center; background-size: 240px auto; background-repeat: repeat; }

.site-footer { position: relative; isolation: isolate; overflow: hidden; padding: 58px 0 24px; color: white; background: #0b2d20; }
.site-footer::before { display: none; }
.site-footer .container { position: relative; z-index: 1; }
.footer-grid { display: grid; grid-template-columns: 1.4fr repeat(4, 1fr); gap: 34px; }
.footer-grid h3 { margin: 0 0 13px; color: #d8c9a8; font-size: 15px; }
.footer-grid p, .footer-grid a { color: rgba(255,255,255,.76); font-size: 11px; line-height: 1.9; }
.footer-grid a { display: block; margin: 4px 0; cursor: pointer; }
.footer-bottom { margin-top: 40px; padding-top: 17px; border-top: 1px solid rgba(255,255,255,.16); display: flex; justify-content: space-between; color: rgba(255,255,255,.55); font-size: 10px; }

/* Developer credit */
.footer-credit { margin-top: 18px; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; text-align: start; }
.footer-credit-label { margin: 0; color: rgba(255,255,255,.7); font-size: 12px; letter-spacing: .02em; }
.footer-credit-link { display: inline-flex; padding: 0; border-radius: 8px; background: transparent; transition: opacity .2s ease, transform .2s ease; }
.footer-credit-link:hover { opacity: .85; transform: translateY(-2px); }
.footer-credit-link:focus-visible { outline: 2px solid #d8c9a8; outline-offset: 3px; }
.footer-credit-logo { display: block; width: auto; height: 46px; }


/* First-visit loading veil */
#site-preloader { position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center; overflow: hidden; background: #0b2d20; transition: opacity .45s ease, visibility .45s ease; }
html:not(.is-loading) #site-preloader { opacity: 0; visibility: hidden; pointer-events: none; }
html:not(.is-loading) .preloader-tiles span { transform: scale(1.06); }
html.dark-theme #site-preloader { background: #061d14; }
.preloader-tiles { position: absolute; inset: -2%; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); }
.preloader-tiles span { background-image: url("/assets/aleppo-pattern-dark.webp"); background-size: 190px auto; background-repeat: repeat; opacity: 0; transform: scale(.86) rotate(-4deg); animation: preloader-tile-in .9s cubic-bezier(.22,.8,.3,1) forwards; }
.preloader-tiles span:nth-child(1) { animation-delay: .00s; }
.preloader-tiles span:nth-child(2) { animation-delay: .07s; }
.preloader-tiles span:nth-child(3) { animation-delay: .14s; }
.preloader-tiles span:nth-child(4) { animation-delay: .07s; }
.preloader-tiles span:nth-child(5) { animation-delay: .14s; }
.preloader-tiles span:nth-child(6) { animation-delay: .21s; }
.preloader-tiles span:nth-child(7) { animation-delay: .14s; }
.preloader-tiles span:nth-child(8) { animation-delay: .21s; }
.preloader-tiles span:nth-child(9) { animation-delay: .28s; }
.preloader-stage { position: relative; display: grid; justify-items: center; gap: 16px; padding: 26px 34px; text-align: center; }
.preloader-stage::before { content: ""; position: absolute; inset: 0; background: radial-gradient(closest-side, rgba(6,29,20,.92), rgba(6,29,20,0)); }
.preloader-stage > * { position: relative; }
.preloader-mark { width: 168px; height: auto; opacity: 0; filter: brightness(0) invert(1) sepia(.35) saturate(.6) hue-rotate(5deg); animation: preloader-mark-in .8s .34s ease-out forwards; }
.preloader-bar { width: 148px; height: 3px; border-radius: 999px; background: rgba(216,201,168,.22); overflow: hidden; }
.preloader-bar span { display: block; width: 45%; height: 100%; border-radius: 999px; background: #d8c9a8; animation: preloader-sweep 1.15s ease-in-out infinite; }
.preloader-text { margin: 0; color: rgba(255,255,255,.84); font-family: "Cairo", sans-serif; font-size: 13px; letter-spacing: .02em; }
@keyframes preloader-tile-in { to { opacity: .5; transform: scale(1) rotate(0deg); } }
@keyframes preloader-mark-in { from { opacity: 0; transform: scale(.9); } to { opacity: 1; transform: scale(1); } }
@keyframes preloader-sweep { 0% { transform: translateX(-115%); } 100% { transform: translateX(240%); } }
@media (prefers-reduced-motion: reduce) {
  .preloader-tiles span { animation-duration: .01s; }
  .preloader-mark { animation-delay: 0s; animation-duration: .01s; }
  .preloader-bar span { animation-duration: 3s; }
}



.page-hero { padding: 166px 0 66px; color: white; background: linear-gradient(115deg, var(--green-950), var(--green-800)); }
.page-hero h1 { margin: 0 0 8px; font-size: 48px; line-height: 1.3; }
.page-hero p { max-width: 760px; margin: 0; color: rgba(255,255,255,.82); }
.priority-pill { display: inline-flex; margin-top: 22px; padding: 6px 13px; background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.25); font-size: 11px; }
.subpage-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.subpage-card { min-height: 150px; padding: 26px; border: 1px solid var(--line); background: white; }
.subpage-card strong { display: block; margin-bottom: 8px; color: var(--leaf); font-size: 13px; direction: ltr; text-align: right; }
.subpage-card h2 { margin: 0; color: var(--green-900); font-size: 20px; }
.architecture-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.architecture-card { padding: 25px; border: 1px solid var(--line); background: white; }
.architecture-card h2 { margin: 0 0 8px; color: var(--green-900); font-size: 19px; }
.architecture-card p { margin: 0 0 15px; color: #5b6861; font-size: 12px; }
.architecture-card ul { margin: 0; padding: 0 18px 0 0; color: #53615a; font-size: 11px; }
.architecture-card .priority { display: inline-flex; margin-bottom: 13px; padding: 3px 9px; color: var(--green-800); background: #eaf4ea; font-size: 10px; font-weight: 700; }

/* About page */
.about-hero { min-height: 680px; display: flex; align-items: center; position: relative; isolation: isolate; overflow: hidden; padding: 142px 0 76px; color: white; background: linear-gradient(90deg, rgba(3,46,32,.03), rgba(3,46,32,.16)), url("/assets/hero-aleppo-courtyard.webp") center 55%/cover no-repeat; }
.about-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(3,46,32,.02), transparent 55%); }
.about-hero .container { width: min(1180px, calc(100% - 56px)); }
.about-hero-panel { width: min(590px, 52%); padding: 43px 45px 36px; position: relative; overflow: hidden; color: var(--ink); background: rgba(255,253,248,.96); box-shadow: var(--shadow); }
.about-hero-panel::before { content: ""; position: absolute; width: 220px; height: 220px; left: -74px; top: -65px; background: url("/assets/aleppo-pattern.webp") center/270px auto; opacity: .28; transform: rotate(7deg); }
.about-hero-panel > * { position: relative; z-index: 1; }
.about-hero-panel .section-kicker { color: var(--leaf); }
.about-hero-panel h1 { margin: 0; color: var(--green-950); font-size: clamp(36px, 4vw, 52px); line-height: 1.3; letter-spacing: -.025em; }
.about-hero-panel > p:last-of-type { margin: 0; max-width: 485px; color: #42574c; font-size: 15px; line-height: 2; }
.about-scroll-link { width: fit-content; display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; color: var(--green-800); font-size: 13px; font-weight: 700; }
.about-scroll-link .material-symbols-rounded { font-size: 18px; }
.about-story { overflow: hidden; padding-top: 108px; }
.about-story-grid { display: grid; grid-template-columns: .86fr 1.14fr; gap: 62px; align-items: center; }
.about-story-visual { width: min(100%, 430px); aspect-ratio: 1; display: grid; place-items: center; position: relative; margin-inline: auto; border: 1px solid rgba(120,141,103,.24); border-radius: 50%; background-color: #fbf8ef; background-image: url("/assets/aleppo-pattern.webp"); background-position: center; background-size: 430px auto; box-shadow: 0 16px 38px rgba(3,46,32,.08); }
.about-story-visual::before { content: ""; position: absolute; inset: 34px; border-radius: 50%; border: 1px solid rgba(120,141,103,.42); }
.about-story-visual::after { content: ""; position: absolute; inset: 69px; border-radius: 50%; border: 1px solid rgba(120,141,103,.22); }
.about-story-visual img { width: 69%; position: relative; z-index: 1; border-radius: 50%; mix-blend-mode: multiply; }
.about-story .section-title { max-width: 760px; }
.about-story p { margin: 0 0 14px; color: #53645b; font-size: 15px; line-height: 2; }
.about-story .about-lead { color: var(--green-900); font-size: 18px; font-weight: 600; line-height: 1.95; }
.about-focus-list { display: grid; gap: 9px; margin: 20px 0 0; padding: 0; list-style: none; }
.about-focus-list li { padding-right: 25px; position: relative; color: #53645b; font-size: 13px; line-height: 1.9; }
.about-focus-list li::before { content: ""; width: 9px; height: 9px; position: absolute; right: 0; top: .68em; border-radius: 100% 0 100% 0; background: var(--leaf); transform: rotate(-18deg); }
.about-note { display: flex; align-items: flex-start; gap: 10px; max-width: 700px; margin-top: 23px; padding: 15px 17px; border-right: 3px solid var(--leaf); background: var(--stone-100); }
.about-note span { margin-top: 4px; color: var(--leaf); font-size: 21px; }
.about-note p { margin: 0; font-size: 12px; }
.membership-certificate { position: relative; isolation: isolate; overflow: hidden; padding: 92px 0; background: #f4f0e7; }
.membership-certificate::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/assets/aleppo-pattern.webp") center / 540px auto repeat; opacity: .12; }
.membership-certificate-grid { display: grid; grid-template-columns: minmax(290px, .82fr) minmax(0, 1.18fr); grid-template-areas: "visual copy"; gap: clamp(42px, 7vw, 98px); align-items: center; direction: ltr; }
.membership-certificate-visual { grid-area: visual; width: min(100%, 420px); margin: 0 auto; direction: inherit; }
.membership-certificate-frame { position: relative; padding: 11px; background: #fff; border: 1px solid rgba(18,75,51,.19); box-shadow: 0 24px 45px rgba(3,46,32,.16), 15px 15px 0 rgba(122,154,115,.17); }
.membership-certificate-frame::before { content: ""; position: absolute; inset: 19px; border: 1px solid rgba(18,75,51,.09); pointer-events: none; }
.membership-certificate-frame img { display: block; width: 100%; height: auto; }
.membership-certificate-visual figcaption { margin-top: 17px; color: #5f6c64; font-size: 11px; line-height: 1.7; text-align: center; }
.membership-certificate-copy { grid-area: copy; max-width: 610px; direction: rtl; }
html[dir="ltr"] .membership-certificate-copy { direction: ltr; }
.membership-certificate-copy .section-kicker { color: var(--leaf); }
.membership-certificate-copy h2 { margin: 0; color: var(--green-950); font-size: clamp(30px, 3.4vw, 46px); line-height: 1.38; }
.membership-certificate-copy > p:not(.section-kicker) { max-width: 580px; margin: 0 0 13px; color: #52635b; font-size: 15px; line-height: 2; }
.membership-certificate-highlight { width: fit-content; display: inline-flex; align-items: center; gap: 9px; margin-top: 13px; padding: 10px 14px; color: var(--green-900); background: rgba(255,255,255,.7); border-right: 3px solid var(--leaf); font-size: 12px; font-weight: 700; }
.membership-certificate-highlight .material-symbols-rounded { color: var(--leaf); font-size: 20px; }
.about-purpose { padding: 83px 0 92px; color: white; background-color: var(--green-950); background-image: linear-gradient(rgba(3,46,32,.93), rgba(3,46,32,.93)), url("/assets/aleppo-pattern.webp"); background-position: center; background-size: auto, 530px auto; }
.about-purpose-grid { display: grid; grid-template-columns: .7fr 1fr 1fr; gap: 19px; align-items: stretch; }
.about-purpose-heading { display: flex; flex-direction: column; justify-content: center; padding: 20px 24px 20px 0; }
.about-purpose .section-kicker { color: #d8c9a8; }
.about-purpose h2 { max-width: 340px; margin: 0; color: white; font-size: clamp(28px, 3.2vw, 43px); line-height: 1.42; }
.purpose-card { min-height: 282px; padding: 29px; position: relative; overflow: hidden; background-color: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.2); transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease, border-color .25s ease; }
.purpose-card::after { content: ""; position: absolute; inset: 0; background: var(--pattern-dark) center/420px auto repeat; opacity: .28; transition: opacity .25s ease; }
.purpose-card > * { position: relative; z-index: 1; }
.purpose-card > span { width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 25px; border: 1px solid #d8c9a8; border-radius: 50%; color: #d8c9a8; font-size: 28px; }
.purpose-card p { margin: 0 0 7px; color: #d8c9a8; font-size: 12px; font-weight: 700; }
.purpose-card h3 { margin: 0; color: white; font-size: 19px; line-height: 1.85; }
.purpose-card:hover { transform: translateY(-5px); background-color: #022519; border-color: rgba(216,201,168,.46); box-shadow: 0 22px 42px rgba(0,0,0,.2); }
.purpose-card:hover::after { opacity: .42; }
.purpose-mission { background-color: #f8f4ec; border-color: #f8f4ec; }
.purpose-mission::after { background: url("/assets/aleppo-pattern.webp") center/420px auto repeat; opacity: .16; }
.purpose-mission > span { border-color: var(--green-800); color: var(--green-800); }
.purpose-mission p { color: var(--green-700); }
.purpose-mission h3 { color: var(--green-950); }
.purpose-mission:hover { background-color: #f0e7d7; border-color: rgba(3,88,50,.28); box-shadow: 0 22px 42px rgba(3,46,32,.18); }
.purpose-mission:hover::after { opacity: .24; }
.about-values { position: relative; isolation: isolate; overflow: hidden; background: #fffefa; }
.about-values::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/assets/aleppo-pattern.webp") center/560px auto repeat; opacity: .13; }
.about-values-heading > p { max-width: 290px; margin: 0; color: #5b6b62; font-size: 14px; line-height: 1.9; }
.values-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.value-card { min-height: 238px; padding: 23px 19px; position: relative; overflow: hidden; border: 1px solid var(--stone-300); border-top: 4px solid var(--green-700); background: rgba(255,255,255,.92); transition: transform .25s ease, box-shadow .25s ease; }
.value-card::after { content: ""; position: absolute; left: -42px; bottom: -50px; width: 130px; height: 130px; background: url("/assets/aleppo-pattern.webp") center/160px auto; opacity: .18; }
.value-card > * { position: relative; z-index: 1; }
.value-card:hover { transform: translateY(-6px); box-shadow: 0 18px 34px rgba(3,46,32,.12); }
.value-card > span { color: var(--leaf); font-size: 31px; }
.value-card h3 { margin: 28px 0 8px; color: var(--green-900); font-size: 16px; }
.value-card p { margin: 0; color: #617068; font-size: 12px; line-height: 1.9; }
.about-role { position: relative; isolation: isolate; overflow: hidden; padding: 88px 0; background: #f6efe3; }
.about-role::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/assets/aleppo-pattern.webp") center/570px auto repeat; opacity: .34; }
.about-role-heading { max-width: 790px; margin-bottom: 36px; }
.about-role .section-kicker { color: var(--leaf); }
.about-role h2 { margin: 0 0 12px; color: var(--green-950); font-size: clamp(29px, 3.5vw, 45px); line-height: 1.35; }
.about-role-heading > p:last-child { max-width: 760px; margin: 0; color: #52635b; font-size: 15px; line-height: 2; }
.role-explorer { display: grid; grid-template-columns: .92fr 1.08fr; gap: 18px; align-items: stretch; }
.role-feature { min-height: 466px; display: flex; flex-direction: column; position: relative; isolation: isolate; overflow: hidden; padding: 36px; color: white; background-color: var(--green-950); background-image: linear-gradient(150deg, rgba(3,46,32,.34), rgba(3,46,32,.9)), var(--pattern-dark); background-position: center; background-size: auto, 470px auto; box-shadow: 0 20px 46px rgba(3,46,32,.2); }
.role-feature::before { content: ""; width: 170px; height: 170px; position: absolute; z-index: -1; top: -68px; left: -52px; border: 1px solid rgba(216,201,168,.58); border-radius: 50%; }
.role-feature-icon { width: 63px; height: 63px; display: grid; place-items: center; flex: 0 0 auto; margin-bottom: 24px; border: 1px solid rgba(216,201,168,.7); border-radius: 50%; color: #d8c9a8; font-size: 33px; }
.role-feature h3 { max-width: 430px; min-height: 2.6em; display: flex; align-items: flex-start; margin: 0 0 10px; font-size: clamp(27px, 3vw, 40px); line-height: 1.3; }
.role-feature-copy { max-width: 430px; min-height: 4em; margin: 0; color: rgba(255,255,255,.82); font-size: 15px; line-height: 2; }
.role-feature.is-swapping .role-feature-icon, .role-feature.is-swapping h3, .role-feature.is-swapping .role-feature-copy { animation: role-feature-swap .22s ease-out; }
@keyframes role-feature-swap { from { opacity: .45; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .role-feature.is-swapping .role-feature-icon, .role-feature.is-swapping h3, .role-feature.is-swapping .role-feature-copy { animation: none; } }
.role-feature-hint { display: inline-flex; align-items: center; gap: 7px; margin-top: 27px; color: rgba(255,255,255,.66); font-size: 11px; }
.role-feature-hint .material-symbols-rounded { font-size: 17px; }
.role-selector-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.role-selector { min-height: 109px; display: grid; grid-template-columns: 1fr auto; align-content: center; gap: 4px 10px; padding: 18px 19px; position: relative; overflow: hidden; border: 1px solid rgba(3,46,32,.15); color: var(--green-950); text-align: right; cursor: pointer; background-color: rgba(255,254,250,.88); transition: transform .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease, background-color .25s ease; }
.role-selector::before { content: ""; position: absolute; inset: 0; background: var(--pattern-dark) center/300px auto repeat; opacity: 0; transition: opacity .25s ease; }
.role-selector > * { position: relative; z-index: 1; }
.role-selector strong { grid-column: 1 / 2; font-size: 16px; line-height: 1.5; }
.role-selector i { align-self: end; grid-column: 2; grid-row: 1 / 3; color: var(--green-700); font-size: 19px; font-style: normal; transform: translateX(0); transition: transform .25s ease, color .25s ease; }
.role-selector:hover, .role-selector:focus-visible, .role-selector.is-active { border-color: var(--green-950); color: white; background-color: var(--green-950); box-shadow: 0 14px 29px rgba(3,46,32,.17); outline: none; }
.role-selector:hover::before, .role-selector:focus-visible::before, .role-selector.is-active::before { opacity: .8; }
.role-selector:hover i, .role-selector:focus-visible i, .role-selector.is-active i { color: #d8c9a8; transform: translateX(-5px); }
.role-selector:hover { transform: translateY(-4px); }

/* Closing FAQ — rows reveal their answer on hover or keyboard focus. */
.about-faq { position: relative; isolation: isolate; overflow: hidden; padding: 106px 0 112px; background: #eee5d6; }
.about-faq::before { content: ""; position: absolute; z-index: -1; inset: 0; background: url("/assets/aleppo-pattern.webp") center / 570px auto repeat; opacity: .2; }
.about-faq::after { content: ""; width: 420px; height: 420px; position: absolute; z-index: -1; top: -215px; left: -130px; border: 1px solid rgba(18,75,51,.14); border-radius: 50%; box-shadow: 0 0 0 46px rgba(18,75,51,.045), 0 0 0 92px rgba(18,75,51,.025); }
.about-faq-shell { display: grid; grid-template-columns: .72fr 1.28fr; gap: 82px; align-items: start; }
.about-faq-heading { width: 100%; max-width: 410px; align-self: start; justify-self: center; padding: 36px 28px 27px; text-align: center; }
.about-faq-heading .section-kicker { color: var(--leaf); }
.about-faq-heading h2 { max-width: 380px; margin: 0 auto 16px; color: var(--green-950); font-size: clamp(33px, 3.8vw, 49px); line-height: 1.3; }
.about-faq-heading > p:not(.section-kicker) { max-width: 325px; margin: 0 auto; color: #58685f; font-size: 14px; line-height: 2; }
.about-faq-heading > span { display: inline-flex; align-items: center; gap: 7px; margin: 25px auto 0; color: var(--green-800); font-size: 11px; font-weight: 700; }
.about-faq-heading > span .material-symbols-rounded { font-size: 19px; }
.about-faq-list { border-top: 1px solid rgba(18,75,51,.22); }
.about-faq-item { position: relative; border-bottom: 1px solid rgba(18,75,51,.18); transition: background-color .25s ease, box-shadow .25s ease; }
.about-faq-question { min-height: 96px; display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: center; padding: 19px 22px; color: var(--green-950); }
.about-faq-question strong { font-size: clamp(17px, 1.55vw, 22px); line-height: 1.55; }
.about-faq-toggle { width: 37px; height: 37px; display: grid; place-items: center; border: 1px solid rgba(18,75,51,.35); border-radius: 50%; color: var(--green-700); transition: color .25s ease, background-color .25s ease, transform .25s ease, border-color .25s ease; }
.about-faq-toggle .material-symbols-rounded { font-size: 21px; }
.about-faq-item p { max-width: 690px; max-height: 0; overflow: hidden; margin: 0; padding: 0 22px; color: #587066; font-size: 14px; line-height: 2; opacity: 0; transform: translateY(-8px); transition: max-height .36s ease, padding .32s ease, opacity .24s ease, transform .32s ease; }
.about-faq-item:hover, .about-faq-item:focus { background: rgba(255,254,250,.74); box-shadow: inset 4px 0 0 var(--leaf); outline: none; }
.about-faq-item:hover .about-faq-toggle, .about-faq-item:focus .about-faq-toggle { border-color: var(--green-800); color: #f8f4ec; background: var(--green-800); transform: rotate(45deg); }
.about-faq-item:hover p, .about-faq-item:focus p { max-height: 180px; padding-bottom: 24px; opacity: 1; transform: translateY(0); }
@media (max-width: 1050px) {
  .nav-wrap .container { grid-template-columns: 155px 1fr; gap: 0; }
  .brand img { width: 125px; }
  .primary-nav > a, .nav-trigger { padding: 0 7px; font-size: 10px; }
  .nav-dropdown { min-width: 190px; }
  .strategy-grid { grid-template-columns: repeat(3, 1fr); row-gap: 20px; }
  .metric:nth-child(3) { border-left: 0; }
  .architecture-grid { grid-template-columns: repeat(2, 1fr); }
  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .about-purpose-grid { grid-template-columns: 1fr 1fr; }
  .about-purpose-heading { grid-column: 1 / -1; padding: 0 0 8px; }
  .about-purpose h2 { max-width: 570px; }
  .values-grid { grid-template-columns: repeat(3, 1fr); }
  .value-card { min-height: 215px; }
  .about-story-grid { gap: 42px; }
}

@media (max-width: 1000px) {
  .site-header { padding-top: 15px; }
  .nav-wrap { height: auto; }
  .nav-wrap .container { min-height: 70px; grid-template-columns: 132px 1fr; }
  body.menu-open { overflow: hidden; }
  .menu-toggle { min-width: 84px; height: 46px; display: inline-flex; justify-self: end; align-items: center; justify-content: center; gap: 6px; margin-left: 11px; border: 1px solid rgba(255,255,255,.28); color: white; background: rgba(255,255,255,.08); font-size: 11px; }
  .menu-toggle .material-symbols-rounded { font-size: 21px; }
  .nav-wrap .container > .primary-nav { width: auto; height: auto; display: none; position: fixed; top: 100px; right: 15px; left: 15px; justify-content: stretch; padding: 10px; border: 1px solid rgba(255,255,255,.18); background: var(--green-950) var(--pattern-dark) center/420px auto; box-shadow: 0 18px 40px rgba(3,32,22,.35); }
  .site-header.is-stuck .primary-nav { top: 76px; }
  .nav-wrap .container > .primary-nav.is-open { display: grid; grid-template-columns: 1fr; }
  .primary-nav > a, .primary-nav > a:last-child { min-height: 52px; display: flex; justify-content: flex-start; padding: 0 14px; border-bottom: 1px solid rgba(255,255,255,.12); font-size: 11px; }
  .primary-nav > a.nav-login { justify-content: flex-start; padding: 0 14px; }
  .primary-nav > a::after { display: none; }
  .primary-nav .nav-group { display: block; min-height: 52px; border-bottom: 1px solid rgba(255,255,255,.12); }
  .primary-nav .nav-trigger { min-height: 52px; display: flex; justify-content: flex-start; padding: 0 14px; border: 0; font-size: 11px; }
  .primary-nav .nav-dropdown { width: 100%; min-width: 0; position: static; display: none; gap: 2px; padding: 0 0 8px; border: 0; box-shadow: none; opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
  .primary-nav .nav-group.is-open .nav-dropdown { display: grid; }
  .primary-nav .nav-dropdown a { min-height: 42px; display: flex; align-items: center; padding: 0 25px; color: rgba(255,255,255,.74); font-size: 11px; }
}

@media (max-width: 760px) {
  .container { width: min(100% - 30px, 1180px); }
  .hero { min-height: 660px; align-items: end; padding-top: 112px; padding-bottom: 25px; background-position: 45% center; }
  .hero-panel { width: 100%; padding: 28px 25px; }
  .hero h1 { font-size: 32px; }
  .actions { flex-direction: column; }
  .priority-grid, .news-grid, .initiative-grid, .knowledge-grid, .subpage-grid, .architecture-grid { grid-template-columns: 1fr; }
  .strategy-grid { grid-template-columns: repeat(2, 1fr); }
  .metric:nth-child(3) { border-left: 1px solid rgba(255,255,255,.35); }
  .metric:nth-child(even) { border-left: 0; }
  .participate { padding: 68px 0; }
  .participate-heading, .participate-grid { grid-template-columns: 1fr; }
  .participate-heading { gap: 18px; }
  .participate-card { min-height: 370px; padding: 32px 27px; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid > div:first-child { grid-column: 1 / -1; }
  .section-heading { align-items: start; flex-direction: column; }
  .why { min-height: 520px; align-items: end; background-position: 52% center; }
  .why-layout { width: min(100% - 30px, 1180px); min-height: 520px; align-content: end; padding: 42px 0 28px; }
  .why-copy { width: 100%; padding: 26px 20px; }
  .why-copy h2 { font-size: 31px; }
  .why-copy p { font-size: 14px; }
  .services-grid { grid-template-columns: 1fr; }
  .service-card { min-height: 265px; }
  .page-hero { padding-top: 132px; }
  .about-hero { min-height: 660px; align-items: end; padding: 118px 0 34px; background-position: 46% center; }
  .about-hero .container { width: min(100% - 30px, 1180px); }
  .about-hero-panel { width: 100%; padding: 29px 25px; }
  .about-hero-panel h1 { font-size: 35px; }
  .about-story { padding-top: 75px; }
  .about-story-grid { grid-template-columns: 1fr; gap: 42px; }
  .about-story-visual { width: min(100%, 310px); }
  .about-story .about-lead { font-size: 16px; }
  .membership-certificate { padding: 68px 0; }
  .membership-certificate-grid { grid-template-columns: 1fr; grid-template-areas: "visual" "copy"; gap: 38px; }
  .membership-certificate-visual { width: min(100%, 360px); }
  .membership-certificate-copy { max-width: none; }
  .membership-certificate-copy h2 { font-size: 31px; }
  .about-purpose { padding: 63px 0; }
  .about-purpose-grid { grid-template-columns: 1fr; }
  .purpose-card { min-height: 0; }
  .values-grid { grid-template-columns: 1fr; }
  .value-card { min-height: 0; padding: 22px; }
  .value-card h3 { margin-top: 14px; }
  .role-explorer { grid-template-columns: 1fr; }
  .role-feature { min-height: 365px; padding: 29px 25px; }
  .role-feature h3 { font-size: 30px; }
  .role-selector { min-height: 96px; padding: 16px; }
  .about-faq { padding: 72px 0 78px; }
  .about-faq-shell { grid-template-columns: 1fr; gap: 24px; }
  .about-faq-heading { max-width: none; align-self: auto; padding: 0; text-align: right; }
  .about-faq-heading h2 { max-width: 440px; font-size: 34px; }
  .about-faq-heading > p:not(.section-kicker) { max-width: 420px; }
  .about-faq-question { min-height: 78px; gap: 15px; padding: 15px 12px; }
  .about-faq-question strong { font-size: 16px; }
  .about-faq-toggle { width: 33px; height: 33px; }
  .about-faq-item p { padding-inline: 12px; font-size: 13px; }
}

@media (min-width: 761px) and (max-width: 820px) {
  .hero .actions { flex-wrap: wrap; }
  .hero .actions .btn { flex: 1 1 calc(50% - 6px); }
}

@media (hover: none) {
  .service-card::after { transform: translateY(0); }
  .service-card p, .service-card .service-more { opacity: 1; transform: translateY(0); }
  .about-faq-item p { max-height: 180px; padding-bottom: 24px; opacity: 1; transform: translateY(0); }
}

/* ============================================================
   Contact page
   Architectural language: drafting-corner marks on cards,
   Aleppo linework skyline as a full-bleed elevation drawing.
   ============================================================ */

.num { display: inline-block; direction: ltr; unicode-bidi: isolate; }

/* Drafting tick marks — two opposite corners, like a technical drawing frame */
.draft-corner { position: relative; }
.draft-corner::before,
.draft-corner::after { content: ""; position: absolute; width: 15px; height: 15px; border: 1px solid rgba(120,141,103,.55); pointer-events: none; }
.draft-corner::before { top: 11px; right: 11px; border-left: 0; border-bottom: 0; }
.draft-corner::after { bottom: 11px; left: 11px; border-right: 0; border-top: 0; }

.contact-hero { position: relative; isolation: isolate; overflow: hidden; padding: 158px 0 0; color: white; background-color: var(--green-950); background-image: linear-gradient(118deg, rgba(3,46,32,.97), rgba(3,72,44,.9)), var(--pattern-dark); background-position: center; background-size: auto, 470px auto; }
.contact-hero .container { position: relative; z-index: 2; padding-bottom: 118px; }
.contact-hero .section-kicker { color: #d8c9a8; }
.contact-hero h1 { max-width: 15ch; margin: 0; font-size: clamp(38px, 4.4vw, 60px); line-height: 1.28; letter-spacing: -.025em; }
.contact-hero .leaf-rule { max-width: 300px; margin-inline-start: 0; color: #d8c9a8; }
.contact-hero .leaf-rule::before, .contact-hero .leaf-rule::after { background: #d8c9a8; opacity: .55; }
.contact-hero .leaf-rule span { background: #d8c9a8; }
/* Kept narrow so the copy stays inside the scrim and off the bright linework. */
.contact-hero p { max-width: 480px; margin: 0; color: rgba(255,255,255,.88); font-size: 16px; line-height: 2.05; }
/* Skyline elevation along the base of the hero.
   Vector, not raster: the source art is only 1680px wide, so a bitmap gets upscaled 2x
   on a retina display and the strokes go soft. `syria-architecture-skyline.svg` is that
   linework traced to paths, with the sand colour and the top fade carried by an SVG
   gradient fill — so it stays crisp at any size or pixel density.
   Deliberately a plain background-image: no mask, no blend mode. Both were tried and
   abandoned — a mask image that fails to resolve masks the element away entirely, and
   multi-layer masks need mask-composite, which Safari mis-handles. Nothing here can
   partially apply: the drawing either loads and looks right, or the hero is plain green. */
.contact-hero-skyline {
  position: absolute; inset: auto 0 -2px; z-index: 1; height: 340px;
  background-image: url("/assets/syria-architecture-skyline.svg");
  background-size: 1680px auto;
  background-position: center bottom;
  background-repeat: no-repeat;
  opacity: .7;
  pointer-events: none;
}
/* Quiet the drawing behind the Arabic copy (RTL, so the text sits right) — this is what
   lets the linework run bright on the left without the copy fighting it. Two gradients:
   a strong horizontal wash under the text column, plus a soft radial pool centred on the
   copy so the middle of the paragraph gets the most cover. */
.contact-hero::after {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    radial-gradient(58% 62% at 78% 52%, rgba(3,40,28,.86), rgba(3,40,28,0) 70%),
    linear-gradient(to left, rgba(3,40,28,.9) 0%, rgba(3,40,28,.74) 26%, rgba(3,40,28,.34) 47%, rgba(3,40,28,.08) 63%, transparent 75%);
}
/* Belt and braces for the smaller copy, which sits lowest and meets the busiest part
   of the drawing. Cheap on a dark ground and invisible where there is no artwork. */
.contact-hero h1 { text-shadow: 0 2px 22px rgba(3,32,22,.55); }
.contact-hero p { text-shadow: 0 1px 14px rgba(3,32,22,.8); }

/* Details + form */
.contact-main { position: relative; isolation: isolate; overflow: hidden; padding: 84px 0; background: #f7f1e7; }
.contact-main::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/assets/aleppo-pattern.webp") center/520px auto repeat; opacity: .3; }
.contact-layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: 34px; align-items: start; }

.contact-details { display: grid; gap: 13px; }
.contact-card { display: grid; grid-template-columns: 52px 1fr; gap: 17px; padding: 23px 25px; border: 1px solid var(--stone-300); background: rgba(255,254,250,.94); transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease; }
.contact-card:hover { transform: translateX(-5px); border-color: rgba(3,88,50,.4); box-shadow: 0 16px 32px rgba(16,46,34,.09); }
.contact-card > .material-symbols-rounded { width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid rgba(120,141,103,.4); border-radius: 50%; color: var(--green-800); background: #eef3ea; font-size: 25px; }
.contact-card h3 { margin: 0 0 5px; color: var(--green-900); font-size: 15px; }
.contact-card p { margin: 0; color: #58665e; font-size: 13.5px; line-height: 1.85; }
.contact-card a { color: var(--green-700); font-weight: 700; }
.contact-card a:hover { text-decoration: underline; }
.contact-card small { display: block; margin-top: 5px; color: #8b968e; font-size: 11.5px; }
.pending-pill { display: inline-flex; align-items: center; gap: 5px; margin-top: 7px; padding: 3px 10px; color: #96632a; background: #f7ecdb; font-size: 11px; font-weight: 700; }
.pending-pill .material-symbols-rounded { font-size: 14px; }

.contact-social { display: flex; gap: 9px; margin-top: 3px; }
.contact-social a { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--stone-300); color: var(--green-800); background: rgba(255,254,250,.94); transition: .2s ease; }
.contact-social a:hover { transform: translateY(-3px); color: white; border-color: var(--green-950); background-color: var(--green-950); }

.contact-form { padding: 38px 40px 34px; position: relative; overflow: hidden; border: 1px solid var(--stone-300); background: var(--white); box-shadow: var(--shadow); }
/* Transparent line art + a corner fade, so the watermark reads as texture
   rather than a pasted square. */
.contact-form::before { content: ""; position: absolute; left: -60px; top: -60px; width: 300px; height: 300px; background: url("/assets/aleppo-pattern-lines.webp") center/280px auto; opacity: .5; pointer-events: none; -webkit-mask-image: radial-gradient(circle at top left, #000 22%, transparent 68%); mask-image: radial-gradient(circle at top left, #000 22%, transparent 68%); }
.contact-form > * { position: relative; z-index: 1; }
.contact-form h2 { margin: 0 0 7px; color: var(--green-950); font-size: 27px; line-height: 1.45; }
.contact-form > p { margin: 0 0 26px; max-width: 60ch; color: #5f6d66; font-size: 13.5px; line-height: 1.9; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.field { display: grid; gap: 7px; }
.field.full { grid-column: 1 / -1; }
.field label { color: var(--green-900); font-size: 12.5px; font-weight: 700; }
.field label span { color: var(--leaf); font-weight: 400; }
.field input, .field select, .field textarea { width: 100%; padding: 13px 15px; border: 1px solid var(--stone-300); background: #fffefa; color: var(--ink); font-family: inherit; font-size: 13.5px; transition: border-color .18s ease, box-shadow .18s ease; }
.field input::placeholder, .field textarea::placeholder { color: #a9b0aa; }
.field input:focus, .field select:focus, .field textarea:focus { outline: none; border-color: var(--green-800); box-shadow: 0 0 0 3px rgba(3,88,50,.11); }
.field textarea { min-height: 132px; resize: vertical; }
.field-consent { grid-column: 1 / -1; display: flex; align-items: flex-start; gap: 10px; margin-top: 3px; }
.field-consent input { width: 17px; height: 17px; margin-top: 3px; flex: 0 0 auto; accent-color: var(--green-800); }
.field-consent label { color: #5f6d66; font-size: 12px; font-weight: 400; line-height: 1.8; }
.field-consent a { color: var(--green-700); font-weight: 700; }
.form-actions { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--line); flex-wrap: wrap; }
.form-actions p { max-width: 42ch; margin: 0; color: #86908a; font-size: 11px; line-height: 1.8; }
.contact-form .btn { gap: 9px; }
.contact-form .btn .material-symbols-rounded { font-size: 19px; transition: transform .2s ease; }
.contact-form .btn:hover .material-symbols-rounded { transform: translateX(-4px); }

/* Route the message to the right working group */
.routes { position: relative; isolation: isolate; overflow: hidden; padding: 86px 0; background: #fffefa; }
.routes::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/assets/aleppo-pattern.webp") center/560px auto repeat; opacity: .13; }
.route-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.route-card { display: grid; align-content: start; gap: 9px; padding: 26px 27px 24px; position: relative; overflow: hidden; border: 1px solid var(--stone-300); border-top: 3px solid var(--green-700); background: rgba(255,255,255,.94); transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease, border-color .25s ease; }
.route-card::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--pattern-dark) center/320px auto repeat; opacity: 0; transition: opacity .25s ease; }
.route-card > .material-symbols-rounded { color: var(--leaf); font-size: 29px; transition: color .25s ease; }
.route-card h3 { margin: 4px 0 0; color: var(--green-900); font-size: 17px; transition: color .25s ease; }
.route-card p { margin: 0; color: #5f6d66; font-size: 12.5px; line-height: 1.9; transition: color .25s ease; }
.route-card span:last-child { margin-top: 4px; color: var(--green-700); font-size: 12px; font-weight: 700; transition: color .25s ease; }
.route-card:hover { transform: translateY(-7px); border-color: var(--green-950); background-color: var(--green-950); box-shadow: 0 22px 42px rgba(3,46,32,.2); }
.route-card:hover::after { opacity: .75; }
.route-card:hover h3 { color: white; }
.route-card:hover p { color: rgba(255,255,255,.82); }
.route-card:hover > .material-symbols-rounded,
.route-card:hover span:last-child { color: #d8c9a8; }

/* Where we work — linework elevation band */
.presence { position: relative; isolation: isolate; overflow: hidden; padding: 96px 0 104px; background: #fdf9f2; }
.presence::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/assets/syria-architecture-linework.webp") center bottom / cover no-repeat; opacity: .9; }
.presence::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(rgba(253,249,242,.5), rgba(253,249,242,.86)); }
.presence-heading { max-width: 720px; margin-bottom: 38px; }
.presence-heading h2 { margin: 0 0 12px; color: var(--green-950); font-size: clamp(28px, 3.3vw, 43px); line-height: 1.35; }
.presence-heading p { margin: 0; color: #4f6055; font-size: 15px; line-height: 2; }
.presence-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.place-card { padding: 27px 28px 25px; border: 1px solid var(--stone-300); background: rgba(255,254,250,.93); backdrop-filter: blur(2px); }
.place-card .place-status { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 14px; padding: 4px 11px; font-size: 11px; font-weight: 700; }
.status-active { color: var(--green-800); background: #e6f1e6; }
.status-planned { color: #7d7a6a; background: #efeade; }
.place-card h3 { margin: 0 0 6px; color: var(--green-900); font-size: 21px; }
.place-card p { margin: 0; color: #5b6a62; font-size: 13px; line-height: 1.9; }

/* Newsletter */
.newsletter { padding: 74px 0; color: white; background-color: var(--green-950); background-image: linear-gradient(rgba(3,46,32,.93), rgba(3,46,32,.93)), url("/assets/aleppo-pattern.webp"); background-position: center; background-size: auto, 530px auto; }
.newsletter .container { display: grid; grid-template-columns: 1fr .9fr; align-items: center; gap: 52px; }
.newsletter .section-kicker { color: #d8c9a8; }
.newsletter h2 { margin: 0 0 10px; color: white; font-size: clamp(26px, 2.9vw, 38px); line-height: 1.4; }
.newsletter > .container > div > p { margin: 0; max-width: 55ch; color: rgba(255,255,255,.8); font-size: 14px; line-height: 1.95; }
.newsletter-form { display: flex; gap: 10px; }
.newsletter-form input { flex: 1 1 auto; min-width: 0; padding: 15px 17px; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.07); color: white; font-family: inherit; font-size: 13.5px; }
.newsletter-form input::placeholder { color: rgba(255,255,255,.5); }
.newsletter-form input:focus { outline: none; border-color: #d8c9a8; background: rgba(255,255,255,.12); }
.newsletter-form .btn { flex: 0 0 auto; min-width: 0; border-color: #d8c9a8; color: var(--green-950); background: #d8c9a8; }
.newsletter-form .btn:hover { color: var(--green-950); background: #e7dcc3; }
.newsletter-note { margin: 12px 0 0; color: rgba(255,255,255,.55); font-size: 11px; }

@media (max-width: 1050px) {
  .contact-layout { grid-template-columns: 1fr; gap: 26px; }
  .route-grid, .presence-grid { grid-template-columns: repeat(2, 1fr); }
  .newsletter .container { grid-template-columns: 1fr; gap: 26px; }
}

@media (max-width: 760px) {
  .contact-hero { padding-top: 128px; }
  .contact-hero .container { padding-bottom: 84px; }
  .contact-hero-skyline { height: 230px; background-size: 940px auto; }
  /* The scrim runs left-to-right on desktop; on a narrow screen the copy spans the
     full width, so fade from the top instead — and hold the cover further down,
     because the last line of the paragraph reaches into the drawing. */
  .contact-hero::after { background: linear-gradient(rgba(3,40,28,.82) 46%, rgba(3,40,28,.6) 66%, rgba(3,40,28,.2) 82%, transparent 94%); }
  .contact-hero-skyline { opacity: .62; }
  .contact-main { padding: 56px 0; }
  .contact-form { padding: 27px 23px 25px; }
  .form-grid { grid-template-columns: 1fr; }
  .form-actions { flex-direction: column; align-items: stretch; }
  .form-actions .btn { width: 100%; }
  .routes, .presence { padding: 62px 0; }
  .route-grid, .presence-grid { grid-template-columns: 1fr; }
  .newsletter { padding: 54px 0; }
  .newsletter-form { flex-direction: column; }
}

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* Shared page system */
.skip-link { position: fixed; z-index: 100; top: 10px; right: 10px; padding: 10px 16px; color: white; background: var(--green-950); transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid #d8c9a8; outline-offset: 3px; }
.site-footer h2 { margin: 0 0 13px; color: #d8c9a8; font-size: 15px; }
.inner-hero { --inner-hero-image: url("/assets/hero-aleppo-courtyard.webp"); --inner-hero-position: center; min-height: 680px; display: flex; align-items: center; position: relative; isolation: isolate; overflow: hidden; padding: 145px 0 84px; color: white; background-color: var(--green-950); background-image: linear-gradient(90deg, rgba(3,46,32,.57) 0%, rgba(3,60,41,.76) 48%, rgba(3,46,32,.95) 100%), var(--inner-hero-image); background-position: center, var(--inner-hero-position); background-size: cover; background-repeat: no-repeat; }
.inner-hero::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: url("/assets/aleppo-pattern-lines.webp") right -235px center/610px auto no-repeat; opacity: .1; }
.inner-hero-layout { position: relative; z-index: 1; }
.inner-hero-copy { max-width: 760px; }
.inner-hero .section-kicker { color: #d8c9a8; }
.inner-hero h1 { max-width: 830px; margin: 0; font-size: clamp(39px, 5.1vw, 67px); line-height: 1.28; letter-spacing: -.035em; }
.inner-hero .leaf-rule { max-width: 300px; margin: 23px 0 19px; }
.inner-hero-copy > p:not(.section-kicker) { max-width: 690px; margin: 0; color: rgba(255,255,255,.82); font-size: 17px; line-height: 2; }
.page-status { width: fit-content; display: inline-flex; align-items: center; gap: 8px; margin-top: 25px; padding: 8px 13px; border: 1px solid rgba(255,255,255,.27); color: #f2e8d2; background: rgba(255,255,255,.08); font-size: 11px; }
.page-status .material-symbols-rounded { font-size: 17px; }
.inner-hero-structure { --inner-hero-image: url("/assets/hero-governance.webp"); --inner-hero-position: center 48%; }
.inner-hero-programmes { --inner-hero-image: url("/assets/hero-programmes-syria-national-v3.webp"); --inner-hero-position: center 52%; }
.inner-hero-membership { --inner-hero-image: url("/assets/hero-membership.webp"); --inner-hero-position: center 50%; }
.inner-hero-events { --inner-hero-image: url("/assets/hero-training-events-courtyard.webp"); --inner-hero-position: center 52%; }
.inner-hero-research { --inner-hero-image: url("/assets/hero-research.webp"); --inner-hero-position: center 50%; }
.inner-hero-initiatives { --inner-hero-image: url("/assets/hero-initiatives-courtyard.webp"); --inner-hero-position: center 52%; }
.inner-hero-partners { --inner-hero-image: url("/assets/hero-partners.webp"); --inner-hero-position: center 51%; }
.inner-hero-news { background-image: linear-gradient(90deg, rgba(3,46,32,.30) 0%, rgba(3,60,41,.73) 48%, rgba(3,46,32,.95) 100%), url("/assets/hero-news-aleppo-courtyard-pd.webp"); background-position: center, center 61%; background-size: cover; }
.inner-hero-news::after { z-index: 0; background-image: radial-gradient(58% 62% at 78% 52%, rgba(3,40,28,.86), rgba(3,40,28,0) 70%), linear-gradient(to left, rgba(3,40,28,.9) 0%, rgba(3,40,28,.74) 26%, rgba(3,40,28,.34) 47%, rgba(3,40,28,.08) 63%, transparent 75%), url("/assets/aleppo-pattern-lines.webp"); background-position: center, center, right -235px center; background-size: auto, auto, 610px auto; background-repeat: no-repeat; opacity: 1; }
.inner-hero-contact { --inner-hero-image: url("/assets/hero-contact.webp"); --inner-hero-position: center 52%; }
.inner-hero-transparency { --inner-hero-image: url("/assets/hero-privacy-damascus-library.webp"); --inner-hero-position: center 50%; }
.inner-hero-legal { --inner-hero-image: url("/assets/hero-privacy-damascus-library.webp"); --inner-hero-position: center 50%; }
.editorial-heading { margin-bottom: 42px; }
.editorial-heading > div { max-width: 880px; }
.publication-notice { display: flex; align-items: flex-start; gap: 17px; margin-bottom: 42px; padding: 20px 22px; border-right: 4px solid var(--leaf); background: var(--stone-100); }
.publication-notice > .material-symbols-rounded { margin-top: 2px; color: var(--green-700); font-size: 27px; }
.publication-notice strong { display: block; margin-bottom: 3px; color: var(--green-950); font-size: 14px; }
.publication-notice p { margin: 0; color: #58665f; font-size: 12px; line-height: 1.9; }
.publication-notice-green { color: white; border-color: #d8c9a8; background: var(--green-900); }
.publication-notice-green > .material-symbols-rounded, .publication-notice-green strong { color: #f1e3c6; }
.publication-notice-green p { color: rgba(255,255,255,.78); }
.publication-notice-warning { border-color: #9b542e; background: #f7e9dc; }
.page-cta { position: relative; overflow: hidden; padding: 55px 0; background: var(--stone-200); }
.page-cta::before { content: ""; position: absolute; inset: 0; background: url("/assets/aleppo-pattern.webp") center/520px auto repeat; opacity: .2; }
.page-cta .container { display: flex; justify-content: space-between; align-items: center; gap: 40px; position: relative; }
.page-cta h2 { margin: 0; color: var(--green-950); font-size: clamp(25px, 3vw, 39px); line-height: 1.4; }
.page-cta p:not(.section-kicker) { max-width: 720px; margin: 8px 0 0; color: #53645b; font-size: 13px; }
.page-cta .btn { flex: none; color: white; border-color: var(--green-950); background: var(--green-950) var(--pattern-dark) center/260px auto; }
/* Each CTA band gets its own olive tint so no two sections look identical. */
.page-cta-membership { background: #e2e7d6; }
.page-cta-research { background: #c5d1b8; }
html.dark-theme .page-cta-membership { background: #123c26 !important; }
html.dark-theme .page-cta-research { background: #15462d !important; }
.split-editorial { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; align-items: start; }
.narrow-container { width: min(880px, calc(100% - 56px)); }
.item-number { display: block; color: var(--leaf); font-size: 12px; font-weight: 700; direction: ltr; text-align: right; }

/* Governance */
.governance-hero { min-height: 660px; display: flex; align-items: flex-end; position: relative; isolation: isolate; overflow: hidden; padding: 170px 0 86px; color: white; background: #b9aa8d url("/assets/hero-governance-green-aleppo.webp") center 49% / cover no-repeat; }
.governance-hero::before { content: ""; position: absolute; inset: 0; z-index: 0; background: linear-gradient(90deg, rgba(3,46,32,.04) 0%, rgba(3,46,32,.12) 38%, rgba(3,46,32,.78) 76%, rgba(3,38,27,.94) 100%); }
.governance-hero::after { content: ""; position: absolute; z-index: 0; inset: 0; background: url("/assets/aleppo-pattern-lines.webp") right -235px center/610px auto no-repeat; opacity: .1; pointer-events: none; }
.governance-hero .container { display: flex; justify-content: flex-start; position: relative; z-index: 1; }
.governance-hero-copy { width: min(570px, 52%); }
.governance-hero .section-kicker { color: #e8dcbf; }
.governance-hero h1 { margin: 0; font-size: clamp(43px, 5.2vw, 68px); line-height: 1.25; letter-spacing: -.035em; }
.governance-hero .leaf-rule { max-width: 280px; margin: 22px 0 18px; color: #d8c9a8; }
.governance-hero .leaf-rule::before, .governance-hero .leaf-rule::after, .governance-hero .leaf-rule span { background: #d8c9a8; }
.governance-hero-copy > p:not(.section-kicker) { max-width: 545px; margin: 0; color: rgba(255,255,255,.88); font-size: 16px; line-height: 2.05; }
.governance-scroll { display: inline-flex; align-items: center; gap: 9px; margin-top: 26px; color: #f0e4cb; font-size: 12px; font-weight: 700; }
.governance-scroll .material-symbols-rounded { font-size: 20px; transition: transform .2s ease; }
.governance-scroll:hover .material-symbols-rounded { transform: translateY(4px); }

.governance-heading { max-width: 780px; margin-bottom: 48px; }
.governance-heading h2, .assurance-heading h2 { margin: 0; color: var(--green-950); font-size: clamp(31px, 3.6vw, 48px); line-height: 1.35; }
.governance-structure { position: relative; isolation: isolate; overflow: hidden; padding-top: 102px; background: #fffefa; }
.governance-structure::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/assets/aleppo-pattern.webp") center/560px auto repeat; opacity: .13; pointer-events: none; }
.governance-structure .container { position: relative; }
.governance-structure .governance-heading { margin-right: auto; margin-left: auto; text-align: center; }
.governance-rail { max-width: 1120px; display: grid; grid-template-columns: repeat(6, 1fr); position: relative; margin: 0 auto 38px; }
.governance-rail::before { content: ""; position: absolute; top: 34px; right: 8%; left: 8%; height: 1px; background: var(--stone-300); }
.governance-node { min-width: 0; display: grid; justify-items: center; gap: 13px; position: relative; padding: 0 8px 18px; border: 0; color: #65736b; background: transparent; cursor: pointer; transition: color .24s ease, opacity .24s ease; }
.node-icon { width: 68px; height: 68px; display: grid; place-items: center; z-index: 1; border: 1px solid var(--stone-300); border-radius: 50%; color: var(--green-700); background: #fffefa; transition: color .24s ease, border-color .24s ease, background-color .24s ease, box-shadow .24s ease, transform .24s ease, opacity .24s ease; }
.node-icon .material-symbols-rounded { font-size: 28px; }
.node-label { max-width: 145px; text-align: center; font-size: 12px; font-weight: 700; line-height: 1.7; }
.governance-node:hover .node-icon, .governance-node:focus-visible .node-icon { border-color: var(--green-700); transform: translateY(-4px); }
.governance-node.is-active { color: var(--green-950); }
.governance-node.is-active .node-icon { color: #f3e7ce; border-color: var(--green-900); background: var(--green-900) var(--pattern-dark) center/240px auto; box-shadow: 0 10px 24px rgba(3,46,32,.18); }
.governance-detail-panel { max-width: 1120px; min-height: 235px; display: grid; grid-template-columns: .72fr 1.28fr; gap: 60px; align-items: center; position: relative; overflow: hidden; margin: 0 auto; padding: 48px 54px; border-top: 1px solid #cdbf9f; background: #f2eadc; }
.governance-detail-panel::after { content: ""; position: absolute; left: -80px; bottom: -120px; width: 360px; height: 360px; background: url("/assets/aleppo-pattern.webp") center/390px auto; opacity: .13; }
.governance-detail-panel > * { position: relative; z-index: 1; opacity: 1; transform: translateY(0); transition: opacity .18s ease, transform .24s ease; }
.governance-detail-panel.is-fading > * { opacity: 0; transform: translateY(8px); }
.detail-role { color: var(--green-700); font-size: 11px; font-weight: 700; }
.governance-detail-panel h3 { margin: 4px 0 0; color: var(--green-950); font-size: clamp(25px, 3vw, 38px); line-height: 1.45; }
.governance-detail-panel p { margin: 0; padding-right: 42px; border-right: 1px solid #cdbf9f; color: #4f6258; font-size: 15px; line-height: 2.05; }

@media (prefers-reduced-motion: reduce) {
  .governance-node, .node-icon, .governance-detail-panel > * { transition: none; }
}

.governance-continuum { position: relative; isolation: isolate; overflow: hidden; background: #fffefa; }
.governance-continuum > section { border-top: 0; }
.board-section { position: relative; overflow: hidden; padding: 92px 0 96px; background: transparent; }
.board-section::before { content: ""; position: absolute; left: -290px; top: 70px; width: 660px; height: 660px; background: url("/assets/aleppo-pattern.webp") center/630px auto; opacity: .065; pointer-events: none; }
.board-section .container { position: relative; }
.board-heading-row { max-width: 860px; display: flex; flex-direction: column; align-items: center; gap: 16px; margin: 0 auto 44px; text-align: center; }
.board-heading-row .governance-heading { max-width: none; margin: 0; text-align: center; }
.board-heading-row > p { max-width: 680px; margin: 0; padding: 0; border: 0; color: #596b61; font-size: 13px; line-height: 2; }
.board-profile-label { color: #d8c9a8; font-size: 11px; font-weight: 700; }
.board-profile-rule { width: 115px; height: 1px; margin: 26px 0 20px; background: rgba(216,201,168,.55); }
.board-profile-requirements { max-width: 1040px; display: grid; grid-template-columns: 44px 1fr auto; gap: 18px; align-items: center; margin: 34px auto 0; padding: 24px 4px; border-top: 1px solid var(--stone-300); border-bottom: 1px solid var(--stone-300); color: var(--green-950); background: transparent; }
.board-profile-requirements > .material-symbols-rounded { color: var(--green-700); font-size: 31px; }
.board-profile-requirements strong { display: block; margin-bottom: 3px; color: var(--green-900); font-size: 13px; }
.board-profile-requirements p { margin: 0; color: #65736b; font-size: 10px; line-height: 1.8; }
.board-profile-requirements > span { padding: 6px 9px; border: 1px solid rgba(18,75,51,.2); color: var(--green-700); font-size: 9px; white-space: nowrap; }

.leadership-directory { position: relative; isolation: isolate; overflow: hidden; padding: 88px 0 96px; border-top: 1px solid #d8c9a8; background: #f6efe3; }
.leadership-directory::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/assets/aleppo-pattern.webp") center/570px auto repeat; opacity: .28; pointer-events: none; }
.leadership-directory .container { position: relative; }
.leadership-heading { max-width: 760px; margin: 0 auto 42px; text-align: center; }
.leadership-heading h2 { margin: 0; color: var(--green-950); font-size: clamp(34px, 4vw, 50px); line-height: 1.32; }
.leadership-heading > p:last-child { max-width: 610px; margin: 14px auto 0; color: #607067; font-size: 13px; line-height: 1.9; }
.leadership-stage { max-width: 1120px; min-height: 510px; display: grid; grid-template-columns: .88fr 1.12fr; margin: 0 auto; border: 1px solid var(--stone-300); box-shadow: 0 24px 55px rgba(18,52,38,.1); }
.leadership-feature { min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 28px; position: relative; isolation: isolate; overflow: hidden; padding: 44px; color: white; background-color: var(--green-950); background-image: var(--pattern-dark); background-position: center; background-size: 430px auto; }
.leadership-feature::before { content: ""; position: absolute; z-index: -1; left: -130px; bottom: -220px; width: 390px; height: 500px; border: 1px solid rgba(216,201,168,.2); border-radius: 195px 195px 0 0; box-shadow: 0 0 0 34px rgba(216,201,168,.025), 0 0 0 68px rgba(216,201,168,.015); }
.leadership-feature > * { opacity: 1; transform: translateY(0); transition: opacity .17s ease, transform .24s ease; }
.leadership-feature.is-fading > * { opacity: 0; transform: translateY(8px); }
.leadership-feature-mark { width: 100px; height: 128px; display: grid; place-items: center; position: relative; border: 1px solid rgba(216,201,168,.48); border-radius: 999px 999px 5px 5px; color: #eadcbe; background: rgba(255,255,255,.045); }
.leadership-feature-mark::after { content: ""; position: absolute; inset: 7px; border: 1px solid rgba(216,201,168,.25); border-radius: inherit; }
.leadership-feature-mark span { position: relative; z-index: 1; font-size: 26px; font-weight: 800; }
.leadership-feature-group { color: #d8c9a8; font-size: 11px; font-weight: 700; }
.leadership-feature-copy h3 { margin: 7px 0 3px; color: white; font-size: clamp(24px, 2.7vw, 36px); line-height: 1.45; }
.leadership-feature-latin { margin: 0 0 12px; color: rgba(255,255,255,.48); font-size: 11px; font-weight: 600; letter-spacing: .08em; text-align: right; text-transform: uppercase; }
.leadership-feature-copy > strong { display: block; color: #e7d8b9; font-size: 14px; line-height: 1.75; }
.leadership-feature-description { margin: 15px 0 0; color: rgba(255,255,255,.7); font-size: 12px; line-height: 2; }
.leadership-feature-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; padding: 9px 0 5px; border-bottom: 1px solid rgba(216,201,168,.48); color: #eadcbe; font-size: 12px; font-weight: 700; }
.leadership-feature-link .material-symbols-rounded { font-size: 17px; }
.leadership-browser { min-width: 0; padding: 28px 32px 30px; background: #f5efe4; }
.leadership-tabs { display: flex; gap: 28px; margin-bottom: 18px; border-bottom: 1px solid var(--stone-300); }
.leadership-tabs button { padding: 8px 0 12px; border: 0; border-bottom: 3px solid transparent; color: #69776f; background: transparent; font-family: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.leadership-tabs button.is-active { color: var(--green-950); border-bottom-color: var(--green-800); }
.leadership-people { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; }
.leadership-people[hidden] { display: none; }
.leadership-person { min-width: 0; display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: center; padding: 13px 4px; border: 0; border-bottom: 1px solid rgba(18,75,51,.14); color: #53645b; background: transparent; text-align: right; cursor: pointer; transition: padding .22s ease, color .22s ease, background .22s ease; }
.leadership-person:hover, .leadership-person:focus-visible, .leadership-person.is-active { padding-inline: 12px; color: var(--green-950); background: rgba(255,255,255,.68); outline: none; }
.leadership-person-mark { width: 38px; height: 46px; display: grid; place-items: center; border: 1px solid rgba(18,75,51,.2); border-radius: 999px 999px 3px 3px; color: var(--green-800); font-size: 11px; font-weight: 800; transition: color .22s ease, border-color .22s ease, background .22s ease; }
.leadership-person.is-active .leadership-person-mark { border-color: var(--green-900); color: #eadcbe; background: var(--green-900); }
.leadership-person strong { display: block; overflow: hidden; color: inherit; font-size: 12px; line-height: 1.6; text-overflow: ellipsis; white-space: nowrap; }
.leadership-person small { display: block; overflow: hidden; margin-top: 2px; color: #7b877f; font-size: 9px; line-height: 1.55; text-overflow: ellipsis; white-space: nowrap; }

.governance-assurance { position: relative; overflow: hidden; border-top: 1px solid rgba(216,201,168,.42); border-bottom: 1px solid rgba(216,201,168,.42); color: white; background-color: var(--green-950); background-image: linear-gradient(rgba(3,46,32,.94), rgba(3,46,32,.94)), url("/assets/aleppo-pattern.webp"); background-position: center; background-size: auto, 530px auto; }
.governance-assurance::before { display: none; }
.governance-assurance::after { content: ""; position: absolute; left: -150px; bottom: -180px; width: 560px; height: 560px; background: url("/assets/aleppo-pattern-lines.webp") center / contain no-repeat; opacity: .08; pointer-events: none; }
.assurance-layout { position: relative; z-index: 1; padding-top: 78px; padding-bottom: 88px; }
.assurance-heading { max-width: 720px; margin: 0 auto 42px; text-align: center; }
.assurance-heading::after { content: ""; display: block; width: 62px; height: 3px; margin: 22px auto 0; background: #d8c9a8; }
.assurance-heading .section-kicker { color: #d8c9a8; }
.assurance-heading h2 { color: white; font-size: clamp(34px, 3.7vw, 48px); line-height: 1.28; }
.assurance-list { max-width: 1040px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 22px; position: relative; margin: 0 auto; padding: 0; list-style: none; }
.assurance-list li { min-height: 126px; display: grid; place-items: center; position: relative; overflow: hidden; padding: 22px 30px; border: 1px solid rgba(18,75,51,.16); color: #385548; background: rgba(255,255,255,.28); text-align: center; cursor: default; outline: none; transition: border-color .25s ease, background .25s ease, box-shadow .25s ease; }
.assurance-list li:last-child { width: calc(50% - 11px); grid-column: 1 / -1; justify-self: center; }
.assurance-list li::after { content: ""; position: absolute; right: 50%; bottom: -1px; left: 50%; height: 3px; background: var(--leaf); transition: right .32s ease, left .32s ease; }
.assurance-list li:hover::after, .assurance-list li:focus-visible::after { right: 0; left: 0; }
.assurance-list li:hover, .assurance-list li:focus-visible { border-color: rgba(18,75,51,.34); background: rgba(255,255,255,.58); box-shadow: 0 14px 28px rgba(18,52,38,.08); }
.assurance-list .material-symbols-rounded { width: 60px; height: 60px; display: grid; place-items: center; position: absolute; border: 1px solid rgba(18,75,51,.28); border-radius: 50%; color: var(--green-800); background: #f3ede2; font-size: 25px; opacity: 1; transform: scale(1); transition: opacity .24s ease, transform .3s ease, color .25s ease, background .25s ease; }
.assurance-list li > span:last-child { max-width: 560px; opacity: 0; color: #385548; font-size: clamp(12px, 1.05vw, 14px); line-height: 1.9; transform: translateY(10px); transition: opacity .28s ease, transform .32s ease; }
.assurance-list li:hover .material-symbols-rounded, .assurance-list li:focus-visible .material-symbols-rounded { opacity: 0; transform: scale(.72); }
.assurance-list li:hover > span:last-child, .assurance-list li:focus-visible > span:last-child { opacity: 1; transform: translateY(0); }

.assurance-switcher { max-width: 1180px; margin: 0 auto; }
.assurance-rail { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); position: relative; align-items: start; }
.assurance-rail::before { content: ""; position: absolute; top: 51px; right: 7%; left: 7%; height: 1px; background: #cdb47c; }
.assurance-choice { min-width: 0; display: grid; justify-items: center; gap: 14px; position: relative; z-index: 1; padding: 0 8px; border: 0; color: #eadcbe; background: transparent; font-family: inherit; text-align: center; cursor: pointer; outline: none; }
.assurance-choice-seal { width: 102px; height: 102px; display: grid; place-items: center; position: relative; border: 1px solid rgba(216,201,168,.72); border-radius: 50%; color: #d8c9a8; background: var(--green-950); box-shadow: 0 0 0 5px var(--green-950), 0 0 0 6px rgba(216,201,168,.34); transition: color .24s ease, border-color .24s ease, background .24s ease, transform .24s ease, box-shadow .24s ease; }
.assurance-choice-seal::before { content: ""; position: absolute; inset: 7px; border: 1px dotted rgba(216,201,168,.5); border-radius: inherit; }
.assurance-choice .material-symbols-rounded { position: relative; z-index: 1; font-size: 38px; }
.assurance-choice-label { max-width: 185px; color: rgba(255,255,255,.82); font-size: 12px; font-weight: 700; line-height: 1.75; transition: color .24s ease, transform .24s ease; }
.assurance-choice:hover .assurance-choice-seal, .assurance-choice:focus-visible .assurance-choice-seal { border-color: #eadcbe; color: white; transform: translateY(-5px); }
.assurance-choice:hover .assurance-choice-label, .assurance-choice:focus-visible .assurance-choice-label { color: white; }
.assurance-choice.is-active .assurance-choice-seal { width: 112px; height: 112px; margin: -5px 0 -5px; border: 2px solid #d4b66e; color: var(--green-900); background: #fffaf0; box-shadow: 0 0 0 5px var(--green-950), 0 0 0 7px #d4b66e, 0 16px 30px rgba(0,0,0,.26); }
.assurance-choice.is-active .assurance-choice-label { color: #f4e8cf; transform: translateY(5px); }
.assurance-focus { min-height: 270px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; position: relative; isolation: isolate; overflow: hidden; margin-top: 52px; padding: 44px 70px 76px; border: 1px solid #d4b66e; border-radius: 18px; color: var(--green-950); background: #fffaf0; box-shadow: 0 20px 45px rgba(0,0,0,.16); text-align: center; }
.assurance-focus::before { content: ""; position: absolute; inset: 0; z-index: 0; background-image: url("/assets/aleppo-pattern-lines.webp"), url("/assets/aleppo-pattern-lines.webp"); background-position: left -185px center, right -185px center; background-size: 370px auto, 370px auto; background-repeat: no-repeat; opacity: .13; pointer-events: none; }
.assurance-focus::after { content: ""; height: 1px; position: absolute; right: 8%; bottom: 35px; left: 8%; z-index: 0; background: #d8c9a8; }
.assurance-focus h3, .assurance-focus p { position: relative; z-index: 1; opacity: 1; transform: translateY(0); transition: opacity .17s ease, transform .24s ease; }
.assurance-focus.is-fading h3, .assurance-focus.is-fading p { opacity: 0; transform: translateY(8px); }
.assurance-focus h3 { display: flex; align-items: center; gap: 14px; margin: 0; color: #a88949; font-size: clamp(16px, 1.7vw, 21px); line-height: 1.6; }
.assurance-focus h3::before, .assurance-focus h3::after { content: ""; width: 70px; height: 1px; background: #d8c9a8; }
.assurance-focus p { max-width: 850px; margin: 0; color: #344d40; font-size: clamp(15px, 1.45vw, 19px); line-height: 2; }
.assurance-focus-rosette { width: 42px; height: 42px; display: grid; place-items: center; position: absolute; right: 50%; bottom: 14px; z-index: 1; color: #b79a5c; background: #fffaf0; font-size: 25px; line-height: 1; transform: translateX(50%); }
.assurance-repository-link { width: fit-content; display: flex; align-items: center; gap: 10px; margin: 34px auto 0; padding: 10px 2px 8px; border-bottom: 1px solid rgba(216,201,168,.6); color: #eadcbe; font-size: 12px; font-weight: 700; transition: gap .22s ease, color .22s ease, border-color .22s ease; }
.assurance-repository-link:hover, .assurance-repository-link:focus-visible { gap: 16px; border-bottom-color: white; color: white; }
.assurance-repository-link .material-symbols-rounded { font-size: 18px; }

@media (hover: none) {
  .assurance-list li { grid-template-columns: 50px 1fr; gap: 18px; text-align: right; }
  .assurance-list .material-symbols-rounded { width: 48px; height: 48px; position: static; opacity: 1; transform: none; font-size: 22px; }
  .assurance-list li > span:last-child { opacity: 1; transform: none; }
  .delivery-item p { max-height: 150px; padding-bottom: 25px; opacity: 1; transform: translateY(0); }
}

.leadership-executive { max-width: 1040px; margin: 54px auto 0; padding-top: 42px; border-top: 1px solid var(--stone-300); }
.executive-subheading { max-width: 680px; margin: 0 auto 28px; text-align: center; }
.executive-subheading h2 { font-size: clamp(27px, 3vw, 38px); }
.support-grid { max-width: 1040px; display: grid; grid-template-columns: 1fr 1fr; gap: 0 48px; margin: 0 auto; }
.support-grid article { display: grid; grid-template-columns: 52px 1fr; gap: 18px; padding: 24px 10px; border-top: 1px solid var(--stone-300); border-bottom: 1px solid var(--stone-300); transition: background .25s ease, padding .25s ease; }
.support-grid article:hover { padding-inline: 22px; background: #f3ede2; }
.support-grid article > span { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 50%; color: var(--green-900); background: #eee5d5; }
.support-grid article > span .material-symbols-rounded { font-size: 26px; }
.support-grid h3 { margin: 3px 0 8px; color: var(--green-950); font-size: 21px; }
.support-grid p { margin: 0; color: #596b61; font-size: 13px; line-height: 2; }

.delivery-network { padding: 112px 0 122px; position: relative; isolation: isolate; overflow: hidden; background: #fffefa; }
.delivery-network::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/assets/aleppo-pattern.webp") center/560px auto repeat; opacity: .13; }
.delivery-network .container { position: relative; z-index: 1; }
.delivery-header { max-width: 940px; display: flex; flex-direction: column; align-items: center; gap: 30px; margin: 0 auto 48px; text-align: center; }
.delivery-header .governance-heading { max-width: 820px; margin: 0; text-align: center; }
.delivery-intro { max-width: 690px; margin: 16px auto 0; color: #596b61; font-size: 13px; line-height: 2; }
.delivery-tabs { display: flex; justify-content: center; gap: 34px; border-bottom: 1px solid #cdbf9f; }
.delivery-tabs button { padding: 10px 0 12px; border: 0; border-bottom: 3px solid transparent; color: #65736b; background: transparent; font-weight: 700; font-size: 12px; cursor: pointer; }
.delivery-tabs button.is-active { color: var(--green-950); border-bottom-color: var(--green-800); }
.delivery-panel { max-width: 1040px; margin: 0 auto; border-top: 1px solid var(--stone-300); }
.delivery-panel[hidden] { display: none; }
.delivery-item { overflow: hidden; border-bottom: 1px solid var(--stone-300); transition: background-color .28s ease, box-shadow .28s ease; }
.delivery-question { display: flex; justify-content: space-between; align-items: center; gap: 20px; min-height: 84px; padding: 20px 18px; color: var(--green-950); font-size: 17px; font-weight: 700; transition: color .24s ease, padding .28s ease; }
.delivery-question .material-symbols-rounded { color: var(--leaf); transition: color .26s ease, transform .3s ease; }
.delivery-item p { max-width: 800px; max-height: 0; overflow: hidden; margin: 0; padding: 0 28px; color: #596b61; font-size: 13px; line-height: 2; opacity: 0; transform: translateY(-8px); transition: max-height .38s ease, padding .34s ease, opacity .24s ease, transform .34s ease; }
.delivery-item:hover, .delivery-item:focus { background: rgba(255,255,255,.52); box-shadow: inset 4px 0 0 var(--leaf); outline: none; }
.delivery-item:hover .delivery-question, .delivery-item:focus .delivery-question { padding-inline: 28px; color: var(--green-800); }
.delivery-item:hover .material-symbols-rounded, .delivery-item:focus .material-symbols-rounded { color: #f8f4ec; transform: rotate(45deg); }
.delivery-item:hover p, .delivery-item:focus p { max-height: 150px; padding-bottom: 25px; opacity: 1; transform: translateY(0); }

/* Programmes */
.programmes-hero { min-height: 720px; display: flex; align-items: center; position: relative; isolation: isolate; overflow: hidden; padding: 150px 0 132px; color: white; background: #75654e url("/assets/hero-programmes-syria-national-v3.webp") center 52% / cover no-repeat; }
.programmes-hero::before { content: ""; position: absolute; inset: 0; z-index: 0; background: linear-gradient(90deg, rgba(3,35,24,.02) 0%, rgba(3,35,24,.06) 42%, rgba(3,42,29,.46) 67%, rgba(3,32,23,.82) 100%); }
.programmes-hero::after { content: ""; position: absolute; z-index: 0; inset: 0; background: url("/assets/aleppo-pattern-lines.webp") right -235px center/610px auto no-repeat; opacity: .1; pointer-events: none; }
.programmes-hero-layout { display: flex; justify-content: flex-start; position: relative; z-index: 1; }
.programmes-hero-copy { width: min(585px, 51%); padding-bottom: 62px; text-shadow: 0 2px 18px rgba(0,0,0,.16); }
.programmes-hero .section-kicker { color: #e6d8b8; }
.programmes-hero h1 { margin: 0; font-size: clamp(48px, 6vw, 76px); line-height: 1.17; letter-spacing: -.05em; }
/* Arabic display type needs Cairo's natural spacing and a little more leading.
   Keep the English treatment unchanged when the page switches to LTR. */
html[dir="rtl"] .programmes-hero h1 { font-family: "Cairo", sans-serif; font-weight: 800; line-height: 1.3; letter-spacing: 0; text-wrap: balance; }
.programmes-hero .leaf-rule { max-width: 280px; margin: 24px 0 19px; }
.programmes-hero-copy > p:not(.section-kicker) { max-width: 570px; margin: 0; color: rgba(255,255,255,.88); font-size: 16px; line-height: 2.05; }
.programmes-scroll { display: inline-flex; align-items: center; gap: 9px; margin-top: 27px; color: #f0e4cb; font-size: 12px; font-weight: 700; }
.programmes-scroll .material-symbols-rounded { font-size: 20px; transition: transform .2s ease; }
.programmes-scroll:hover .material-symbols-rounded { transform: translateY(4px); }
.programmes-hero-facts { width: min(760px, 58%); display: grid; grid-template-columns: .78fr 1.34fr .88fr; position: absolute; z-index: 2; right: 0; bottom: 0; color: white; border-top: 1px solid rgba(216,201,168,.34); background: rgba(3,46,32,.76); box-shadow: 0 -12px 35px rgba(3,32,23,.12); backdrop-filter: blur(12px); }
.programmes-hero-facts div { min-height: 105px; display: flex; flex-direction: column; justify-content: center; gap: 4px; padding: 20px 28px; border-left: 1px solid rgba(255,255,255,.16); }
.programmes-hero-facts div:last-child { border-left: 0; }
.programmes-hero-facts strong { color: #efe1c4; font-size: 23px; line-height: 1.2; }
.programmes-hero-facts span { color: rgba(255,255,255,.67); font-size: 10px; font-weight: 700; }

.programme-scope { color: white; background: var(--green-950) var(--pattern-dark) center/430px auto; }
.programme-scope .container { min-height: 126px; display: grid; grid-template-columns: 56px 1fr; gap: 24px; align-items: center; padding-top: 23px; padding-bottom: 23px; }
.programme-scope-icon { width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid rgba(216,201,168,.4); border-radius: 50%; color: #e5d7b9; }
.programme-scope-icon .material-symbols-rounded { font-size: 26px; }
.programme-scope strong { display: block; margin-bottom: 4px; color: #f0e4cb; font-size: 14px; }
.programme-scope p { max-width: 850px; margin: 0; color: rgba(255,255,255,.72); font-size: 12px; line-height: 1.9; }

.programme-portfolio { position: relative; overflow: hidden; padding: 106px 0 116px; background: #fffefa; }
.programme-portfolio::before { content: ""; position: absolute; right: -320px; top: 120px; width: 700px; height: 700px; background: url("/assets/aleppo-pattern.webp") center/660px auto; opacity: .075; pointer-events: none; }
.programme-portfolio .container { position: relative; }
.programme-portfolio-heading { display: grid; grid-template-columns: 1fr .82fr; gap: 85px; align-items: end; margin-bottom: 52px; }
.programme-portfolio-heading h2 { max-width: 680px; margin: 0; color: var(--green-950); font-size: clamp(34px, 4.1vw, 52px); line-height: 1.32; }
.programme-portfolio-heading > p { max-width: 560px; margin: 0 0 4px; padding-right: 34px; border-right: 1px solid #cdbf9f; color: #596b61; font-size: 13px; line-height: 2.05; }
.programme-ledger { margin: 0; padding: 0; border-top: 2px solid var(--green-900); list-style: none; counter-reset: programmes; }
.programme-ledger li { display: grid; grid-template-columns: 52px 72px minmax(0, 1fr); gap: 24px; align-items: center; position: relative; min-height: 130px; padding: 22px 10px; border-bottom: 1px solid #d8ccb6; transition: padding .22s ease, background-color .22s ease; }
.programme-ledger li:hover { padding-right: 20px; background: rgba(243,237,226,.52); }
.programme-ledger-number { align-self: start; padding-top: 7px; color: #927d5a; direction: ltr; font-size: 12px; font-weight: 800; }
.programme-ledger-icon { width: 56px; height: 56px; display: grid; place-items: center; border: 1px solid rgba(120,141,103,.48); border-radius: 50%; color: var(--green-800); background: #eef3ea; }
.programme-ledger-icon .material-symbols-rounded { font-size: 27px; }
.programme-ledger h3 { margin: 0 0 5px; color: var(--green-950); font-size: clamp(18px, 2vw, 22px); line-height: 1.55; }
.programme-ledger p { max-width: 900px; margin: 0; color: #58675f; font-size: 13px; line-height: 2; }

.programme-focus { position: relative; isolation: isolate; overflow: hidden; padding: 96px 0 102px; background: #f3ede2; }
.programme-focus::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/assets/aleppo-pattern.webp") center / 540px auto repeat; opacity: .17; }
.programme-focus-layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: 80px; align-items: start; }
.programme-focus .section-kicker { color: var(--green-700); }
.programme-focus h2 { max-width: 590px; margin: 0 0 16px; color: var(--green-950); font-size: clamp(31px, 3.9vw, 49px); line-height: 1.36; }
.programme-focus-layout > div > p:not(.section-kicker) { max-width: 500px; margin: 0; color: #58675f; font-size: 13px; line-height: 2; }
.programme-focus ul { margin: 0; padding: 0; border-top: 1px solid rgba(72,95,82,.36); list-style: none; }
.programme-focus li { display: grid; grid-template-columns: 48px 1fr; gap: 15px; align-items: baseline; padding: 17px 0; border-bottom: 1px solid rgba(72,95,82,.36); color: var(--green-900); font-size: 15px; font-weight: 700; line-height: 1.75; }
.programme-focus li span { color: #927d5a; direction: ltr; font-size: 11px; }

.programme-targets { position: relative; overflow: hidden; padding: 98px 0 106px; color: white; background: var(--green-900) var(--pattern-dark) center / 520px auto; }
.programme-targets::after { content: ""; position: absolute; left: -170px; bottom: -230px; width: 580px; height: 580px; border: 1px solid rgba(216,201,168,.18); border-radius: 50%; box-shadow: 0 0 0 48px rgba(216,201,168,.025), 0 0 0 96px rgba(216,201,168,.018); pointer-events: none; }
.programme-targets .container { position: relative; z-index: 1; }
.programme-targets-heading { display: grid; grid-template-columns: 1fr .82fr; gap: 85px; align-items: end; margin-bottom: 52px; }
.programme-targets .section-kicker { color: #d8c9a8; }
.programme-targets h2 { max-width: 700px; margin: 0; color: white; font-size: clamp(31px, 4vw, 49px); line-height: 1.36; }
.programme-targets-heading > p { max-width: 525px; margin: 0 0 4px; padding-right: 28px; border-right: 1px solid rgba(216,201,168,.5); color: rgba(255,255,255,.76); font-size: 13px; line-height: 2; }
.programme-target-ledger { margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,.28); list-style: none; }
.programme-target-ledger li { display: grid; grid-template-columns: 64px minmax(220px, .86fr) 1.14fr; gap: 30px; align-items: start; padding: 25px 0; border-bottom: 1px solid rgba(255,255,255,.24); }
.programme-target-ledger > li > span { color: #d8c9a8; direction: ltr; font-size: 12px; font-weight: 800; }
.programme-target-ledger h3 { margin: 0 0 7px; color: white; font-size: 18px; line-height: 1.5; }
.programme-target-ledger strong { display: block; color: #f0e4cb; font-size: 13px; line-height: 1.9; }
.programme-target-ledger p { margin: 0; color: rgba(255,255,255,.77); font-size: 12.5px; line-height: 1.95; }

@media (max-width: 760px) {
  .programme-ledger li { grid-template-columns: 34px 54px minmax(0, 1fr); gap: 13px; min-height: 0; padding: 19px 0; }
  .programme-ledger li:hover { padding-right: 8px; }
  .programme-ledger-icon { width: 46px; height: 46px; }
  .programme-ledger-icon .material-symbols-rounded { font-size: 23px; }
  .programme-ledger h3 { font-size: 17px; }
  .programme-ledger p { font-size: 12px; line-height: 1.9; }
  .programme-focus { padding-top: 70px; padding-bottom: 76px; }
  .programme-focus-layout, .programme-targets-heading { grid-template-columns: 1fr; gap: 30px; }
  .programme-targets { padding-top: 72px; padding-bottom: 78px; }
  .programme-targets-heading { margin-bottom: 35px; }
  .programme-targets-heading > p { margin: 0; padding: 19px 0 0; border-top: 1px solid rgba(216,201,168,.4); border-right: 0; }
  .programme-target-ledger li { grid-template-columns: 38px 1fr; gap: 12px 16px; padding: 21px 0; }
  .programme-target-ledger p { grid-column: 2; }
}

/* Membership */
.membership-audience { background: var(--stone-100); }
.audience-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 17px; }
.audience-grid article { display: grid; grid-template-columns: 68px 1fr; gap: 19px; padding: 24px; border: 1px solid var(--line); background: white; }
.audience-icon { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 50%; color: white; background: var(--green-800); }
.audience-icon span { font-size: 28px; }
.audience-grid h3 { margin: 8px 0 5px; color: var(--green-900); font-size: 17px; }
.audience-grid p { margin: 0; color: #5c6962; font-size: 11px; }
.membership-value { padding: 84px 0; color: white; background: var(--green-900); }
.membership-value-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 80px; }
.membership-value .section-kicker { color: #d8c9a8; }
.membership-value h2 { margin: 0 0 13px; font-size: clamp(30px, 4vw, 48px); line-height: 1.35; }
.membership-value p { margin: 0; color: rgba(255,255,255,.75); font-size: 13px; }
.membership-value ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.24); }
.membership-value li { display: grid; grid-template-columns: 42px 1fr; gap: 15px; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.2); font-size: 12px; }
.membership-value li span { color: #d8c9a8; font-weight: 700; direction: ltr; }
.gate-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.gate-grid article { min-height: 190px; padding: 22px 17px; border-top: 4px solid var(--leaf); background: var(--stone-100); }
.gate-grid .material-symbols-rounded { color: var(--green-700); font-size: 30px; }
.gate-grid h3 { min-height: 53px; margin: 28px 0 12px; color: var(--green-900); font-size: 14px; }
.gate-grid article > span:last-child { color: #8a7553; font-size: 10px; font-weight: 700; }
.policy-gate .publication-notice { margin: 22px 0 0; }
.faq-section { background: var(--stone-100); }
.faq-list { border-top: 1px solid var(--stone-300); }
.faq-list details { border-bottom: 1px solid var(--stone-300); }
.faq-list summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px 0; cursor: pointer; color: var(--green-900); font-size: 16px; font-weight: 700; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { color: var(--leaf); transition: transform .2s ease; }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list details p { margin: -5px 0 24px; padding-left: 40px; color: #58665e; font-size: 13px; }

/* Events and research */
.events-layout { display: grid; grid-template-columns: 1.3fr .7fr; gap: 40px; align-items: end; }
.calendar-shell { border: 1px solid var(--stone-300); background: white; box-shadow: var(--shadow); }
.calendar-head { display: flex; justify-content: space-between; align-items: center; padding: 18px 22px; color: white; background: var(--green-900); }
.calendar-head button { width: 36px; height: 36px; border: 1px solid rgba(255,255,255,.3); color: white; background: transparent; }
.calendar-grid { display: grid; grid-template-columns: repeat(7, 1fr); padding: 15px; }
.calendar-grid span { aspect-ratio: 1.15; display: grid; place-items: center; position: relative; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); color: #6a756f; font-size: 11px; }
.calendar-marker::after { content: ""; width: 6px; height: 6px; position: absolute; bottom: 8px; border-radius: 50%; background: var(--leaf); }
.event-empty { min-height: 370px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 34px; color: white; background: var(--green-950) var(--pattern-dark) center/390px auto; }
.event-empty > .material-symbols-rounded { margin-bottom: 35px; color: #d8c9a8; font-size: 52px; }
.event-empty .section-kicker { color: #d8c9a8; }
.event-empty h2 { margin: 0 0 8px; font-size: 25px; }
.event-empty p:not(.section-kicker) { margin: 0 0 22px; color: rgba(255,255,255,.72); font-size: 12px; }
.event-empty .text-link { color: #e4d8bd; }
.training-tracks, .publication-library, .roadmap-section, .media-channels, .document-repository { padding: 86px 0; background: var(--stone-100); }
.track-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.track-grid article { min-height: 170px; position: relative; padding: 25px; border: 1px solid var(--line); background: white; }
.track-grid > article > .material-symbols-rounded { color: var(--green-700); font-size: 32px; }
.track-grid .item-number { position: absolute; top: 24px; left: 24px; }
.track-grid h3 { margin: 37px 0 0; color: var(--green-900); font-size: 17px; }
.conference-grid, .research-feature-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 65px; align-items: center; }
.conference-visual, .report-cover { min-height: 460px; display: flex; flex-direction: column; justify-content: end; position: relative; overflow: hidden; padding: 38px; color: white; background: var(--green-950) var(--pattern-dark) center/480px auto; box-shadow: var(--shadow); }
.conference-visual::before, .report-cover::before { content: ""; width: 230px; height: 230px; position: absolute; top: -65px; left: -60px; border: 1px solid rgba(216,201,168,.45); border-radius: 50%; box-shadow: 0 0 0 35px rgba(216,201,168,.06), 0 0 0 70px rgba(216,201,168,.04); }
.conference-visual span, .report-cover > span { color: #d8c9a8; font-size: 12px; font-weight: 700; }
.conference-visual strong, .report-cover strong { margin: 8px 0 14px; font-size: 39px; line-height: 1.35; }
.conference-visual small, .report-cover small { color: rgba(255,255,255,.7); }
.event-archive { padding: 55px 0; background: var(--stone-200); }
.event-archive .container { display: grid; grid-template-columns: .8fr 1.2fr auto; gap: 40px; align-items: center; }
.event-archive h2 { margin: 0; color: var(--green-950); }
.event-archive p { margin: 0; color: #58665f; font-size: 12px; }
.event-archive span { display: flex; align-items: center; gap: 8px; color: var(--green-700); font-size: 11px; font-weight: 700; }
.report-cover { min-height: 510px; background-color: #e8ddc8; background-image: url("/assets/aleppo-pattern.webp"); color: var(--green-950); }
.report-cover::before { border-color: rgba(3,46,32,.25); box-shadow: 0 0 0 35px rgba(3,46,32,.04), 0 0 0 70px rgba(3,46,32,.025); }
.report-cover > span { color: var(--green-700); }
.report-cover small { color: #53645b; }
.report-cover b { width: fit-content; margin-top: 22px; padding: 6px 10px; color: white; background: var(--green-800); font-size: 10px; }
.research-meta { display: grid; gap: 12px; margin-top: 29px; }
.research-meta span { display: flex; align-items: center; gap: 9px; color: #53645b; font-size: 12px; }
.research-meta .material-symbols-rounded { color: var(--leaf); font-size: 20px; }
.library-grid, .repository-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.library-grid article, .repository-grid article { min-height: 245px; position: relative; padding: 24px; border: 1px solid var(--line); background: white; }
.library-grid article > .material-symbols-rounded, .repository-grid article > .material-symbols-rounded { margin-top: 28px; color: var(--green-700); font-size: 34px; }
.library-grid h3, .repository-grid h3 { margin: 21px 0 8px; color: var(--green-900); font-size: 17px; }
.library-grid p, .repository-grid p { margin: 0; color: #5b6861; font-size: 11px; }
.library-grid article > span:last-child, .repository-grid article > span:last-child { display: inline-flex; align-items: center; gap: 5px; margin-top: 20px; color: #8a7553; font-size: 10px; font-weight: 700; }
.process-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.process-list li { display: grid; grid-template-columns: 48px 1fr; gap: 15px; padding: 17px 0; border-bottom: 1px solid var(--line); }
.process-list li > span { color: var(--leaf); font-size: 12px; font-weight: 700; direction: ltr; }
.process-list h3 { margin: 0 0 3px; color: var(--green-900); font-size: 15px; }
.process-list p { margin: 0; color: #657169; font-size: 11px; }

/* Initiatives, partners, news */
.initiative-catalog { border-top: 1px solid var(--line); }
.initiative-catalog article { display: grid; grid-template-columns: 180px 1fr; gap: 35px; padding: 29px 0; border-bottom: 1px solid var(--line); }
.initiative-index { display: flex; align-items: center; gap: 24px; color: var(--green-700); }
.initiative-index .material-symbols-rounded { width: 66px; height: 66px; display: grid; place-items: center; border: 1px solid var(--green-700); border-radius: 50%; font-size: 31px; }
.initiative-index span:last-child { font-size: 13px; font-weight: 800; direction: ltr; }
.initiative-status { color: var(--leaf); font-size: 10px; font-weight: 700; }
.initiative-catalog h3 { margin: 4px 0 7px; color: var(--green-900); font-size: 22px; }
.initiative-catalog p { max-width: 760px; margin: 0; color: #5a6760; font-size: 12px; }
.roadmap { display: grid; grid-template-columns: repeat(3, 1fr); position: relative; }
.roadmap::before { content: ""; position: absolute; top: 66px; right: 12%; left: 12%; height: 2px; background: var(--stone-300); }
.roadmap article { position: relative; padding: 0 30px; text-align: center; }
.roadmap strong { display: block; color: var(--green-900); font-size: 26px; direction: ltr; }
.roadmap article > span { width: 18px; height: 18px; display: block; position: relative; z-index: 1; margin: 18px auto 28px; border: 5px solid var(--stone-100); border-radius: 50%; background: var(--green-700); box-shadow: 0 0 0 1px var(--green-700); }
.roadmap h3 { margin: 0 0 7px; color: var(--green-900); font-size: 17px; }
.roadmap p { margin: 0; color: #5e6b64; font-size: 11px; }

/* Initiatives — an explorable journey from evidence to tested action. */
.initiative-purpose { position: relative; isolation: isolate; overflow: hidden; padding: 114px 0 108px; background: linear-gradient(90deg, rgba(255,254,250,.92) 0%, rgba(255,254,250,.86) 46%, rgba(255,254,250,.78) 100%), url("/assets/initiative-architecture-backdrop.webp") center / cover no-repeat; }
.initiative-purpose::before { content: ""; position: absolute; z-index: -1; left: -370px; top: -390px; width: 800px; height: 800px; border: 1px solid rgba(18,75,51,.08); border-radius: 50%; box-shadow: 0 0 0 76px rgba(18,75,51,.02), 0 0 0 152px rgba(18,75,51,.012); }
.initiative-purpose::after { content: ""; position: absolute; z-index: -1; right: 8%; bottom: -240px; width: 410px; height: 410px; border: 1px solid rgba(216,201,168,.26); border-radius: 50%; }
.initiative-purpose .container { width: min(1600px, calc(100% - 96px)); }
.initiative-purpose-layout { display: grid; grid-template-columns: minmax(380px, .86fr) minmax(540px, 1.14fr); gap: clamp(54px, 7.4vw, 132px); align-items: center; }
.initiative-purpose-copy { min-width: 0; }
.initiative-purpose .section-kicker { margin-bottom: 13px; font-size: 14px; }
.initiative-purpose h2 { max-width: 560px; margin: 0 0 18px; color: var(--green-950); font-size: clamp(42px, 4.1vw, 64px); line-height: 1.24; letter-spacing: -.035em; }
.initiative-purpose-intro { max-width: 550px; min-height: 94px; margin: 0; color: #5d6b63; font-size: 14px; line-height: 2.12; transition: opacity .2s ease, transform .2s ease; }
.initiative-purpose-intro.is-changing { opacity: .18; transform: translateY(5px); }
.initiative-purpose-current { margin-top: 23px; color: var(--green-800); font-size: 12px; font-weight: 700; }
.initiative-purpose-current strong { font-size: 12px; }
.initiative-purpose-journey { min-width: 0; position: relative; padding: 12px 0 0; }
.initiative-purpose-journey::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 3px; background: var(--green-900); }
.initiative-purpose-journey-label { margin: 0 0 11px; color: #788d67; font-size: 11px; font-weight: 700; }
.initiative-purpose-steps { display: grid; }
.initiative-purpose-step { display: grid; grid-template-columns: minmax(0, 1fr) 30px; gap: 17px; align-items: center; min-height: 92px; padding: 15px 12px 15px 0; position: relative; border: 0; border-bottom: 1px solid #d8ccb6; color: inherit; background: transparent; font-family: inherit; text-align: right; cursor: pointer; transition: padding .25s ease, color .25s ease, background-color .25s ease; }
.initiative-purpose-step::before { content: ""; width: 3px; position: absolute; top: 13px; right: 0; bottom: 13px; background: transparent; transition: background-color .25s ease; }
.initiative-purpose-step:hover, .initiative-purpose-step:focus-visible, .initiative-purpose-step.is-active { padding-right: 18px; color: var(--green-950); background: linear-gradient(90deg, rgba(243,237,226,0), rgba(243,237,226,.72)); outline: none; }
.initiative-purpose-step:hover::before, .initiative-purpose-step:focus-visible::before, .initiative-purpose-step.is-active::before { background: #788d67; }
.initiative-purpose-step-copy { display: grid; gap: 2px; min-width: 0; }
.initiative-purpose-step strong { color: var(--green-950); font-size: 17px; line-height: 1.55; }
.initiative-purpose-step small { color: #68756d; font-size: 11.5px; line-height: 1.75; }
.initiative-purpose-step .material-symbols-rounded { justify-self: end; color: #91a097; font-size: 19px; transition: color .25s ease, transform .25s ease; }
.initiative-purpose-step:hover .material-symbols-rounded, .initiative-purpose-step:focus-visible .material-symbols-rounded, .initiative-purpose-step.is-active .material-symbols-rounded { color: var(--green-800); transform: translateX(-5px); }
@keyframes initiative-rise { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: no-preference) {
  .initiative-purpose-copy { animation: initiative-rise .65s cubic-bezier(.2,.8,.25,1) both; }
  .initiative-purpose-journey { animation: initiative-rise .65s .1s cubic-bezier(.2,.8,.25,1) both; }
}
@media (prefers-reduced-motion: reduce) {
  .initiative-purpose-intro,
  .initiative-purpose-step,
  .initiative-purpose-step::before,
  .initiative-purpose-step .material-symbols-rounded { transition: none; }
}

@media (max-width: 1500px) and (min-width: 981px) {
  .initiative-purpose { padding-block: 94px; }
  .initiative-purpose .container { width: min(1280px, calc(100% - 80px)); }
  .initiative-purpose-layout { grid-template-columns: minmax(330px, .86fr) minmax(420px, 1.14fr); gap: 56px; }
}

.initiative-lab { position: relative; isolation: isolate; overflow: hidden; padding: 104px 0 110px; background: #f3ede2; }
.initiative-lab::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/assets/aleppo-pattern.webp") center / 560px auto repeat; opacity: .13; }
.initiative-section-heading { display: grid; grid-template-columns: .92fr 1.08fr; gap: 72px; align-items: end; margin-bottom: 51px; }
.initiative-section-heading h2 { max-width: 570px; margin: 0; color: var(--green-950); font-size: clamp(34px, 4vw, 51px); line-height: 1.32; }
.initiative-section-heading > p { max-width: 530px; margin: 0; padding: 6px 0 7px 35px; border-left: 1px solid #c8b991; color: #5f6e65; font-size: 13px; line-height: 2.05; }
.initiative-lab-stage { display: grid; grid-template-columns: .91fr 1.09fr; min-height: 560px; border-top: 2px solid var(--green-900); border-bottom: 1px solid #cbbd9d; box-shadow: 0 18px 42px rgba(3,46,32,.06); }
.initiative-lab-tabs { display: grid; background: rgba(255,254,250,.68); }
.initiative-lab-tabs button { display: grid; grid-template-columns: 32px 50px minmax(0,1fr) 22px; gap: 13px; align-items: center; min-height: 112px; padding: 17px 23px; border: 0; border-bottom: 1px solid #d8ccb6; color: var(--green-950); background: transparent; text-align: right; font-family: inherit; cursor: pointer; transition: color .22s ease, background-color .22s ease, padding .22s ease; }
.initiative-lab-tabs button:last-child { border-bottom: 0; }
.initiative-lab-tabs button:hover, .initiative-lab-tabs button:focus-visible, .initiative-lab-tabs button.is-active { padding-right: 31px; color: white; background: var(--green-900); outline: none; }
.initiative-lab-tabs button > span { color: #927d5a; direction: ltr; font-size: 10px; font-weight: 800; }
.initiative-lab-tabs button:hover > span, .initiative-lab-tabs button:focus-visible > span, .initiative-lab-tabs button.is-active > span { color: #d8c9a8; }
.initiative-lab-tabs button > i { width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid rgba(120,141,103,.42); border-radius: 50%; color: var(--green-800); background: #eef3ea; font-style: normal; transition: color .22s ease, background-color .22s ease, transform .22s ease; }
.initiative-lab-tabs button > i .material-symbols-rounded { font-size: 23px; }
.initiative-lab-tabs button:hover > i, .initiative-lab-tabs button:focus-visible > i, .initiative-lab-tabs button.is-active > i { color: var(--green-950); background: #e8d9b8; transform: scale(1.06); }
.initiative-lab-tabs button strong { font-size: 14px; line-height: 1.65; }
.initiative-lab-tabs button > .material-symbols-rounded { color: #98a39d; font-size: 19px; transition: color .22s ease, transform .22s ease; }
.initiative-lab-tabs button:hover > .material-symbols-rounded, .initiative-lab-tabs button:focus-visible > .material-symbols-rounded, .initiative-lab-tabs button.is-active > .material-symbols-rounded { color: #d8c9a8; transform: translateX(-5px); }
.initiative-lab-panel { display: flex; flex-direction: column; justify-content: center; position: relative; isolation: isolate; overflow: hidden; padding: 44px 52px 37px; color: white; background: var(--green-950) var(--pattern-dark) center / 455px auto; }
.initiative-lab-panel::before { content: ""; width: 370px; height: 370px; position: absolute; z-index: -1; left: -160px; top: -166px; border: 1px solid rgba(216,201,168,.17); border-radius: 50%; box-shadow: 0 0 0 45px rgba(216,201,168,.025), 0 0 0 90px rgba(216,201,168,.016); }
.initiative-lab-panel > * { position: relative; z-index: 1; }
.initiative-lab-panel-top { display: flex; align-items: center; gap: 18px; margin-bottom: 22px; }
.initiative-lab-icon { width: 65px; height: 65px; display: grid; place-items: center; border: 1px solid rgba(216,201,168,.44); border-radius: 50%; color: #eadcbe; background: rgba(255,255,255,.05); }
.initiative-lab-icon .material-symbols-rounded { font-size: 30px; }
.initiative-lab-panel-top p { margin: 0 0 3px; color: #d8c9a8; font-size: 10px; font-weight: 800; }
.initiative-lab-panel-top b { direction: ltr; }
.initiative-lab-label { color: rgba(255,255,255,.66); font-size: 10.5px; }
.initiative-lab-panel h3 { max-width: 580px; margin: 0; color: white; font-size: clamp(26px, 3vw, 39px); line-height: 1.38; }
.initiative-lab-panel .leaf-rule { max-width: 210px; margin: 18px 0 16px; color: #d8c9a8; }
.initiative-lab-panel .leaf-rule::before, .initiative-lab-panel .leaf-rule::after, .initiative-lab-panel .leaf-rule span { background: #d8c9a8; }
.initiative-lab-summary { max-width: 610px; margin: 0; color: rgba(255,255,255,.78); font-size: 12.5px; line-height: 2.05; }
.initiative-lab-focus { display: grid; grid-template-columns: 31px 1fr; gap: 12px; align-items: center; margin: 22px 0 17px; padding: 14px 0; border-top: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.15); }
.initiative-lab-focus > .material-symbols-rounded { color: #d8c9a8; font-size: 23px; }
.initiative-lab-focus small { display: block; margin-bottom: 2px; color: rgba(255,255,255,.54); font-size: 9.5px; }
.initiative-lab-focus strong { color: #f0e3c7; font-size: 12px; line-height: 1.7; }
.initiative-lab-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px 13px; margin: 0; padding: 0; list-style: none; }
.initiative-lab-steps li { color: rgba(255,255,255,.77); font-family: "Cairo", sans-serif; font-size: 10.5px; line-height: 1.7; }
.initiative-lab-note { display: flex; align-items: flex-start; gap: 7px; margin: 17px 0 0; color: rgba(255,255,255,.58); font-family: "Cairo", sans-serif; font-size: 9.5px; line-height: 1.8; }
.initiative-lab-note-text { min-width: 0; font-family: "Cairo", sans-serif; letter-spacing: normal; }
.initiative-lab-note .material-symbols-rounded { flex: none; margin-top: 1px; color: #d8c9a8; font-size: 15px; }

.initiative-milestones { position: relative; isolation: isolate; overflow: hidden; padding: 102px 0 108px; color: white; background: var(--green-900) var(--pattern-dark) center / 540px auto; }
.initiative-milestones::after { content: ""; position: absolute; left: -210px; bottom: -265px; width: 560px; height: 560px; border: 1px solid rgba(216,201,168,.17); border-radius: 50%; box-shadow: 0 0 0 58px rgba(216,201,168,.025), 0 0 0 116px rgba(216,201,168,.016); }
.initiative-milestones .container { position: relative; z-index: 1; display: grid; grid-template-columns: .68fr 1.32fr; gap: 86px; align-items: center; }
.initiative-milestones .section-kicker { color: #d8c9a8; }
.initiative-milestones h2 { max-width: 510px; margin: 0 0 14px; color: white; font-size: clamp(35px, 4.1vw, 53px); line-height: 1.3; }
.initiative-milestones-heading > p:last-child { max-width: 480px; margin: 0; color: rgba(255,255,255,.72); font-size: 12.5px; line-height: 2.05; }
.initiative-milestones ol { margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,.27); list-style: none; }
.initiative-milestones li { display: grid; grid-template-columns: 56px 60px 1fr; gap: 18px; align-items: center; padding: 24px 4px; border-bottom: 1px solid rgba(255,255,255,.22); }
.initiative-milestones li > span { color: #d8c9a8; direction: ltr; font-size: 13px; font-weight: 800; }
.initiative-milestones li > i { width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid rgba(216,201,168,.38); border-radius: 50%; color: #eadcbe; background: rgba(255,255,255,.045); font-style: normal; }
.initiative-milestones li > i .material-symbols-rounded { font-size: 25px; }
.initiative-milestones li h3 { margin: 0 0 4px; color: white; font-size: 17px; line-height: 1.55; }
.initiative-milestones li p { margin: 0; color: rgba(255,255,255,.68); font-size: 11.5px; line-height: 1.9; }
.partner-category-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.partner-category-grid article { min-height: 190px; position: relative; padding: 25px; border: 1px solid var(--line); background: white; }
.partner-category-grid > article > .material-symbols-rounded { color: var(--green-700); font-size: 35px; }
.partner-category-grid .item-number { position: absolute; top: 25px; left: 25px; }
.partner-category-grid h3 { max-width: 230px; margin: 50px 0 0; color: var(--green-900); font-size: 17px; }
.official-partners { padding: 82px 0; color: white; background: var(--green-900); }
.official-partners-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: center; }
.official-partners .section-kicker { color: #d8c9a8; }
.official-partners h2 { margin: 0 0 12px; font-size: 41px; }
.official-partners p { margin: 0; color: rgba(255,255,255,.72); font-size: 13px; }
.logo-empty-state { min-height: 230px; display: grid; place-items: center; align-content: center; gap: 8px; padding: 30px; border: 1px dashed rgba(255,255,255,.4); text-align: center; background: rgba(255,255,255,.05); }
.logo-empty-state .material-symbols-rounded { color: #d8c9a8; font-size: 46px; }
.logo-empty-state span { color: rgba(255,255,255,.62); font-size: 11px; }
.path-steps { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); border-right: 1px solid var(--line); }
.path-steps li { min-height: 210px; padding: 24px; border-bottom: 1px solid var(--line); border-left: 1px solid var(--line); }
.path-steps h3 { margin: 39px 0 6px; color: var(--green-900); font-size: 16px; }
.path-steps p { margin: 0; color: #647169; font-size: 11px; }
.partnership-path .publication-notice { margin: 22px 0 0; }

/* Contact, transparency, legal */
.contact-section .contact-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 60px; align-items: start; }
.contact-section .contact-channels h2, .contact-section .contact-form h2 { margin: 0 0 10px; color: var(--green-950); font-size: 34px; }
.contact-channels > p:not(.section-kicker) { margin: 0 0 27px; color: #59675f; font-size: 12px; }
.channel-card { display: grid; grid-template-columns: 51px 1fr; gap: 14px; align-items: start; padding: 18px 0; border-top: 1px solid var(--line); }
.channel-card > .material-symbols-rounded { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 50%; color: white; background: var(--green-700); }
.channel-card span, .channel-card small { display: block; color: #6b756f; font-size: 10px; }
.channel-card strong { display: block; color: var(--green-900); font-size: 15px; }
.channel-pending > .material-symbols-rounded { color: var(--green-700); background: var(--stone-200); }
.contact-section .contact-form { padding: 34px; border: 1px solid var(--stone-300); background: var(--stone-100); box-shadow: var(--shadow); }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.contact-section .contact-form label { display: grid; gap: 6px; margin-bottom: 14px; color: var(--green-900); font-size: 11px; font-weight: 700; }
.contact-section .contact-form input, .contact-section .contact-form select, .contact-section .contact-form textarea { width: 100%; border: 1px solid #cfc6b7; padding: 11px 13px; color: var(--ink); background: white; resize: vertical; }
.contact-section .contact-form input:focus, .contact-section .contact-form select:focus, .contact-section .contact-form textarea:focus { border-color: var(--green-700); outline: 2px solid rgba(49,93,71,.18); }
.form-note { display: flex; gap: 8px; margin: 6px 0 18px; color: #69736d; font-size: 10px; }
.form-note .material-symbols-rounded { color: var(--leaf); font-size: 17px; }
.contact-section .contact-form .btn[aria-disabled="true"] { cursor: not-allowed; opacity: .72; }
.contact-scope { padding: 40px 0; color: white; background: var(--green-900); }
.contact-scope .container { display: grid; grid-template-columns: repeat(3, 1fr); }
.contact-scope article { padding: 9px 25px; border-left: 1px solid rgba(255,255,255,.25); }
.contact-scope article:last-child { border-left: 0; }
.contact-scope strong { color: #d8c9a8; font-size: 11px; }
.contact-scope p { margin: 3px 0 0; color: rgba(255,255,255,.8); font-size: 12px; }
.principle-band { display: grid; grid-template-columns: repeat(4, 1fr); }
.principle-band article { min-height: 205px; padding: 25px; color: white; border-left: 1px solid rgba(255,255,255,.17); background: var(--green-900); }
.principle-band article:nth-child(even) { background: var(--green-800); }
.principle-band .material-symbols-rounded { color: #d8c9a8; font-size: 33px; }
.principle-band h3 { margin: 40px 0 6px; font-size: 17px; }
.principle-band p { margin: 0; color: rgba(255,255,255,.72); font-size: 11px; }
.document-repository .publication-notice { margin: 23px 0 0; }

/* Transparency — public accountability ledger */
.transparency-charter { position: relative; isolation: isolate; overflow: hidden; padding: 106px 0 118px; background: #fffefa; }
.transparency-charter::before { content: ""; position: absolute; z-index: -1; inset: 0; background: url("/assets/aleppo-pattern-lines.webp") left -250px bottom -210px / 650px auto no-repeat; opacity: .1; }
.transparency-charter-heading { display: grid; grid-template-columns: 1fr .72fr; gap: 84px; align-items: end; margin-bottom: 58px; }
.transparency-charter-heading h2, .transparency-repository-heading h2, .transparency-publication-heading h2 { margin: 0; color: var(--green-950); font-size: clamp(35px, 4.3vw, 58px); line-height: 1.28; letter-spacing: -.03em; }
.transparency-charter-heading > p { max-width: 440px; margin: 0; padding: 4px 27px 4px 0; border-right: 1px solid #cdbf9f; color: #586b61; font-size: 13px; line-height: 2.05; }
.transparency-ledger { border-top: 2px solid var(--green-900); }
.transparency-ledger-item { min-height: 132px; display: grid; grid-template-columns: 74px minmax(0, 1fr) 86px; gap: 20px; align-items: center; position: relative; padding: 22px 18px; border-bottom: 1px solid #d8cfbf; background: rgba(255,255,255,.45); transition: background-color .24s ease, padding .24s ease; }
.transparency-ledger-item:hover { padding-right: 27px; background: #f5eee1; }
.transparency-ledger-icon { width: 54px; height: 64px; display: grid; place-items: center; border: 1px solid rgba(18,75,51,.25); border-radius: 999px 999px 4px 4px; color: var(--green-800); background: #eef3ea; }
.transparency-ledger-icon .material-symbols-rounded { font-size: 27px; }
.transparency-ledger-item h3 { margin: 0 0 5px; color: var(--green-950); font-size: 19px; }
.transparency-ledger-item p { max-width: 690px; margin: 0; color: #627168; font-size: 11px; line-height: 1.9; }
.transparency-ledger-rule { width: 100%; height: 1px; background: #cbb889; transform-origin: right; transition: transform .24s ease; }
.transparency-ledger-item:hover .transparency-ledger-rule { transform: scaleX(.45); }
.transparency-repository { position: relative; isolation: isolate; overflow: hidden; padding: 108px 0 114px; color: white; background: var(--green-950) var(--pattern-dark) center/530px auto; }
.transparency-repository::before { content: ""; position: absolute; z-index: -1; top: -130px; left: -150px; width: 620px; height: 620px; background: url("/assets/aleppo-pattern-lines.webp") center/contain no-repeat; opacity: .09; transform: rotate(16deg); }
.transparency-repository .section-kicker { color: #d8c9a8; }
.transparency-repository-heading { display: grid; grid-template-columns: 1fr .9fr; gap: 78px; align-items: end; margin-bottom: 52px; }
.transparency-repository-heading h2 { color: white; }
.transparency-repository-note { display: grid; grid-template-columns: 46px 1fr; gap: 15px; padding: 20px 0 0; border-top: 1px solid rgba(216,201,168,.5); }
.transparency-repository-note .material-symbols-rounded { color: #d8c9a8; font-size: 28px; }
.transparency-repository-note p { margin: 0; color: rgba(255,255,255,.68); font-size: 11px; line-height: 1.9; }
.transparency-repository-note strong { display: block; margin-bottom: 3px; color: white; font-size: 12px; }
.transparency-document-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(216,201,168,.4); border-right: 1px solid rgba(216,201,168,.3); }
.transparency-document-card { min-height: 375px; display: flex; flex-direction: column; padding: 25px 24px 22px; border-bottom: 1px solid var(--stone-300); border-left: 1px solid var(--stone-300); background: var(--stone-200); transition: background-color .25s ease, color .25s ease, transform .25s ease; }
.transparency-document-card:hover { background: var(--green-900); transform: translateY(-6px); }
.transparency-document-top { display: flex; align-items: start; justify-content: space-between; }
.transparency-document-top > div { width: 45px; height: 54px; display: grid; place-items: center; border: 1px solid var(--green-800); border-radius: 999px 999px 4px 4px; color: #eadcbe; background: var(--green-900); }
.transparency-document-top .material-symbols-rounded { font-size: 23px; }
.transparency-document-label { margin: 42px 0 5px; color: var(--leaf); font-size: 10px; font-weight: 700; }
.transparency-document-card h3 { margin: 0 0 18px; color: var(--green-950); font-size: 20px; line-height: 1.55; }
.transparency-document-card ul { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.transparency-document-card li { position: relative; padding-right: 14px; color: #58685f; font-size: 10px; line-height: 1.8; }
.transparency-document-card li::before { content: ""; position: absolute; top: .74em; right: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--green-700); }
.transparency-document-card footer { display: flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 19px; border-top: 1px solid var(--stone-300); color: var(--green-700); font-size: 9px; font-weight: 700; }
.transparency-document-card footer .material-symbols-rounded { font-size: 16px; }
.transparency-document-card:hover .transparency-document-top > span, .transparency-document-card:hover .transparency-document-label, .transparency-document-card:hover footer { color: #d8c9a8; }
.transparency-document-card:hover .transparency-document-top > div { border-color: rgba(216,201,168,.65); color: #d8c9a8; background: transparent; }
.transparency-document-card:hover h3 { color: white; }
.transparency-document-card:hover li { color: rgba(255,255,255,.77); }
.transparency-document-card:hover li::before { background: #d8c9a8; }
.transparency-document-card:hover footer { border-top-color: rgba(216,201,168,.35); }
.transparency-publication { position: relative; isolation: isolate; overflow: hidden; padding: 110px 0 116px; background: #f3eadb; }
.transparency-publication::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/assets/aleppo-pattern.webp") center/540px auto repeat; opacity: .2; }
.transparency-publication-heading { max-width: 680px; margin: 0 auto 70px; text-align: center; }
.transparency-publication-track { display: grid; grid-template-columns: repeat(4, 1fr); position: relative; max-width: 1120px; margin: 0 auto; padding: 0; list-style: none; }
.transparency-publication-track::before { content: ""; position: absolute; top: 28px; right: 12%; left: 12%; height: 1px; background: #bcaa7d; }
.transparency-publication-track li { position: relative; padding: 0 23px; text-align: center; }
.transparency-publication-track li > span { width: 56px; height: 56px; display: grid; place-items: center; position: relative; z-index: 1; margin: 0 auto 24px; border: 1px solid var(--green-800); border-radius: 50%; color: #eadcbe; background: var(--green-900); box-shadow: 0 0 0 8px #f3eadb; font-size: 11px; font-weight: 800; direction: ltr; }
.transparency-publication-track h3 { margin: 0 0 7px; color: var(--green-950); font-size: 16px; }
.transparency-publication-track p { margin: 0; color: #607067; font-size: 11px; line-height: 1.85; }
.transparency-target-note { max-width: 920px; display: grid; grid-template-columns: 54px 1fr; gap: 20px; align-items: center; margin: 74px auto 0; padding: 24px 27px; border-top: 1px solid #c2b188; border-bottom: 1px solid #c2b188; background: rgba(255,254,250,.62); }
.transparency-target-note > .material-symbols-rounded { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(18,75,51,.27); border-radius: 50%; color: var(--green-800); font-size: 26px; }
.transparency-target-note strong { display: block; margin-bottom: 4px; color: var(--green-950); font-size: 14px; }
.transparency-target-note p { margin: 0; color: #607067; font-size: 11px; line-height: 1.9; }
.legal-readiness { background: #fffefa; }
.legal-doc-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.legal-doc-grid article { min-height: 235px; position: relative; padding: 27px; border: 1px solid var(--line); background: var(--stone-100); }
.legal-doc-grid .item-number { position: absolute; top: 27px; left: 27px; }
.legal-doc-grid article > .material-symbols-rounded { color: var(--green-700); font-size: 34px; }
.legal-doc-grid h3 { margin: 42px 0 7px; color: var(--green-900); font-size: 19px; }
.legal-doc-grid p { margin: 0; color: #5c6962; font-size: 11px; }
.legal-doc-grid article > span:last-child { display: inline-block; margin-top: 17px; color: #965d39; font-size: 10px; font-weight: 700; }
.data-principles { padding: 84px 0; color: white; background: var(--green-950); }
.data-principles-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; }
.data-principles .section-kicker { color: #d8c9a8; }
.data-principles h2 { margin: 0 0 12px; font-size: 40px; line-height: 1.4; }
.data-principles p { margin: 0; color: rgba(255,255,255,.7); font-size: 12px; }
.data-principles .check-list li { border-color: rgba(255,255,255,.2); }
.data-principles .check-list li::before { color: #d8c9a8; }

/* Privacy and terms — digital trust register */
.legal-overview { position: relative; isolation: isolate; overflow: hidden; padding: 104px 0 112px; background: #fffefa; }
.legal-overview::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/assets/aleppo-pattern.webp") center/560px auto repeat; opacity: .12; }
.legal-overview-heading { max-width: 1120px; display: grid; grid-template-columns: 1.1fr .9fr; gap: 72px; align-items: end; margin: 0 auto 38px; }
.legal-overview-heading h2, .legal-launch-heading h2 { margin: 0; color: var(--green-950); font-size: clamp(32px, 4vw, 50px); line-height: 1.35; }
.legal-overview-heading > p { margin: 0; padding-right: 42px; border-right: 1px solid #cdbf9f; color: #596b61; font-size: 13px; line-height: 2; }
.legal-status-note { max-width: 1120px; display: grid; grid-template-columns: 50px 1fr auto; gap: 18px; align-items: center; margin: 0 auto 42px; padding: 20px 22px; border-top: 1px solid #d8c9a8; border-bottom: 1px solid #d8c9a8; background: rgba(246,239,227,.72); }
.legal-status-note > .material-symbols-rounded { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(150,99,42,.35); border-radius: 50%; color: #96632a; font-size: 24px; }
.legal-status-note strong { display: block; margin-bottom: 3px; color: var(--green-900); font-size: 13px; }
.legal-status-note p { margin: 0; color: #68746d; font-size: 11px; line-height: 1.85; }
.legal-status-note > span { padding: 7px 10px; color: #87552a; background: #f2e2cd; font-size: 10px; font-weight: 700; white-space: nowrap; }
.legal-document-stage { max-width: 1120px; min-height: 600px; display: grid; grid-template-columns: .72fr 1.28fr; margin: 0 auto; border: 1px solid #cdbf9f; box-shadow: 0 24px 55px rgba(18,52,38,.11); }
.legal-document-nav { min-width: 0; padding: 24px; background: var(--green-950) var(--pattern-dark) center/430px auto; }
.legal-document-tab { width: 100%; min-height: 112px; display: grid; grid-template-columns: 34px 54px minmax(0, 1fr); gap: 15px; align-items: center; padding: 18px 15px; border: 0; border-bottom: 1px solid rgba(216,201,168,.28); color: rgba(255,255,255,.78); background: transparent; font-family: inherit; text-align: right; cursor: pointer; transition: padding .22s ease, color .22s ease, background-color .22s ease; }
.legal-document-tab:last-child { border-bottom: 0; }
.legal-document-tab > span:first-child { color: #d8c9a8; font-size: 10px; font-weight: 800; direction: ltr; }
.legal-document-tab-icon { width: 48px; height: 58px; display: grid; place-items: center; border: 1px solid rgba(216,201,168,.35); border-radius: 999px 999px 4px 4px; color: #d8c9a8; transition: color .22s ease, border-color .22s ease, background-color .22s ease; }
.legal-document-tab-icon .material-symbols-rounded { font-size: 25px; }
.legal-document-tab strong { font-size: 14px; line-height: 1.65; }
.legal-document-tab:hover, .legal-document-tab:focus-visible { padding-right: 24px; color: white; background: rgba(255,255,255,.055); outline: none; }
.legal-document-tab.is-active { padding-right: 24px; color: var(--green-950); background: #fffaf0; }
.legal-document-tab.is-active > span:first-child { color: #9d7d3e; }
.legal-document-tab.is-active .legal-document-tab-icon { border-color: rgba(18,75,51,.28); color: var(--green-800); background: #eef3ea; }
.legal-document-feature { min-width: 0; display: flex; flex-direction: column; position: relative; isolation: isolate; overflow: hidden; padding: 48px 52px 38px; background: #fffaf0; }
.legal-document-feature::before { content: ""; position: absolute; z-index: -1; left: -170px; bottom: -210px; width: 430px; height: 430px; background: url("/assets/aleppo-pattern-lines.webp") center/contain no-repeat; opacity: .1; }
.legal-document-feature-top { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 46px; }
.legal-document-feature-icon { width: 82px; height: 102px; display: grid; place-items: center; border: 1px solid rgba(18,75,51,.3); border-radius: 999px 999px 5px 5px; color: var(--green-800); background: #eef3ea; opacity: 1; transform: translateY(0); transition: opacity .17s ease, transform .24s ease; }
.legal-document-feature.is-fading .legal-document-feature-icon { opacity: 0; transform: translateY(8px); }
.legal-document-feature-icon .material-symbols-rounded { font-size: 39px; }
.legal-document-feature-status { padding: 7px 10px; border: 1px solid rgba(150,99,42,.28); color: #8b5b2d; font-size: 9px; font-weight: 700; }
.legal-document-feature-copy { flex: 1; }
.legal-document-feature-copy > * { opacity: 1; transform: translateY(0); transition: opacity .17s ease, transform .24s ease; }
.legal-document-feature.is-fading .legal-document-feature-copy > * { opacity: 0; transform: translateY(8px); }
.legal-document-feature-copy h3 { margin: 4px 0 12px; color: var(--green-950); font-size: clamp(29px, 3.3vw, 44px); line-height: 1.4; }
.legal-document-feature-summary { max-width: 690px; margin: 0; color: #4f6258; font-size: 13px; line-height: 2; }
.legal-document-feature-rule { width: 110px; height: 1px; margin: 25px 0 22px; background: #cdbf9f; }
.legal-document-feature-copy h4 { margin: 0 0 13px; color: #9a7a3d; font-size: 11px; }
.legal-document-feature-copy ul { display: grid; grid-template-columns: 1fr 1fr; gap: 9px 26px; margin: 0; padding: 0; list-style: none; }
.legal-document-feature-copy li { position: relative; padding-right: 16px; color: #52645a; font-size: 11px; line-height: 1.8; }
.legal-document-feature-copy li::before { content: ""; width: 6px; height: 6px; position: absolute; top: .7em; right: 0; border-radius: 50%; background: var(--leaf); }
.legal-document-feature-note { display: flex; gap: 9px; align-items: flex-start; margin-top: 34px; padding-top: 18px; border-top: 1px solid #d8c9a8; color: #6c766f; font-size: 10px; line-height: 1.85; }
.legal-document-feature-note .material-symbols-rounded { flex: none; color: #9a7a3d; font-size: 17px; }
.legal-register { max-width: 1120px; margin: 0 auto; border-top: 2px solid var(--green-900); }
.legal-register details { border-bottom: 1px solid #cfc4ae; background: rgba(255,255,255,.36); transition: background-color .22s ease; }
.legal-register details[open] { background: rgba(246,239,227,.78); }
.legal-register summary { min-height: 116px; display: grid; grid-template-columns: 48px 58px minmax(0, 1fr) auto 28px; gap: 18px; align-items: center; padding: 20px 18px; color: var(--green-950); cursor: pointer; list-style: none; }
.legal-register summary::-webkit-details-marker { display: none; }
.legal-register-number { color: #a88949; font-size: 12px; font-weight: 800; direction: ltr; }
.legal-register-icon { width: 52px; height: 62px; display: grid; place-items: center; border: 1px solid rgba(18,75,51,.25); border-radius: 999px 999px 4px 4px; color: var(--green-800); background: #fffefa; }
.legal-register-icon .material-symbols-rounded { font-size: 27px; }
.legal-register-title strong { display: block; margin-bottom: 4px; font-size: 19px; line-height: 1.55; }
.legal-register-title small { max-width: 720px; display: block; color: #627068; font-size: 11px; font-weight: 400; line-height: 1.85; }
.legal-register-status { padding: 6px 9px; border: 1px solid rgba(150,99,42,.28); color: #8b5b2d; font-size: 9px; font-weight: 700; white-space: nowrap; }
.legal-register summary > .material-symbols-rounded:last-child { color: var(--leaf); font-size: 21px; transition: transform .22s ease; }
.legal-register details[open] summary > .material-symbols-rounded:last-child { transform: rotate(45deg); }
.legal-register-body { display: grid; grid-template-columns: 190px 1fr; gap: 28px; margin: 0 142px 0 64px; padding: 0 0 28px; }
.legal-register-body > p { margin: 0; color: var(--green-800); font-size: 11px; font-weight: 700; line-height: 1.8; }
.legal-register-body ul { display: grid; grid-template-columns: 1fr 1fr; gap: 9px 28px; margin: 0; padding: 0; list-style: none; }
.legal-register-body li { position: relative; padding-right: 16px; color: #56675d; font-size: 11px; line-height: 1.8; }
.legal-register-body li::before { content: ""; width: 6px; height: 6px; position: absolute; top: .7em; right: 0; border-radius: 50%; background: var(--leaf); }

.legal-protection { position: relative; overflow: hidden; padding: 92px 0 98px; color: white; background: var(--green-950) var(--pattern-dark) center/520px auto; }
.legal-protection::after { content: ""; position: absolute; left: -180px; bottom: -260px; width: 620px; height: 620px; background: url("/assets/aleppo-pattern-lines.webp") center/contain no-repeat; opacity: .07; }
.legal-protection-layout { display: grid; grid-template-columns: .78fr 1.22fr; gap: 90px; align-items: start; position: relative; z-index: 1; }
.legal-protection-heading { position: sticky; top: 118px; }
.legal-protection .section-kicker { color: #d8c9a8; }
.legal-protection-heading h2 { margin: 0 0 18px; font-size: clamp(32px, 4vw, 48px); line-height: 1.4; }
.legal-protection-heading > p:last-child { max-width: 500px; margin: 0; color: rgba(255,255,255,.68); font-size: 13px; line-height: 2; }
.legal-protection-list { margin: 0; padding: 0; border-top: 1px solid rgba(216,201,168,.42); list-style: none; }
.legal-protection-list li { display: grid; grid-template-columns: 48px 1fr; gap: 20px; padding: 22px 0; border-bottom: 1px solid rgba(216,201,168,.3); }
.legal-protection-list li > span { color: #d8c9a8; font-size: 11px; font-weight: 800; direction: ltr; }
.legal-protection-list strong { display: block; margin-bottom: 4px; color: white; font-size: 16px; }
.legal-protection-list p { margin: 0; color: rgba(255,255,255,.65); font-size: 11px; line-height: 1.85; }

.legal-launch { position: relative; isolation: isolate; overflow: hidden; padding: 104px 0 112px; background: #f6efe3; }
.legal-launch::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/assets/aleppo-pattern.webp") center/560px auto repeat; opacity: .22; }
.legal-launch-heading { max-width: 820px; margin: 0 auto 66px; text-align: center; }
.legal-launch-heading > p:last-child { max-width: 620px; margin: 14px auto 0; color: #607067; font-size: 13px; line-height: 1.9; }
.legal-launch-track { max-width: 1120px; display: grid; grid-template-columns: repeat(4, 1fr); position: relative; margin: 0 auto; padding: 0; list-style: none; }
.legal-launch-track::before { content: ""; position: absolute; top: 27px; right: 12%; left: 12%; height: 1px; background: #c5b58f; }
.legal-launch-track li { position: relative; padding: 0 25px; text-align: center; }
.legal-launch-track li > span { width: 54px; height: 54px; display: grid; place-items: center; position: relative; z-index: 1; margin: 0 auto 24px; border: 1px solid var(--green-800); border-radius: 50%; color: #eadcbe; background: var(--green-900); font-size: 11px; font-weight: 800; direction: ltr; box-shadow: 0 0 0 8px #f6efe3; }
.legal-launch-track h3 { margin: 0 0 8px; color: var(--green-950); font-size: 16px; line-height: 1.6; }
.legal-launch-track p { margin: 0; color: #627068; font-size: 11px; line-height: 1.85; }
.legal-approval-note { max-width: 900px; display: grid; grid-template-columns: 54px 1fr; gap: 20px; align-items: center; margin: 68px auto 0; padding: 25px 28px; border-top: 1px solid #c5b58f; border-bottom: 1px solid #c5b58f; background: rgba(255,254,250,.55); }
.legal-approval-note > .material-symbols-rounded { width: 50px; height: 50px; display: grid; place-items: center; border: 1px solid rgba(18,75,51,.28); border-radius: 50%; color: var(--green-800); font-size: 26px; }
.legal-approval-note strong { display: block; margin-bottom: 4px; color: var(--green-950); font-size: 14px; }
.legal-approval-note p { margin: 0; color: #627068; font-size: 11px; line-height: 1.9; }

@media (max-width: 1050px) {
  .legal-overview-heading { gap: 42px; }
  .legal-document-stage { grid-template-columns: .82fr 1.18fr; }
  .legal-document-feature { padding-inline: 38px; }
  .legal-register-body { margin-right: 82px; margin-left: 46px; }
  .legal-protection-layout { gap: 52px; }
  .legal-launch-track li { padding-inline: 14px; }
}

@media (max-width: 760px) {
  .legal-overview, .legal-launch { padding-top: 74px; padding-bottom: 80px; }
  .legal-overview-heading { grid-template-columns: 1fr; gap: 22px; margin-bottom: 30px; }
  .legal-overview-heading > p { padding: 20px 0 0; border-top: 1px solid #cdbf9f; border-right: 0; }
  .legal-status-note { grid-template-columns: 44px 1fr; padding: 18px 6px; }
  .legal-status-note > span { grid-column: 2; width: fit-content; white-space: normal; }
  .legal-document-stage { grid-template-columns: 1fr; min-height: 0; }
  .legal-document-nav { display: grid; grid-template-columns: repeat(4, 175px); overflow-x: auto; padding: 12px; scroll-snap-type: x proximity; }
  .legal-document-tab { min-height: 128px; grid-template-columns: 1fr; gap: 8px; justify-items: center; padding: 14px 10px; border-bottom: 0; border-left: 1px solid rgba(216,201,168,.28); text-align: center; scroll-snap-align: center; }
  .legal-document-tab:hover, .legal-document-tab:focus-visible, .legal-document-tab.is-active { padding-right: 10px; }
  .legal-document-tab-icon { width: 44px; height: 52px; }
  .legal-document-tab strong { font-size: 11px; }
  .legal-document-feature { min-height: 560px; padding: 34px 25px 28px; }
  .legal-document-feature-top { margin-bottom: 32px; }
  .legal-document-feature-icon { width: 68px; height: 84px; }
  .legal-document-feature-copy ul { grid-template-columns: 1fr; }
  .legal-register summary { grid-template-columns: 38px 48px minmax(0, 1fr) 24px; gap: 12px; min-height: 106px; padding-inline: 4px; }
  .legal-register-icon { width: 46px; height: 54px; }
  .legal-register-title strong { font-size: 16px; }
  .legal-register-title small { font-size: 10px; }
  .legal-register-status { display: none; }
  .legal-register-body { grid-template-columns: 1fr; gap: 12px; margin: 0 98px 0 24px; }
  .legal-register-body ul { grid-template-columns: 1fr; }
  .legal-protection { padding: 74px 0 80px; }
  .legal-protection-layout { grid-template-columns: 1fr; gap: 42px; }
  .legal-protection-heading { position: static; }
  .legal-launch-heading { margin-bottom: 46px; text-align: right; }
  .legal-launch-heading > p:last-child { margin-right: 0; }
  .legal-launch-track { grid-template-columns: 1fr; gap: 30px; }
  .legal-launch-track::before { top: 26px; right: 27px; bottom: 26px; left: auto; width: 1px; height: auto; }
  .legal-launch-track li { display: grid; grid-template-columns: 54px 1fr; gap: 4px 18px; padding: 0; text-align: right; }
  .legal-launch-track li > span { grid-row: 1 / 3; margin: 0; }
  .legal-launch-track h3 { align-self: end; }
  .legal-approval-note { grid-template-columns: 46px 1fr; margin-top: 48px; padding: 22px 8px; }
  .legal-approval-note > .material-symbols-rounded { width: 44px; height: 44px; }
}

@media (max-width: 1050px) {
  .leadership-stage { grid-template-columns: .82fr 1.18fr; }
  .leadership-people { grid-template-columns: 1fr; }
  .assurance-choice-seal { width: 88px; height: 88px; }
  .assurance-choice.is-active .assurance-choice-seal { width: 98px; height: 98px; }
  .assurance-rail::before { top: 44px; }
  .programmes-hero-copy { width: min(580px, 61%); }
  .programmes-hero-facts { width: 72%; }
  .programme-portfolio-heading { gap: 48px; }
  .gate-grid { grid-template-columns: repeat(3, 1fr); }
  .library-grid, .repository-grid,   .partner-category-grid { grid-template-columns: repeat(2, 1fr); }
  .governance-rail { grid-template-columns: repeat(3, 1fr); row-gap: 24px; }
  .governance-rail::before { display: none; }
  .board-heading-row { gap: 20px; }
      }

@media (max-width: 760px) {
  .leadership-directory { padding: 70px 0 78px; }
  .leadership-heading { margin-bottom: 34px; }
  .leadership-stage { grid-template-columns: 1fr; min-height: 0; }
  .leadership-feature { min-height: 380px; padding: 34px 28px; }
  .leadership-feature-mark { width: 82px; height: 104px; }
  .leadership-browser { padding: 24px 20px 26px; }
  .leadership-people { max-height: 410px; overflow-y: auto; }
  .assurance-switcher { overflow: hidden; }
  .assurance-rail { grid-template-columns: repeat(5, 122px); overflow-x: auto; padding: 8px 8px 18px; scroll-snap-type: x proximity; scrollbar-width: thin; }
  .assurance-rail::before { top: 48px; right: 61px; left: auto; width: 488px; }
  .assurance-choice { scroll-snap-align: center; }
  .assurance-choice-seal { width: 80px; height: 80px; }
  .assurance-choice.is-active .assurance-choice-seal { width: 90px; height: 90px; }
  .assurance-choice .material-symbols-rounded { font-size: 31px; }
  .assurance-choice-label { font-size: 10px; }
  .assurance-focus { min-height: 250px; margin-top: 30px; padding: 36px 24px 68px; }
  .assurance-focus::before { background-position: left -235px center, right -235px center; background-size: 330px auto, 330px auto; }
  .assurance-focus h3 { gap: 9px; }
  .assurance-focus h3::before, .assurance-focus h3::after { width: 28px; }
  .programmes-hero { min-height: 790px; align-items: flex-end; padding: 138px 0 190px; background-position: 43% center; }
  .programmes-hero::before { background: linear-gradient(180deg, rgba(3,46,32,.08) 0%, rgba(3,46,32,.28) 33%, rgba(3,46,32,.93) 72%, rgba(3,37,26,.98) 100%); }
  .programmes-hero::after { inset: 0; width: auto; height: auto; background-position: right -315px center; background-size: 520px auto; opacity: .1; }
  .programmes-hero-layout { justify-content: flex-start; }
  .programmes-hero-copy { width: 100%; padding: 0; }
  .programmes-hero h1 { font-size: 48px; }
  .programmes-hero-copy > p:not(.section-kicker) { font-size: 14px; }
  .programmes-hero-facts { width: 100%; grid-template-columns: .7fr 1.4fr .8fr; }
  .programmes-hero-facts div { min-height: 126px; padding: 18px 14px; }
  .programmes-hero-facts strong { font-size: 18px; }
  .programmes-hero-facts span { font-size: 8px; line-height: 1.6; }
  .programme-scope .container { grid-template-columns: 45px 1fr; gap: 16px; }
  .programme-scope-icon { width: 43px; height: 43px; }
  .programme-portfolio { padding: 82px 0 90px; }
  .programme-portfolio-heading { grid-template-columns: 1fr; gap: 25px; margin-bottom: 38px; }
  .programme-portfolio-heading > p { padding: 20px 0 0; border-top: 1px solid #cdbf9f; border-right: 0; }
  .governance-hero { min-height: 650px; padding: 138px 0 70px; background-position: 44% center; }
  .governance-hero::before { background: linear-gradient(180deg, rgba(3,46,32,.2) 10%, rgba(3,46,32,.66) 58%, rgba(3,38,27,.96) 100%); }
  .governance-hero::after { inset: 0; background-position: right -315px center; background-size: 520px auto; opacity: .1; }
  .governance-hero-copy { width: 100%; }
  .governance-hero h1 { font-size: 41px; }
  .governance-hero-copy > p:not(.section-kicker) { font-size: 14px; }
  .governance-heading { margin-bottom: 34px; }
  .governance-rail { grid-template-columns: repeat(2, 1fr); gap: 20px 8px; }
  .governance-detail-panel { grid-template-columns: 1fr; gap: 25px; padding: 34px 28px; }
  .governance-detail-panel p { padding: 24px 0 0; border-top: 1px solid #cdbf9f; border-right: 0; }
  .board-heading-row { gap: 18px; margin-bottom: 44px; }
  .board-heading-row > p { padding: 0; border: 0; }
          .board-profile-requirements { grid-template-columns: 40px 1fr; }
  .board-profile-requirements > span { grid-column: 2; width: fit-content; white-space: normal; }
  .assurance-layout { padding-top: 66px; padding-bottom: 72px; }
  .assurance-heading { margin-bottom: 34px; }
  .assurance-heading::after { margin-top: 24px; }
  .assurance-list { grid-template-columns: 1fr; gap: 22px; }
  .assurance-list li, .assurance-list li:last-child { width: 100%; grid-column: auto; min-height: 120px; padding: 20px 22px; }
  .assurance-list .material-symbols-rounded { width: 52px; height: 52px; font-size: 23px; }
  .executive-section-heading { gap: 18px; margin-bottom: 58px; padding: 0; }
  .executive-section-heading .section-kicker { margin-bottom: 0; }
  .executive-section-heading > p:not(.section-kicker) { padding: 0; border: 0; }
  .leadership-executive { margin-top: 42px; padding-top: 34px; }
  .support-grid { grid-template-columns: 1fr; gap: 18px; }
  .delivery-header { align-items: center; }
  .delivery-tabs { max-width: 100%; flex-wrap: wrap; gap: 8px 20px; }
  body.menu-open { overflow: hidden; }
  .nav-wrap .container { height: auto; min-height: 70px; grid-template-columns: 126px 1fr; overflow: visible; }
  .brand { height: 70px; }
  .menu-toggle { min-width: 84px; height: 46px; display: inline-flex; justify-self: end; align-items: center; justify-content: center; gap: 6px; margin-left: 11px; border: 1px solid rgba(255,255,255,.28); color: white; background: rgba(255,255,255,.08); font-size: 11px; }
  .menu-toggle .material-symbols-rounded { font-size: 21px; }
  .nav-wrap .container > .primary-nav { width: auto; height: auto; display: none; position: fixed; top: 100px; right: 15px; left: 15px; justify-content: stretch; padding: 10px; border: 1px solid rgba(255,255,255,.18); background: var(--green-950) var(--pattern-dark) center/420px auto; box-shadow: 0 18px 40px rgba(3,32,22,.35); }
  .site-header.is-stuck .primary-nav { top: 76px; }
  .nav-wrap .container > .primary-nav.is-open { display: grid; grid-template-columns: 1fr; }
  .primary-nav > a, .primary-nav > a:last-child { min-height: 52px; display: flex; justify-content: flex-start; padding: 0 14px; border-bottom: 1px solid rgba(255,255,255,.12); font-size: 11px; }
  .primary-nav > a::after { display: none; }
  .primary-nav .nav-group { display: block; min-height: 52px; border-bottom: 1px solid rgba(255,255,255,.12); }
  .primary-nav .nav-trigger { min-height: 52px; display: flex; justify-content: flex-start; padding: 0 14px; border: 0; font-size: 11px; }
  .primary-nav .nav-dropdown { width: 100%; min-width: 0; position: static; display: none; gap: 2px; padding: 0 0 8px; border: 0; box-shadow: none; opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
  .primary-nav .nav-group.is-open .nav-dropdown { display: grid; }
  .primary-nav .nav-dropdown a { min-height: 42px; display: flex; align-items: center; padding: 0 25px; color: rgba(255,255,255,.74); font-size: 11px; }
  .inner-hero { min-height: 660px; padding: 125px 0 70px; background-image: linear-gradient(180deg, rgba(3,46,32,.48) 0%, rgba(3,56,39,.78) 43%, rgba(3,46,32,.97) 100%), var(--inner-hero-image); background-position: center, 38% center; }
  .inner-hero::after { background-position: right -315px center; background-size: 520px auto; }
  .inner-hero-news::after { background-position: center, center, right -315px center; background-size: auto, auto, 520px auto; }
  .inner-hero h1 { font-size: 37px; }
  .inner-hero-copy > p:not(.section-kicker) { font-size: 14px; }
  .page-status { align-items: flex-start; font-size: 9px; }
  .page-cta .container { align-items: flex-start; flex-direction: column; }
  .split-editorial, .programme-grid, .audience-grid, .membership-value-grid, .events-layout, .conference-grid, .research-feature-grid, .official-partners-grid, .contact-section .contact-layout, .data-principles-grid { grid-template-columns: 1fr; }
  .partner-category-grid, .track-grid, .library-grid, .repository-grid,   .gate-grid { grid-template-columns: 1fr 1fr; }
  .event-archive .container { grid-template-columns: 1fr; gap: 18px; }
  .conference-visual, .report-cover { min-height: 390px; }
  .initiative-catalog article { grid-template-columns: 1fr; gap: 18px; }
  .roadmap { grid-template-columns: 1fr; gap: 30px; }
  .roadmap::before { top: 25px; bottom: 25px; right: 49px; left: auto; width: 2px; height: auto; }
  .roadmap article { display: grid; grid-template-columns: 68px 1fr; gap: 7px 20px; padding: 0; text-align: right; }
  .roadmap strong { grid-row: 1 / 4; }
  .roadmap article > span { position: absolute; top: 6px; right: 41px; margin: 0; }
  .path-steps { grid-template-columns: 1fr 1fr; }
  .field-row { grid-template-columns: 1fr; gap: 0; }
  .contact-scope .container, .principle-band { grid-template-columns: 1fr; }
  .contact-scope article { padding: 16px 0; border-left: 0; border-bottom: 1px solid rgba(255,255,255,.2); }
  .principle-band article { min-height: 170px; }
}

@media (max-width: 430px) {
  .programmes-hero { min-height: 810px; padding-bottom: 205px; }
  .programmes-hero h1 { font-size: 42px; }
  .programmes-hero-facts div { min-height: 142px; padding: 15px 9px; }
  .programmes-hero-facts strong { font-size: 15px; }
  .programme-scope .container { grid-template-columns: 1fr; padding-top: 27px; padding-bottom: 27px; }
  .gate-grid, .path-steps { grid-template-columns: 1fr; }
  .calendar-grid span { font-size: 9px; }
  .inner-hero h1 { font-size: 33px; }
  .governance-rail,   .governance-node { grid-template-columns: 58px 1fr; justify-items: start; align-items: center; text-align: right; }
  .node-icon { width: 56px; height: 56px; }
  .node-label { max-width: none; text-align: right; }
          .board-profile-requirements > span { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* ============================================================
   Newsroom (الأخبار والإعلام)
   The public page is an editorial index, not a press-kit or a set
   of promo cards. Until an approved item exists, it says so plainly.
   ============================================================ */

.newsroom-latest { position: relative; overflow: hidden; padding-top: 106px; padding-bottom: 92px; background: #fffefa; }
.newsroom-latest::after { content: ""; position: absolute; left: -120px; bottom: -210px; width: 540px; height: 540px; border: 1px solid rgba(18,75,51,.1); border-radius: 50%; box-shadow: 0 0 0 48px rgba(18,75,51,.03), 0 0 0 96px rgba(18,75,51,.02); pointer-events: none; }
.newsroom-latest .container { position: relative; z-index: 1; }
.nr-latest-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .52fr); gap: 72px; align-items: end; }
.nr-latest-intro .editorial-heading { margin: 0; }
.nr-empty-state { display: grid; grid-template-columns: 60px 1fr; gap: 18px; align-items: center; padding: 24px 0; border-top: 2px solid var(--green-900); border-bottom: 1px solid var(--stone-300); }
.nr-empty-state > .material-symbols-rounded { width: 54px; height: 54px; display: grid; place-items: center; border: 1px solid rgba(120,141,103,.42); border-radius: 50%; color: var(--green-800); background: #eef3ea; font-size: 27px; }
.nr-empty-state strong { display: block; margin-bottom: 4px; color: var(--green-950); font-size: 15px; }
.nr-empty-state span { display: block; color: #66736c; font-size: 12px; line-height: 1.8; }

.nr-categories { position: relative; isolation: isolate; overflow: hidden; padding: 92px 0 100px; background: #f3ede2; }
.nr-categories::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/assets/aleppo-pattern.webp") center / 540px auto repeat; opacity: .18; }
.nr-channel-list { max-width: 1060px; margin: 0; padding: 0; border-top: 1px solid rgba(72,95,82,.35); list-style: none; }
.nr-channel-list li { display: grid; grid-template-columns: 68px 1fr auto; gap: 22px; align-items: center; min-height: 108px; padding: 19px 10px; border-bottom: 1px solid rgba(72,95,82,.35); transition: padding .22s ease, background-color .22s ease; }
.nr-channel-list li:hover { padding-right: 20px; background: rgba(255,254,250,.42); }
.nr-channel-icon { width: 54px; height: 54px; display: grid; place-items: center; border: 1px solid rgba(120,141,103,.44); border-radius: 50%; color: var(--green-800); background: rgba(255,254,250,.65); }
.nr-channel-icon .material-symbols-rounded { font-size: 26px; }
.nr-channel-list h3 { margin: 0 0 4px; color: var(--green-950); font-size: 18px; }
.nr-channel-list p { max-width: 650px; margin: 0; color: #5c6a62; font-size: 13px; line-height: 1.9; }
.nr-channel-arrow { color: var(--leaf); transition: transform .22s ease; }
.nr-channel-arrow .material-symbols-rounded { font-size: 23px; }
.nr-channel-list li:hover .nr-channel-arrow { transform: translateX(-7px); }

.nr-publishing-note { color: white; background: var(--green-900) var(--pattern-dark) center / 460px auto; }
.nr-publishing-note .container { display: flex; align-items: center; gap: 18px; padding-top: 28px; padding-bottom: 28px; }
.nr-publishing-note > .container > .material-symbols-rounded { flex: none; color: #dfcfac; font-size: 30px; }
.nr-publishing-note p { max-width: 920px; margin: 0; color: rgba(255,255,255,.83); font-size: 13px; line-height: 2; }
.nr-publishing-note strong { color: #f2e4c7; }

/* The remaining actions are deliberately practical, not presented as a media kit. */
.nr-press-cta { padding: 0; background: var(--stone-200); }
.nr-press-cta .container { display: block; }
.nr-press-contact { position: relative; overflow: hidden; padding: 58px 46px; }
.nr-press-contact::before { content: ""; position: absolute; inset: 0; background: url("/assets/aleppo-pattern.webp") center / 520px auto repeat; opacity: .2; }
.nr-press-contact > * { position: relative; z-index: 1; }
.nr-press-contact h2 { margin: 0 0 10px; color: var(--green-950); font-size: clamp(23px, 2.6vw, 33px); line-height: 1.4; }
.nr-press-contact > p { max-width: 52ch; margin: 0 0 24px; color: #53645b; font-size: 13.5px; line-height: 1.95; }
.nr-press-contact .btn {
  gap: 9px;
  transform-origin: center;
  transition: color .22s ease, border-color .22s ease, background-color .22s ease, box-shadow .22s ease, transform .22s cubic-bezier(.2, .8, .2, 1);
}
.nr-press-contact .btn:hover,
.nr-press-contact .btn:focus-visible {
  border-color: var(--green-900);
  color: white;
  background-color: var(--green-900);
  background-image: url("/assets/news-contact-button-hover.webp");
  background-position: center;
  background-size: 320px auto;
  transform: translateY(-5px) scale(1.04);
  box-shadow: 0 18px 34px rgba(3, 46, 32, .26);
}
.nr-press-contact .btn:active { transform: translateY(-1px) scale(.99); }
.nr-press-contact .btn .material-symbols-rounded { font-size: 18px; }

/* Newsletter showcase — inspired by a printed institutional bulletin. */
.nr-newsletter-showcase { position: relative; isolation: isolate; overflow: hidden; padding: 64px 0 68px; background: #f6efe3; }
.nr-newsletter-showcase::before { content: ""; position: absolute; inset: 0; z-index: -2; background: url("/assets/aleppo-pattern-light.webp") center / 620px auto repeat; opacity: .24; }
.nr-newsletter-showcase::after { content: ""; position: absolute; right: -35px; bottom: -72px; z-index: -1; width: 430px; height: 245px; background: url("/assets/syria-architecture-skyline.svg") center bottom / contain no-repeat; opacity: .25; pointer-events: none; }
.nr-newsletter-showcase .container { display: grid; grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr); align-items: center; gap: clamp(30px, 4vw, 62px); }
.nr-newsletter-copy { grid-column: 1; grid-row: 1; text-align: center; }
.nr-newsletter-copy .section-kicker { margin-bottom: 8px; color: #a98849; font-size: 15px; }
.nr-newsletter-ornament, .nr-cover-rule { display: flex; align-items: center; justify-content: center; gap: 12px; color: #b69556; }
.nr-newsletter-ornament span { width: 40px; height: 1px; background: currentColor; }
.nr-newsletter-ornament b, .nr-cover-rule b { font-size: 15px; font-weight: 400; }
.nr-newsletter-copy h2 { margin: 14px 0 20px; color: var(--green-950); font-size: clamp(34px, 3.7vw, 50px); line-height: 1.4; }
.nr-newsletter-status { max-width: 420px; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 12px; margin: 0 auto; padding: 14px 17px; border: 1px solid #cdb780; border-radius: 9px; color: var(--green-950); background: rgba(255,252,246,.56); }
.nr-newsletter-status .material-symbols-rounded { color: #af8b48; font-size: 26px; }
.nr-newsletter-status p { margin: 0; font-size: 13px; line-height: 1.8; }
.nr-newsletter-card { grid-column: 2; grid-row: 1; padding: 12px; border: 1px solid #d4c39e; border-radius: 11px; background: rgba(249,244,234,.9); box-shadow: 0 15px 32px rgba(64,47,24,.12), -7px 8px 0 rgba(235,225,206,.65); perspective: 950px; transition: transform .45s cubic-bezier(.2,.75,.25,1), box-shadow .45s ease; }
.nr-newsletter-cover { min-height: 270px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; overflow: hidden; padding: 28px 26px 23px; border: 1px solid #b89c60; color: #e5d2a6; background-color: var(--green-950); background-image: var(--pattern-dark); background-position: center; background-size: 390px auto; transform-origin: center bottom; will-change: transform; transition: transform .55s cubic-bezier(.16,1,.3,1), filter .45s ease, box-shadow .45s ease; }
.nr-newsletter-cover::before { content: ""; position: absolute; inset: 15px; border: 1px solid rgba(213,190,140,.78); pointer-events: none; }
.nr-newsletter-cover::after { content: ""; position: absolute; top: -35%; right: -42%; bottom: -35%; z-index: 3; width: 28%; background: linear-gradient(90deg, transparent, rgba(255,244,215,.45), transparent); opacity: 0; transform: translateX(0) skewX(-16deg); pointer-events: none; }
.nr-cover-emblem { width: 66px; height: 74px; display: grid; place-items: center; position: relative; z-index: 1; border: 1px solid #d5ba7d; border-radius: 42px 42px 3px 3px; transition: transform .48s cubic-bezier(.16,1,.3,1), box-shadow .4s ease, background-color .4s ease; }
.nr-cover-emblem::after { content: ""; position: absolute; right: 50%; bottom: -11px; width: 42px; height: 21px; border-bottom: 1px solid #d5ba7d; border-radius: 0 0 50% 50%; transform: translateX(50%); }
.nr-cover-emblem .material-symbols-rounded { font-size: 32px; }
.nr-cover-rule { width: 175px; position: relative; z-index: 1; margin: 20px 0 8px; }
.nr-cover-rule span { flex: 1; height: 1px; background: currentColor; }
.nr-newsletter-cover h3 { position: relative; z-index: 1; margin: 0; color: #ead6aa; font-size: clamp(27px, 2.7vw, 35px); line-height: 1.4; }
.nr-cover-floret { position: relative; z-index: 1; margin-top: 13px; font-size: 15px; }
.nr-newsletter-card:hover { transform: translateY(-3px); box-shadow: 0 23px 42px rgba(36,34,24,.18), -9px 11px 0 rgba(235,225,206,.76); }
.nr-newsletter-card:hover .nr-newsletter-cover { transform: translateY(-10px) rotateX(2deg) scale(1.012); filter: saturate(1.08) brightness(1.025); box-shadow: 0 17px 30px rgba(3,46,32,.22); }
.nr-newsletter-card:hover .nr-newsletter-cover::after { animation: nr-newsletter-sheen .92s cubic-bezier(.2,.75,.25,1) both; }
.nr-newsletter-card:hover .nr-cover-emblem { transform: translateY(-4px) scale(1.055); background: rgba(216,195,154,.08); box-shadow: 0 0 0 6px rgba(213,186,125,.08), 0 10px 20px rgba(3,46,32,.22); }
.nr-newsletter-card:hover .nr-newsletter-cover h3 { transform: translateY(-2px); }
.nr-newsletter-cover h3 { transition: transform .45s cubic-bezier(.16,1,.3,1), text-shadow .45s ease; }
.nr-newsletter-card:hover .nr-cover-rule b,
.nr-newsletter-card:hover .nr-cover-floret { animation: nr-newsletter-star .82s ease-out both; }
.nr-newsletter-card:active .nr-newsletter-cover { transform: translateY(-5px) scale(1.006); }
@keyframes nr-newsletter-sheen {
  0% { opacity: 0; transform: translateX(0) skewX(-16deg); }
  20% { opacity: .7; }
  100% { opacity: 0; transform: translateX(-560%) skewX(-16deg); }
}
@keyframes nr-newsletter-star {
  0%, 100% { transform: scale(1) rotate(0); text-shadow: none; }
  45% { transform: scale(1.45) rotate(45deg); text-shadow: 0 0 16px rgba(234,214,170,.8); }
}
@media (prefers-reduced-motion: reduce) {
  .nr-newsletter-card:hover,
  .nr-newsletter-card:active,
  .nr-newsletter-card:hover .nr-newsletter-cover,
  .nr-newsletter-card:active .nr-newsletter-cover,
  .nr-newsletter-card:hover .nr-cover-emblem,
  .nr-newsletter-card:hover .nr-newsletter-cover h3 { transform: none; }
  .nr-newsletter-card:hover .nr-newsletter-cover::after,
  .nr-newsletter-card:hover .nr-cover-rule b,
  .nr-newsletter-card:hover .nr-cover-floret { animation: none; }
}
.nr-newsletter-form { display: grid; gap: 9px; margin-top: 10px; }
.nr-newsletter-input { min-height: 48px; display: grid; grid-template-columns: 50px 1fr; align-items: center; border: 1px solid #ccb98d; border-radius: 6px; background: #fffaf1; overflow: hidden; }
.nr-newsletter-input > .material-symbols-rounded { display: grid; place-items: center; align-self: stretch; color: #ae8d4f; border-left: 1px solid #ded0b2; font-size: 22px; }
.nr-newsletter-form input { min-width: 0; width: 100%; height: 100%; padding: 0 17px; border: 0; outline: 0; color: #69756e; background: transparent; font-family: inherit; font-size: 14px; }
.nr-newsletter-form input::placeholder { color: #8f958f; opacity: 1; }
.nr-newsletter-form input:disabled { cursor: not-allowed; }
.nr-newsletter-form .btn { width: 100%; min-height: 48px; border: 2px solid #c7ad73; border-radius: 6px; color: #ecd9ae; background-color: var(--green-900); background-image: var(--pattern-dark); background-position: center; background-size: 300px auto; cursor: not-allowed; opacity: 1; }
.nr-newsletter-form .btn:hover { transform: none; box-shadow: none; }

@media (max-width: 1050px) {
  .nr-latest-intro { grid-template-columns: 1fr; gap: 32px; }
  .nr-empty-state { max-width: 580px; }
  .nr-newsletter-showcase { padding: 50px 0 54px; }
  .nr-newsletter-showcase .container { grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: 28px; }
  .nr-newsletter-copy .section-kicker { font-size: 12px; }
  .nr-newsletter-copy h2 { margin-block: 11px 16px; font-size: clamp(26px, 3.2vw, 38px); }
  .nr-newsletter-status { max-width: 320px; gap: 9px; padding: 10px 12px; }
  .nr-newsletter-status .material-symbols-rounded { font-size: 22px; }
  .nr-newsletter-status p { font-size: 11px; }
  .nr-newsletter-card { padding: 8px; }
  .nr-newsletter-cover { min-height: 220px; padding: 20px 17px 17px; }
  .nr-newsletter-cover::before { inset: 10px; }
  .nr-cover-emblem { width: 53px; height: 60px; }
  .nr-cover-emblem .material-symbols-rounded { font-size: 27px; }
  .nr-cover-rule { width: 135px; margin: 14px 0 6px; }
  .nr-newsletter-cover h3 { font-size: 25px; }
  .nr-cover-floret { margin-top: 8px; font-size: 12px; }
  .nr-newsletter-input { min-height: 42px; grid-template-columns: 44px 1fr; }
  .nr-newsletter-form input { padding-inline: 11px; font-size: 12px; }
  .nr-newsletter-form .btn { min-height: 42px; padding-inline: 12px; font-size: 11px; }
}

@media (max-width: 440px) {
  .nr-newsletter-showcase .container { grid-template-columns: 1fr; gap: 46px; }
  .nr-newsletter-copy, .nr-newsletter-card { grid-column: auto; grid-row: auto; }
  .nr-newsletter-card { width: min(100%, 680px); margin-inline: auto; }
}

@media (max-width: 760px) {
  .newsroom-latest { padding-top: 66px; padding-bottom: 64px; }
  .nr-channel-list li { grid-template-columns: 56px 1fr; gap: 15px; min-height: 0; padding: 20px 0; }
  .nr-channel-list li:hover { padding-right: 10px; }
  .nr-channel-icon { width: 48px; height: 48px; }
  .nr-channel-arrow { display: none; }
  .nr-publishing-note .container { align-items: flex-start; padding-top: 23px; padding-bottom: 23px; }
  .nr-press-contact { padding: 40px 24px; }
  .nr-newsletter-showcase { padding: 58px 0 64px; }
  .nr-newsletter-showcase::after { right: -90px; bottom: -84px; width: 300px; opacity: .17; }
  .nr-newsletter-copy h2 { font-size: clamp(34px, 10.5vw, 46px); }
  .nr-newsletter-status { padding: 15px 16px; text-align: right; }
  .nr-newsletter-status p br { display: none; }
  .nr-newsletter-card { padding: 10px; border-radius: 9px; box-shadow: 0 13px 27px rgba(64,47,24,.13), -5px 6px 0 rgba(235,225,206,.65); }
  .nr-newsletter-cover { min-height: 270px; padding: 32px 22px 24px; }
  .nr-cover-emblem { width: 68px; height: 76px; }
  .nr-cover-rule { width: 170px; margin-top: 23px; }
  .nr-newsletter-cover h3 { font-size: 29px; }
}

/* ============================================================
   Board of directors — cards + per-member profile
   No official portraits exist yet, so the monogram is treated as
   a deliberate emblem (Syrian arch motif) rather than an empty
   photo slot. The same arch frame will hold the real photo later.
   ============================================================ */

.board-monogram { flex: none; width: 56px; height: 70px; display: grid; place-items: center; position: relative; overflow: hidden; border: 1px solid rgba(120,141,103,.42); border-radius: 999px 999px 4px 4px; background-color: #f2ede1; background-image: url("/assets/aleppo-pattern.webp"); background-position: center; background-size: 130px auto; }
.board-monogram::after { content: ""; position: absolute; inset: 6px; border: 1px solid rgba(120,141,103,.3); border-radius: 999px 999px 3px 3px; }
.board-monogram span { position: relative; z-index: 1; color: var(--green-800); font-size: 16px; font-weight: 800; letter-spacing: .04em; }
.board-monogram-lg { width: 96px; height: 120px; }
.board-monogram-lg span { font-size: 25px; }

.board-members-grid { max-width: 1040px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 28px; margin: 18px auto 0; }
.board-profile-card { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 15px; padding: 15px 6px; border: 0; border-bottom: 1px solid var(--stone-300); background: transparent; transition: color .22s ease, background .22s ease, padding .22s ease; }
.board-profile-card:hover { padding-inline: 18px; background: #f3ede2; }
.board-profile-copy h3 { margin: 0 0 3px; color: var(--green-950); font-size: 15.5px; line-height: 1.55; }
.board-latin { margin: 0 0 5px; text-align: right; color: #97a09a; font-size: 10.5px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; }
.board-profile-copy strong { color: var(--leaf); font-size: 12.5px; font-weight: 700; }
.board-card-go { color: var(--stone-300); transition: color .22s ease, transform .22s ease; }
.board-card-go .material-symbols-rounded { font-size: 20px; }
.board-profile-card:hover .board-card-go { color: var(--green-700); transform: translateX(-4px); }
.board-members-grid .board-card-go { display: none; }

.board-president-card { max-width: 1040px; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 28px; margin: 0 auto; padding: 30px 34px; position: relative; overflow: hidden; border-right: 5px solid var(--leaf); color: white; background-color: var(--green-950); background-image: var(--pattern-dark); background-position: center; background-size: 430px auto; }
.board-president-card .board-monogram { border-color: rgba(216,201,168,.5); background-color: rgba(255,255,255,.07); background-image: none; }
.board-president-card .board-monogram::after { border-color: rgba(216,201,168,.35); }
.board-president-card .board-monogram span { color: #e9dcc0; }
.board-profile-label { display: inline-block; margin-bottom: 9px; color: #d8c9a8; font-size: 11.5px; font-weight: 700; }
.board-president-copy h3 { margin: 0 0 4px; color: white; font-size: clamp(21px, 2.2vw, 29px); line-height: 1.42; }
.board-president-copy .board-latin { color: rgba(255,255,255,.5); font-size: 11.5px; }
.board-president-copy > strong { display: block; margin-bottom: 14px; color: #d8c9a8; font-size: 14px; }
.board-pending { display: flex; align-items: flex-start; gap: 8px; max-width: 62ch; margin: 0 0 18px; color: rgba(255,255,255,.62); font-size: 11.5px; line-height: 1.85; }
.board-pending .material-symbols-rounded { flex: none; font-size: 15px; color: #d8c9a8; }
.board-profile-link { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border: 1px solid rgba(216,201,168,.55); color: #f1e3c6; font-size: 12.5px; font-weight: 700; transition: .2s ease; }
.board-profile-link:hover { color: var(--green-950); background: #d8c9a8; }
.board-profile-link .material-symbols-rounded { font-size: 17px; }

/* Per-member profile page */
.member-breadcrumb { padding: 122px 0 0; background: var(--paper); }
.member-breadcrumb a { display: inline-flex; align-items: center; gap: 7px; color: var(--green-700); font-size: 12.5px; font-weight: 700; }
.member-breadcrumb .material-symbols-rounded { font-size: 17px; }
.member-hero { padding: 26px 0 46px; background: var(--paper); }
.member-hero-layout { display: flex; align-items: center; gap: 34px; }
.member-hero h1 { margin: 0 0 4px; color: var(--green-950); font-size: clamp(26px, 3.2vw, 40px); line-height: 1.35; }
.member-latin { margin: 0; text-align: right; color: #97a09a; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.member-hero .leaf-rule { max-width: 210px; margin: 14px 0 12px; }
.member-role { margin: 0; color: var(--green-800); font-size: 16px; font-weight: 700; }
.member-body { background: var(--stone-100); }
.member-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: 46px; align-items: start; }
.member-fields { margin: 26px 0 0; }
.member-fields > div { display: grid; grid-template-columns: 1fr auto; gap: 4px 16px; position: relative; padding: 16px 0; border-bottom: 1px solid var(--line); }
.member-fields dt { color: var(--green-900); font-size: 14.5px; font-weight: 700; }
.member-fields dd { grid-column: 1; margin: 0; color: #6b7770; font-size: 12.5px; line-height: 1.8; }
.member-field-status { grid-row: 1; grid-column: 2; align-self: start; justify-self: end; padding: 4px 11px; color: #96632a; background: #f7ecdb; font-size: 10.5px; font-weight: 700; white-space: nowrap; }
.member-card { padding: 24px 26px; border: 1px solid var(--stone-300); background: white; }
.member-card dl { margin: 13px 0 0; }
.member-card dl > div { padding: 11px 0; border-bottom: 1px solid var(--line); }
.member-card dl > div:last-child { border-bottom: 0; }
.member-card dt { margin-bottom: 3px; color: #8b968e; font-size: 11px; }
.member-card dd { margin: 0; color: var(--green-900); font-size: 13px; font-weight: 700; line-height: 1.7; }
.member-nav { display: grid; gap: 10px; margin-top: 14px; }
.member-nav a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 18px; border: 1px solid var(--stone-300); background: white; transition: .2s ease; }
.member-nav a:hover { border-color: var(--green-700); background: #eef3ea; }
.member-nav small { display: block; color: #8b968e; font-size: 10.5px; font-weight: 400; }
.member-nav span { color: var(--green-900); font-size: 13px; font-weight: 700; }
.member-nav .material-symbols-rounded { flex: none; color: var(--green-700); font-size: 19px; }

@media (max-width: 1050px) {
  .board-members-grid { grid-template-columns: repeat(2, 1fr); }
  .member-grid { grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 760px) {
  .board-members-grid { grid-template-columns: 1fr; }
  .board-president-card { grid-template-columns: 1fr; gap: 22px; padding: 26px 22px; }
  .board-profile-card { grid-template-columns: auto 1fr; gap: 15px; padding: 15px 17px; }
  .board-card-go { display: none; }
  .member-breadcrumb { padding-top: 96px; }
  .member-hero-layout { flex-direction: column; align-items: flex-start; gap: 20px; }

  .transparency-charter, .transparency-repository, .transparency-publication { padding-top: 72px; padding-bottom: 76px; }
  .transparency-charter-heading, .transparency-repository-heading { grid-template-columns: 1fr; gap: 24px; margin-bottom: 38px; }
  .transparency-charter-heading > p { max-width: none; padding: 16px 0 0; border-top: 1px solid #cdbf9f; border-right: 0; }
  .transparency-ledger-item { min-height: 0; grid-template-columns: 50px minmax(0, 1fr); gap: 12px; padding: 20px 7px; }
  .transparency-ledger-item:hover { padding-right: 12px; }
  .transparency-ledger-icon { width: 42px; height: 50px; }
  .transparency-ledger-icon .material-symbols-rounded { font-size: 22px; }
  .transparency-ledger-item h3 { font-size: 16px; }
  .transparency-ledger-rule { display: none; }
  .transparency-repository-note { padding-top: 16px; }
  .transparency-document-grid { grid-template-columns: 1fr; }
  .transparency-document-card { min-height: 0; padding: 23px 20px; }
  .transparency-document-card:hover { transform: none; }
  .transparency-document-label { margin-top: 28px; }
  .transparency-document-card footer { margin-top: 24px; }
  .transparency-publication-heading { margin-bottom: 52px; }
  .transparency-publication-track { grid-template-columns: 1fr; gap: 0; max-width: 460px; }
  .transparency-publication-track::before { top: 11%; right: 27px; bottom: 11%; left: auto; width: 1px; height: auto; }
  .transparency-publication-track li { min-height: 114px; display: grid; grid-template-columns: 58px 1fr; column-gap: 17px; padding: 0 0 24px; text-align: right; }
  .transparency-publication-track li > span { grid-row: 1 / 3; margin: 0; box-shadow: 0 0 0 7px #f3eadb; }
  .transparency-publication-track h3 { align-self: end; margin: 0; }
  .transparency-publication-track p { grid-column: 2; align-self: start; }
  .transparency-target-note { grid-template-columns: 42px 1fr; gap: 14px; margin-top: 44px; padding: 19px 12px; }
  .transparency-target-note > .material-symbols-rounded { width: 38px; height: 38px; font-size: 21px; }
}

/* Programme atlas — designed as a connected system, rather than a static list. */
.programme-atlas-section { position: relative; isolation: isolate; overflow: hidden; padding: 112px 0 116px; background: #fffefa; }
.programme-atlas-section::before { content: ""; position: absolute; z-index: -1; left: -255px; top: 140px; width: 620px; height: 620px; border: 1px solid rgba(18,75,51,.11); border-radius: 50%; box-shadow: 0 0 0 46px rgba(18,75,51,.025), 0 0 0 92px rgba(18,75,51,.018); pointer-events: none; }
.programme-atlas-heading, .programme-focus-field-heading, .programme-roadmap-heading { display: grid; grid-template-columns: 1fr .82fr; gap: 82px; align-items: end; }
.programme-atlas-heading { margin-bottom: 54px; }
.programme-atlas-heading h2, .programme-focus-field-heading h2, .programme-roadmap-heading h2 { max-width: 720px; margin: 0; color: var(--green-950); font-size: clamp(34px, 4vw, 52px); line-height: 1.34; }
.programme-atlas-heading > p, .programme-focus-field-heading > p, .programme-roadmap-heading > p { max-width: 540px; margin: 0 0 5px; padding-right: 30px; border-right: 1px solid #cdbf9f; color: #596b61; font-size: 13px; line-height: 2.05; }
.programme-atlas { display: grid; grid-template-columns: 285px minmax(0, 1fr); min-height: 560px; border: 1px solid #d8ccb6; background: #f5f0e6; box-shadow: 0 24px 52px rgba(3,46,32,.07); }
.programme-atlas-tabs { display: flex; flex-direction: column; padding: 12px; border-left: 1px solid #d8ccb6; background: var(--green-950) var(--pattern-dark) center / 430px auto; }
.programme-atlas-tab { width: 100%; min-height: 148px; display: grid; grid-template-columns: 35px minmax(0, 1fr) 22px; gap: 10px; align-items: center; padding: 20px 17px; border: 0; border-bottom: 1px solid rgba(216,201,168,.22); color: rgba(255,255,255,.64); background: transparent; text-align: right; font-family: inherit; cursor: pointer; transition: color .25s ease, background .25s ease, padding .25s ease; }
.programme-atlas-tab:last-child { border-bottom: 0; }
.programme-atlas-tab > span { color: #bbaa85; direction: ltr; font-size: 11px; font-weight: 800; }
.programme-atlas-tab strong { font-size: 16px; line-height: 1.6; }
.programme-atlas-tab .material-symbols-rounded { color: #d9c9a7; font-size: 18px; opacity: 0; transform: translateX(8px); transition: opacity .22s ease, transform .22s ease; }
.programme-atlas-tab:hover, .programme-atlas-tab:focus-visible, .programme-atlas-tab.is-active { padding-inline: 24px 13px; color: white; outline: none; background: rgba(216,201,168,.14); }
.programme-atlas-tab.is-active { box-shadow: inset -3px 0 0 #e5d6b6; }
.programme-atlas-tab:hover .material-symbols-rounded, .programme-atlas-tab:focus-visible .material-symbols-rounded, .programme-atlas-tab.is-active .material-symbols-rounded { opacity: 1; transform: translateX(0); }
.programme-atlas-stage { position: relative; min-width: 0; }
.programme-atlas-panel { min-height: 100%; padding: 46px 48px 48px; animation: atlas-panel-in .34s ease both; }
.programme-atlas-panel.is-leaving { opacity: 0; transform: translateY(8px); transition: opacity .15s ease, transform .15s ease; }
.atlas-panel-intro { display: grid; grid-template-columns: 60px minmax(0, 1fr) 84px; gap: 21px; align-items: start; padding-bottom: 32px; border-bottom: 1px solid #d8ccb6; }
.atlas-panel-number { color: #998260; direction: ltr; font-size: 12px; font-weight: 800; letter-spacing: .08em; }
.atlas-panel-intro .section-kicker { margin-bottom: 7px; color: var(--green-700); }
.atlas-panel-intro h3 { max-width: 590px; margin: 0; color: var(--green-950); font-size: clamp(23px, 2.6vw, 34px); line-height: 1.48; }
.atlas-panel-orbit { width: 72px; height: 88px; display: grid; place-items: center; position: relative; border: 1px solid rgba(120,141,103,.48); border-radius: 999px 999px 4px 4px; color: var(--green-800); background: #e8eee4; }
.atlas-panel-orbit::after { content: ""; position: absolute; inset: 7px; border: 1px solid rgba(120,141,103,.28); border-radius: inherit; }
.atlas-panel-orbit .material-symbols-rounded { font-size: 31px; }
.atlas-service-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; padding-top: 25px; }
.atlas-service-card { min-height: 170px; display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; align-items: start; position: relative; padding: 22px 18px; border: 1px solid rgba(140,124,91,.32); background: rgba(255,255,255,.6); outline: none; transition: transform .24s ease, color .24s ease, border-color .24s ease, background .24s ease, box-shadow .24s ease; }
.atlas-service-card::after { content: ""; position: absolute; right: 0; bottom: 0; width: 42px; height: 2px; background: #d4c5a5; transition: width .24s ease, background .24s ease; }
.atlas-service-icon { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(120,141,103,.44); border-radius: 50%; color: var(--green-800); background: #edf2e9; transition: color .24s ease, background .24s ease, border-color .24s ease; }
.atlas-service-icon .material-symbols-rounded { font-size: 23px; }
.atlas-service-card h3 { margin: 0 0 7px; color: var(--green-950); font-size: 16px; line-height: 1.58; transition: color .24s ease; }
.atlas-service-card p { margin: 0; color: #627168; font-size: 11.5px; line-height: 1.93; transition: color .24s ease; }
.atlas-service-card:hover, .atlas-service-card:focus-visible { z-index: 1; border-color: var(--green-800); color: white; background: var(--green-900); box-shadow: 0 12px 24px rgba(3,46,32,.16); transform: translateY(-5px); }
.atlas-service-card:hover::after, .atlas-service-card:focus-visible::after { width: 100%; background: #e4d3ae; }
.atlas-service-card:hover h3, .atlas-service-card:focus-visible h3 { color: white; }
.atlas-service-card:hover p, .atlas-service-card:focus-visible p { color: rgba(255,255,255,.77); }
.atlas-service-card:hover .atlas-service-icon, .atlas-service-card:focus-visible .atlas-service-icon { border-color: rgba(228,211,174,.65); color: #f0e2c4; background: rgba(255,255,255,.08); }

.programme-focus-field { position: relative; isolation: isolate; overflow: hidden; padding: 108px 0; background: #f0e8d9; }
.programme-focus-field::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/assets/aleppo-pattern.webp") center / 540px auto repeat; opacity: .15; }
.programme-focus-field-heading { margin-bottom: 56px; }
.programme-focus-orbit { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin: 0; padding: 0; border-top: 1px solid rgba(72,95,82,.35); list-style: none; }
.programme-focus-orbit li { min-height: 164px; display: flex; flex-direction: column; justify-content: space-between; gap: 18px; position: relative; padding: 25px 22px; border-bottom: 1px solid rgba(72,95,82,.35); border-left: 1px solid rgba(72,95,82,.26); color: var(--green-950); transition: color .24s ease, background .24s ease, transform .24s ease; }
.programme-focus-orbit li:nth-child(3n) { border-left: 0; }
.programme-focus-orbit li span { color: #97815f; direction: ltr; font-size: 11px; font-weight: 800; }
.programme-focus-orbit li strong { max-width: 24ch; font-size: 17px; line-height: 1.6; }
.programme-focus-orbit li:hover { z-index: 1; color: white; background: var(--green-900); transform: translateY(-5px); box-shadow: 0 12px 24px rgba(3,46,32,.14); }
.programme-focus-orbit li:hover span { color: #e4d3ae; }

.programme-roadmap { position: relative; overflow: hidden; padding: 108px 0 114px; color: white; background: var(--green-900) var(--pattern-dark) center / 520px auto; }
.programme-roadmap::after { content: ""; position: absolute; left: -160px; bottom: -220px; width: 570px; height: 570px; border: 1px solid rgba(216,201,168,.18); border-radius: 50%; box-shadow: 0 0 0 48px rgba(216,201,168,.025); pointer-events: none; }
.programme-roadmap .container { position: relative; z-index: 1; }
.programme-roadmap .section-kicker { color: #d8c9a8; }
.programme-roadmap-heading { margin-bottom: 50px; }
.programme-roadmap-heading h2 { color: white; }
.programme-roadmap-heading > p { border-color: rgba(216,201,168,.5); color: rgba(255,255,255,.76); }
.programme-roadmap-list { margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,.26); list-style: none; }
.programme-roadmap-list li { display: grid; grid-template-columns: 55px minmax(220px, .83fr) minmax(0, 1fr) 28px; gap: 27px; align-items: center; padding: 26px 8px; border-bottom: 1px solid rgba(255,255,255,.22); outline: none; transition: padding .24s ease, background .24s ease; }
.roadmap-index { align-self: start; color: #d8c9a8; direction: ltr; font-size: 12px; font-weight: 800; }
.roadmap-core h3 { margin: 0 0 7px; color: white; font-size: 18px; line-height: 1.55; }
.roadmap-core strong { display: block; color: #f0e4cb; font-size: 12.5px; line-height: 1.88; }
.programme-roadmap-list p { margin: 0; color: rgba(255,255,255,.72); font-size: 12px; line-height: 1.95; }
.roadmap-arrow { color: #d8c9a8; opacity: 0; transform: translateX(8px); transition: opacity .22s ease, transform .22s ease; }
.roadmap-arrow .material-symbols-rounded { font-size: 20px; }
.programme-roadmap-list li:hover, .programme-roadmap-list li:focus-visible { padding-inline: 20px 13px; background: rgba(255,255,255,.07); }
.programme-roadmap-list li:hover .roadmap-arrow, .programme-roadmap-list li:focus-visible .roadmap-arrow { opacity: 1; transform: translateX(0); }

.programme-initiative-bridge { position: relative; overflow: hidden; padding: 96px 0; background: #fffefa; }
.programme-initiative-bridge .container { display: grid; grid-template-columns: .77fr 1.23fr; gap: 78px; align-items: center; }
.programme-initiative-copy h2 { max-width: 520px; margin: 0 0 14px; color: var(--green-950); font-size: clamp(31px, 3.6vw, 46px); line-height: 1.38; }
.programme-initiative-copy > p:not(.section-kicker) { max-width: 500px; margin: 0 0 25px; color: #5e6d65; font-size: 13px; line-height: 2; }
.programme-initiative-copy .btn { gap: 9px; }
.programme-initiative-list { margin: 0; padding: 0; border-top: 2px solid var(--green-900); list-style: none; }
.programme-initiative-list li { display: grid; grid-template-columns: 35px 46px 1fr; gap: 16px; align-items: center; min-height: 69px; padding: 12px 6px; border-bottom: 1px solid #d8ccb6; color: var(--green-900); transition: padding .22s ease, background .22s ease; }
.programme-initiative-list li:hover { padding-right: 17px; background: #f3ede2; }
.programme-initiative-list li > span { color: #977f5a; direction: ltr; font-size: 11px; font-weight: 800; }
.programme-initiative-list .material-symbols-rounded { color: var(--leaf); font-size: 22px; }
.programme-initiative-list strong { font-size: 14px; line-height: 1.65; }

@keyframes atlas-panel-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 900px) {
  .programme-atlas { grid-template-columns: 1fr; }
  .programme-atlas-tabs { flex-direction: row; padding: 8px; border-left: 0; border-bottom: 1px solid #d8ccb6; }
  .programme-atlas-tab { min-height: 86px; grid-template-columns: 1fr; gap: 3px; padding: 13px 14px; text-align: center; }
  .programme-atlas-tab .material-symbols-rounded { display: none; }
  .programme-atlas-tab:hover, .programme-atlas-tab:focus-visible, .programme-atlas-tab.is-active { padding: 13px 14px; }
  .programme-atlas-tab.is-active { box-shadow: inset 0 -3px 0 #e5d6b6; }
  .programme-atlas-tab strong { font-size: 13px; }
  .programme-focus-orbit { grid-template-columns: repeat(2, 1fr); }
  .programme-focus-orbit li:nth-child(3n) { border-left: 1px solid rgba(72,95,82,.26); }
  .programme-focus-orbit li:nth-child(2n) { border-left: 0; }
  .programme-initiative-bridge .container { grid-template-columns: 1fr; gap: 45px; }
}

@media (max-width: 760px) {
  .programme-atlas-section, .programme-focus-field, .programme-roadmap, .programme-initiative-bridge { padding-top: 74px; padding-bottom: 78px; }
  .programme-atlas-heading, .programme-focus-field-heading, .programme-roadmap-heading { grid-template-columns: 1fr; gap: 25px; margin-bottom: 36px; }
  .programme-atlas-heading > p, .programme-focus-field-heading > p, .programme-roadmap-heading > p { padding: 18px 0 0; border-top: 1px solid #cdbf9f; border-right: 0; }
  .programme-roadmap-heading > p { border-color: rgba(216,201,168,.45); }
  .programme-atlas { min-height: 0; }
  .programme-atlas-tabs { overflow-x: auto; }
  .programme-atlas-tab { min-width: 132px; flex: 1 0 132px; }
  .programme-atlas-panel { padding: 31px 20px 22px; }
  .atlas-panel-intro { grid-template-columns: 34px minmax(0, 1fr) 55px; gap: 12px; padding-bottom: 24px; }
  .atlas-panel-intro h3 { font-size: 22px; }
  .atlas-panel-orbit { width: 49px; height: 61px; }
  .atlas-panel-orbit .material-symbols-rounded { font-size: 22px; }
  .atlas-service-grid { grid-template-columns: 1fr; gap: 10px; padding-top: 17px; }
  .atlas-service-card { min-height: 0; grid-template-columns: 45px minmax(0, 1fr); gap: 13px; padding: 17px 13px; }
  .atlas-service-icon { width: 42px; height: 42px; }
  .atlas-service-card h3 { font-size: 15px; }
  .atlas-service-card p { font-size: 11px; }
  .programme-focus-orbit { grid-template-columns: 1fr; }
  .programme-focus-orbit li, .programme-focus-orbit li:nth-child(3n) { min-height: 106px; border-left: 0; }
  .programme-focus-orbit li { padding: 19px 15px; }
  .programme-focus-orbit li strong { font-size: 15px; }
  .programme-roadmap-list li { grid-template-columns: 32px 1fr; gap: 10px 14px; padding: 20px 3px; }
  .roadmap-core h3 { font-size: 16px; }
  .programme-roadmap-list p { grid-column: 2; }
  .roadmap-arrow { display: none; }
  .programme-roadmap-list li:hover, .programme-roadmap-list li:focus-visible { padding-inline: 9px; }
  .programme-initiative-list li { grid-template-columns: 27px 37px 1fr; gap: 10px; }
  .programme-initiative-list strong { font-size: 12.5px; }
}

/* Training and events — a practical learning landscape, not an invented schedule. */
.learning-hero { min-height: 680px; display: flex; align-items: center; position: relative; isolation: isolate; overflow: hidden; padding: 145px 0 84px; color: white; background: #4b5b45 url("/assets/hero-training-events-courtyard.webp") center 52% / cover no-repeat; }
.learning-hero::before { content: ""; position: absolute; inset: 0; z-index: 0; background: linear-gradient(90deg, rgba(3,35,24,.04) 0%, rgba(3,42,29,.15) 41%, rgba(3,42,29,.72) 70%, rgba(3,32,23,.95) 100%); }
.learning-hero::after { content: ""; position: absolute; z-index: 0; inset: 0; background: url("/assets/aleppo-pattern-lines.webp") right -235px center/610px auto no-repeat; opacity: .1; pointer-events: none; }
.learning-hero-layout { display: flex; justify-content: flex-start; position: relative; z-index: 1; }
.learning-hero-copy { width: min(625px, 54%); text-shadow: 0 2px 20px rgba(0,0,0,.2); }
.learning-hero .section-kicker { color: #e5d7b9; }
.learning-hero h1 { margin: 0; color: white; font-size: clamp(49px, 5.9vw, 78px); line-height: 1.16; letter-spacing: -.05em; }
.learning-hero .leaf-rule { max-width: 285px; margin: 24px 0 18px; }
.learning-hero .leaf-rule::before, .learning-hero .leaf-rule::after, .learning-hero .leaf-rule span { background: #d8c9a8; }
.learning-hero-copy > p:not(.section-kicker) { max-width: 595px; margin: 0; color: rgba(255,255,255,.86); font-size: 16px; line-height: 2.04; }
.learning-scroll { width: fit-content; display: flex; align-items: center; gap: 9px; margin-top: 27px; color: #f0e3c7; font-size: 12px; font-weight: 700; }
.learning-scroll .material-symbols-rounded { font-size: 20px; transition: transform .22s ease; }
.learning-scroll:hover .material-symbols-rounded { transform: translateY(4px); }
.learning-hero-goals { width: min(765px, 60%); display: grid; grid-template-columns: repeat(3, 1fr); position: absolute; z-index: 2; right: 0; bottom: 0; border-top: 1px solid rgba(216,201,168,.34); color: white; background: rgba(3,46,32,.8); box-shadow: 0 -12px 35px rgba(3,32,23,.15); backdrop-filter: blur(12px); }
.learning-hero-goals div { min-height: 108px; display: flex; flex-direction: column; justify-content: center; gap: 5px; padding: 20px 27px; border-left: 1px solid rgba(255,255,255,.14); }
.learning-hero-goals div:last-child { border-left: 0; }
.learning-hero-goals strong { color: #f0e1c3; direction: ltr; font-size: 27px; line-height: 1; }
.learning-hero-goals span { color: rgba(255,255,255,.68); font-size: 10px; font-weight: 700; line-height: 1.65; }
.learning-goal-note { color: white; background: var(--green-950) var(--pattern-dark) center / 440px auto; }
.learning-goal-note .container { display: grid; grid-template-columns: 45px 1fr; gap: 17px; align-items: center; min-height: 90px; padding-top: 18px; padding-bottom: 18px; }
.learning-goal-note .material-symbols-rounded { color: #e3d3b1; font-size: 28px; }
.learning-goal-note p { max-width: 950px; margin: 0; color: rgba(255,255,255,.72); font-size: 12px; line-height: 1.95; }
.learning-goal-note strong { color: #f0e2c4; }

.learning-studio { position: relative; isolation: isolate; overflow: hidden; padding: 108px 0 114px; background: #fffefa; }
.learning-studio::before { content: ""; position: absolute; z-index: -1; left: -230px; top: 150px; width: 560px; height: 560px; border: 1px solid rgba(18,75,51,.1); border-radius: 50%; box-shadow: 0 0 0 48px rgba(18,75,51,.025), 0 0 0 96px rgba(18,75,51,.018); pointer-events: none; }
.learning-heading, .learning-formats-heading { display: grid; grid-template-columns: 1fr .82fr; gap: 82px; align-items: end; margin-bottom: 52px; }
.learning-heading h2, .learning-formats-heading h2 { max-width: 690px; margin: 0; color: var(--green-950); font-size: clamp(34px, 4vw, 52px); line-height: 1.34; }
.learning-heading > p { max-width: 545px; margin: 0 0 5px; padding-right: 30px; border-right: 1px solid #cdbf9f; color: #596b61; font-size: 13px; line-height: 2.05; }
.learning-stage { display: grid; grid-template-columns: 1.08fr .92fr; min-height: 610px; border: 1px solid #d8ccb6; box-shadow: 0 24px 54px rgba(3,46,32,.08); }
.learning-path-tabs { display: grid; grid-template-columns: 1fr 1fr; background: #f3ede2; }
.learning-path-tab { min-height: 203px; display: grid; grid-template-columns: 29px 52px minmax(0, 1fr) 20px; gap: 13px; align-items: center; position: relative; padding: 22px 18px; border: 0; border-bottom: 1px solid #d8ccb6; border-left: 1px solid #d8ccb6; color: var(--green-950); background: transparent; text-align: right; font-family: inherit; cursor: pointer; transition: background .24s ease, color .24s ease, padding .24s ease; }
.learning-path-tab:nth-child(2n) { border-left: 0; }
.learning-path-tab:nth-child(n + 5) { border-bottom: 0; }
.learning-path-tab > span { align-self: start; color: #927d5a; direction: ltr; font-size: 10px; font-weight: 800; }
.learning-path-tab i { width: 46px; height: 55px; display: grid; place-items: center; border: 1px solid rgba(120,141,103,.42); border-radius: 999px 999px 4px 4px; color: var(--green-800); background: rgba(255,255,255,.68); font-style: normal; transition: transform .24s ease, color .24s ease, background .24s ease; }
.learning-path-tab i .material-symbols-rounded { font-size: 23px; }
.learning-path-tab strong { font-size: 15px; line-height: 1.65; }
.learning-path-tab > .material-symbols-rounded { color: #a5967a; font-size: 19px; opacity: 0; transform: translateX(7px); transition: opacity .2s ease, transform .2s ease; }
.learning-path-tab:hover, .learning-path-tab:focus-visible, .learning-path-tab.is-active { z-index: 1; padding-right: 25px; color: white; background: var(--green-900); outline: none; }
.learning-path-tab:hover i, .learning-path-tab:focus-visible i, .learning-path-tab.is-active i { color: var(--green-950); background: #e8d9b8; transform: translateY(-3px); }
.learning-path-tab:hover > .material-symbols-rounded, .learning-path-tab:focus-visible > .material-symbols-rounded, .learning-path-tab.is-active > .material-symbols-rounded { color: #e7d8b9; opacity: 1; transform: translateX(0); }
.learning-path-panel { display: flex; flex-direction: column; justify-content: center; position: relative; isolation: isolate; overflow: hidden; padding: 55px 53px; color: white; background: var(--green-950) var(--pattern-dark) center / 450px auto; transition: opacity .13s ease, transform .13s ease; }
.learning-path-panel::before { content: ""; width: 380px; height: 380px; position: absolute; z-index: -1; left: -145px; bottom: -155px; border: 1px solid rgba(216,201,168,.16); border-radius: 50%; box-shadow: 0 0 0 42px rgba(216,201,168,.025), 0 0 0 84px rgba(216,201,168,.018); }
.learning-path-panel.is-fading { opacity: .25; transform: translateY(7px); }
.learning-panel-top { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 37px; color: #d8c9a8; font-size: 10px; font-weight: 800; }
.learning-panel-icon { width: 73px; height: 88px; display: grid; place-items: center; border: 1px solid rgba(216,201,168,.42); border-radius: 999px 999px 4px 4px; color: #eadcbe; background: rgba(255,255,255,.06); }
.learning-panel-icon .material-symbols-rounded { font-size: 34px; }
.learning-panel-label { margin: 0 0 7px; color: #d8c9a8; font-size: 11px; font-weight: 800; }
.learning-path-panel h3 { margin: 0; color: white; font-size: clamp(28px, 3.2vw, 42px); line-height: 1.38; }
.learning-path-panel .leaf-rule { max-width: 210px; margin: 19px 0 17px; }
.learning-panel-body { max-width: 485px; margin: 0; color: rgba(255,255,255,.76); font-size: 13px; line-height: 2.05; }
.learning-path-panel footer { display: flex; align-items: center; gap: 8px; margin-top: 37px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.2); color: #eadcbe; font-size: 11px; font-weight: 700; }
.learning-path-panel footer .material-symbols-rounded { font-size: 18px; }
.learning-path-panel.is-updating > * { animation: learning-panel-update .3s ease both; }

.learning-formats { position: relative; isolation: isolate; overflow: hidden; padding: 104px 0 112px; background: #f0e8d9; }
.learning-formats::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/assets/aleppo-pattern.webp") center / 540px auto repeat; opacity: .15; }
.learning-formats-heading { grid-template-columns: 1fr; gap: 0; margin-bottom: 48px; }
.learning-formats ol { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0; padding: 0; border-top: 1px solid rgba(72,95,82,.36); list-style: none; }
.learning-formats li { min-height: 257px; display: flex; flex-direction: column; position: relative; padding: 27px 23px; border-bottom: 1px solid rgba(72,95,82,.36); border-left: 1px solid rgba(72,95,82,.28); outline: none; transition: color .24s ease, background .24s ease, transform .24s ease; }
.learning-formats li:last-child { border-left: 0; }
.learning-formats li > span { color: #97815f; direction: ltr; font-size: 11px; font-weight: 800; }
.learning-formats li > i { width: 54px; height: 54px; display: grid; place-items: center; margin: auto 0 16px; border: 1px solid rgba(120,141,103,.43); border-radius: 50%; color: var(--green-800); background: rgba(255,254,250,.62); font-style: normal; }
.learning-formats li > i .material-symbols-rounded { font-size: 25px; }
.learning-formats h3 { margin: 0 0 6px; color: var(--green-950); font-size: 17px; line-height: 1.6; }
.learning-formats p { margin: 0; color: #617168; font-size: 11.5px; line-height: 1.9; }
.learning-formats li:hover, .learning-formats li:focus-visible { z-index: 1; color: white; background: var(--green-900); box-shadow: 0 14px 27px rgba(3,46,32,.14); transform: translateY(-6px); }
.learning-formats li:hover h3, .learning-formats li:focus-visible h3 { color: white; }
.learning-formats li:hover p, .learning-formats li:focus-visible p { color: rgba(255,255,255,.75); }
.learning-formats li:hover > i, .learning-formats li:focus-visible > i { color: var(--green-950); background: #e7d7b5; }

.learning-events { padding: 104px 0; color: white; background: var(--green-900) var(--pattern-dark) center / 510px auto; }
.learning-events-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 82px; align-items: center; }
.learning-events-copy .section-kicker { color: #d8c9a8; }
.learning-events-copy h2 { margin: 0 0 15px; color: white; font-size: clamp(34px, 4vw, 53px); line-height: 1.35; }
.learning-events-copy > p:not(.section-kicker) { max-width: 580px; margin: 0 0 25px; color: rgba(255,255,255,.75); font-size: 13px; line-height: 2; }
.learning-events-copy .btn { color: #f0e2c4; border-color: rgba(216,201,168,.6); background: rgba(255,255,255,.05); }
.learning-events-readiness { position: relative; overflow: hidden; padding: 42px 41px; border: 1px solid rgba(216,201,168,.44); background: rgba(255,255,255,.06); }
.learning-events-readiness::after { content: ""; position: absolute; right: -90px; bottom: -110px; width: 280px; height: 280px; border: 1px solid rgba(216,201,168,.12); border-radius: 50%; box-shadow: 0 0 0 38px rgba(216,201,168,.02); }
.learning-events-seal { width: 68px; height: 82px; display: grid; place-items: center; position: relative; z-index: 1; margin-bottom: 30px; border: 1px solid rgba(216,201,168,.48); border-radius: 999px 999px 4px 4px; color: #eadcbe; }
.learning-events-seal .material-symbols-rounded { font-size: 31px; }
.learning-events-readiness > * { position: relative; z-index: 1; }
.learning-events-readiness .section-kicker { margin-bottom: 6px; color: #d8c9a8; }
.learning-events-readiness h3 { margin: 0 0 25px; color: white; font-size: 25px; line-height: 1.55; }
.learning-events-readiness ol { margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,.2); list-style: none; }
.learning-events-readiness li { display: grid; grid-template-columns: 29px 1fr; gap: 11px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.18); color: rgba(255,255,255,.76); font-size: 11.5px; line-height: 1.8; }
.learning-events-readiness li span { color: #d8c9a8; direction: ltr; font-size: 10px; font-weight: 800; }

.learning-conference { padding: 110px 0; background: #fffefa; }
.learning-conference-layout { display: grid; grid-template-columns: .78fr 1.22fr; gap: 84px; align-items: center; }
.learning-conference-mark { min-height: 495px; display: flex; flex-direction: column; justify-content: end; position: relative; isolation: isolate; overflow: hidden; padding: 39px; color: white; background: var(--green-950) var(--pattern-dark) center / 470px auto; box-shadow: 0 25px 58px rgba(3,46,32,.18); transition: transform .3s ease; }
.learning-conference-mark:hover { transform: translateY(-7px) rotate(.25deg); }
.learning-conference-mark::before { content: ""; width: 260px; height: 260px; position: absolute; z-index: -1; top: -75px; left: -65px; border: 1px solid rgba(216,201,168,.42); border-radius: 50%; box-shadow: 0 0 0 38px rgba(216,201,168,.055), 0 0 0 76px rgba(216,201,168,.035); }
.learning-conference-mark > span, .learning-conference-mark small { color: #d8c9a8; font-size: 11px; font-weight: 700; }
.learning-conference-mark strong { margin: 10px 0 17px; color: white; font-size: 39px; line-height: 1.34; }
.learning-conference-mark i { width: 62px; height: 62px; display: grid; place-items: center; position: absolute; top: 45px; right: 42px; border: 1px solid rgba(216,201,168,.38); border-radius: 50%; color: #eadcbe; font-style: normal; }
.learning-conference-mark i .material-symbols-rounded { font-size: 29px; }
.learning-conference-mark > span { position: absolute; top: 122px; right: 42px; }
.learning-conference-layout h2 { max-width: 680px; margin: 0 0 15px; color: var(--green-950); font-size: clamp(34px, 4.2vw, 54px); line-height: 1.34; }
.learning-conference-layout > div:last-child > p:not(.section-kicker) { max-width: 650px; margin: 0 0 28px; color: #5e6d65; font-size: 13px; line-height: 2.05; }
.learning-conference-layout aside { display: grid; grid-template-columns: 34px 1fr; gap: 12px; max-width: 650px; padding: 17px 0; border-top: 1px solid #cdbf9f; border-bottom: 1px solid #cdbf9f; color: #69766e; font-size: 11.5px; line-height: 1.9; }
.learning-conference-layout aside .material-symbols-rounded { color: #a17b3f; font-size: 21px; }
.learning-archive { padding: 56px 0; background: #f0e8d9; }
.learning-archive .container { display: grid; grid-template-columns: .8fr 1.2fr auto; gap: 40px; align-items: center; }
.learning-archive h2 { margin: 0; color: var(--green-950); font-size: clamp(25px, 3vw, 37px); }
.learning-archive p { margin: 0; color: #58675f; font-size: 12.5px; line-height: 1.95; }
.learning-archive > .container > span { display: flex; align-items: center; gap: 8px; color: var(--green-700); font-size: 11px; font-weight: 700; white-space: nowrap; }
.learning-archive .material-symbols-rounded { font-size: 19px; }

@keyframes learning-panel-update { from { opacity: .25; transform: translateY(9px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 900px) {
  .learning-heading { grid-template-columns: 1fr; gap: 26px; }
  .learning-stage { grid-template-columns: 1fr; }
  .learning-path-panel { min-height: 420px; }
  .learning-formats ol { grid-template-columns: 1fr 1fr; }
  .learning-formats li:nth-child(2n) { border-left: 0; }
  .learning-events-layout, .learning-conference-layout { grid-template-columns: 1fr; gap: 50px; }
  .learning-events-copy { max-width: 650px; }
  .learning-archive .container { grid-template-columns: 1fr; gap: 18px; }
}

@media (max-width: 760px) {
  .learning-hero { min-height: 660px; align-items: center; padding: 125px 0 70px; background-position: 44% center; }
  .learning-hero::before { background: linear-gradient(180deg, rgba(3,46,32,.1) 0%, rgba(3,46,32,.28) 33%, rgba(3,46,32,.93) 72%, rgba(3,37,26,.98) 100%); }
  .learning-hero-copy { width: 100%; }
  .learning-hero h1 { font-size: 46px; }
  .learning-hero-copy > p:not(.section-kicker) { font-size: 14px; }
  .learning-hero-goals { width: 100%; }
  .learning-hero-goals div { min-height: 126px; padding: 17px 12px; }
  .learning-hero-goals strong { font-size: 22px; }
  .learning-hero-goals span { font-size: 8px; }
  .learning-goal-note .container { grid-template-columns: 36px 1fr; gap: 13px; min-height: 0; padding-top: 22px; padding-bottom: 22px; }
  .learning-studio, .learning-formats, .learning-events, .learning-conference { padding-top: 74px; padding-bottom: 80px; }
  .learning-heading, .learning-formats-heading { grid-template-columns: 1fr; gap: 24px; margin-bottom: 35px; }
  .learning-heading > p { padding: 18px 0 0; border-top: 1px solid #cdbf9f; border-right: 0; }
  .learning-path-tabs { grid-template-columns: 1fr; }
  .learning-path-tab, .learning-path-tab:nth-child(2n) { min-height: 94px; grid-template-columns: 26px 44px 1fr 18px; gap: 10px; padding: 14px 13px; border-left: 0; border-bottom: 1px solid #d8ccb6; }
  .learning-path-tab:nth-child(n + 5) { border-bottom: 1px solid #d8ccb6; }
  .learning-path-tab:last-child { border-bottom: 0; }
  .learning-path-tab:hover, .learning-path-tab:focus-visible, .learning-path-tab.is-active { padding-right: 18px; }
  .learning-path-tab i { width: 40px; height: 46px; }
  .learning-path-tab strong { font-size: 13px; }
  .learning-path-panel { min-height: 390px; padding: 35px 24px; }
  .learning-panel-top { margin-bottom: 25px; }
  .learning-panel-icon { width: 56px; height: 68px; }
  .learning-path-panel h3 { font-size: 28px; }
  .learning-formats ol { grid-template-columns: 1fr; }
  .learning-formats li, .learning-formats li:last-child { min-height: 0; display: grid; grid-template-columns: 32px 54px 1fr; gap: 13px; align-items: center; padding: 19px 10px; border-left: 0; }
  .learning-formats li > i { margin: 0; }
  .learning-formats h3 { margin: 0 0 3px; font-size: 15px; }
  .learning-events-readiness { padding: 31px 24px; }
  .learning-conference-mark { min-height: 400px; padding: 30px; }
  .learning-conference-mark strong { font-size: 33px; }
  .learning-conference-layout aside { grid-template-columns: 27px 1fr; }
  .learning-archive { padding: 44px 0; }
  .learning-archive > .container > span { white-space: normal; }
}

@media (max-width: 980px) {
  .initiative-purpose .container { width: min(1180px, calc(100% - 56px)); }
  .initiative-purpose-layout { grid-template-columns: 1fr; gap: 46px; }
  .initiative-purpose-steps { grid-template-columns: repeat(3, 1fr); gap: 14px; }
  .initiative-purpose-step { min-height: 134px; grid-template-columns: 1fr; gap: 4px; padding: 15px; border: 1px solid #d8ccb6; }
  .initiative-purpose-step::before { top: auto; right: 14px; bottom: 0; left: 14px; width: auto; height: 3px; }
  .initiative-purpose-step .material-symbols-rounded { display: none; }
  .initiative-section-heading { grid-template-columns: 1fr; gap: 24px; }
  .initiative-section-heading > p { max-width: 700px; padding: 18px 0 0; border-top: 1px solid #c8b991; border-left: 0; }
  .initiative-lab-stage { grid-template-columns: .98fr 1.02fr; }
  .initiative-lab-tabs button { padding-inline: 16px; }
  .initiative-lab-tabs button:hover, .initiative-lab-tabs button:focus-visible, .initiative-lab-tabs button.is-active { padding-right: 22px; }
  .initiative-lab-panel { padding: 40px 35px 34px; }
  .initiative-lab-steps { grid-template-columns: 1fr; }
  .initiative-milestones .container { grid-template-columns: 1fr; gap: 48px; }
}

@media (max-width: 760px) {
  .initiative-purpose, .initiative-lab, .initiative-milestones { padding-top: 74px; padding-bottom: 80px; }
  .initiative-purpose-layout { grid-template-columns: 1fr; gap: 31px; }
  .initiative-purpose h2 { font-size: 30px; }
  .initiative-purpose-intro { min-height: 0; font-size: 12px; }
  .initiative-purpose-current { margin-top: 16px; }
  .initiative-purpose-steps { grid-template-columns: 1fr; gap: 0; }
  .initiative-purpose-step { min-height: 86px; grid-template-columns: minmax(0, 1fr) 24px; gap: 10px; padding: 12px 10px 12px 0; border-width: 0 0 1px; }
  .initiative-purpose-step .material-symbols-rounded { display: block; }
  .initiative-lab-stage { grid-template-columns: 1fr; }
  .initiative-lab-tabs button { min-height: 87px; grid-template-columns: 27px 42px 1fr 18px; gap: 10px; padding: 12px 14px; }
  .initiative-lab-tabs button:hover, .initiative-lab-tabs button:focus-visible, .initiative-lab-tabs button.is-active { padding-right: 19px; }
  .initiative-lab-tabs button > i { width: 40px; height: 40px; }
  .initiative-lab-tabs button strong { font-size: 12px; }
  .initiative-lab-panel { min-height: 510px; padding: 35px 25px 28px; }
  .initiative-lab-panel-top { gap: 13px; margin-bottom: 19px; }
  .initiative-lab-icon { width: 53px; height: 53px; }
  .initiative-lab-icon .material-symbols-rounded { font-size: 25px; }
  .initiative-lab-panel h3 { font-size: 27px; }
  .initiative-lab-summary { font-size: 12px; }
  .initiative-lab-focus { margin-top: 18px; }
  .initiative-lab-steps { gap: 8px; }
  .initiative-lab-note { font-size: 9px; }
  .initiative-milestones li { grid-template-columns: 45px 48px 1fr; gap: 11px; padding: 20px 0; }
  .initiative-milestones li > i { width: 43px; height: 43px; }
  .initiative-milestones li > i .material-symbols-rounded { font-size: 21px; }
  .initiative-milestones li h3 { font-size: 15px; }
  .initiative-milestones li p { font-size: 10.5px; }
}

/* Section sequence labels are intentionally omitted across the public site. */
.item-number,
.programme-atlas-tab > span:first-child,
.atlas-panel-number,
.programme-focus-orbit li > span:first-child,
.process-list li > span:first-child,
.learning-events-readiness li > span:first-child,
.initiative-purpose ol li > span:first-child,
.initiative-lab-tabs button > span:first-child,
.initiative-lab-panel-top b,
.initiative-lab-steps li > span:first-child,
.transparency-publication-track li > span:first-child,
.legal-document-tab > span:first-child,
.legal-protection-list li > span:first-child,
.legal-launch-track li > span:first-child { display: none !important; }

.process-list li,
.learning-events-readiness li,
.legal-protection-list li { grid-template-columns: 1fr; }
.programme-atlas-tab { grid-template-columns: minmax(0, 1fr) 22px; }
.atlas-panel-intro { grid-template-columns: minmax(0, 1fr) 84px; }
.initiative-lab-tabs button { grid-template-columns: 50px minmax(0, 1fr) 22px; }
.initiative-lab-steps li { grid-template-columns: 1fr; }
.legal-document-tab { grid-template-columns: 54px minmax(0, 1fr); }

@media (max-width: 760px) {
  .atlas-panel-intro { grid-template-columns: minmax(0, 1fr) 55px; }
  .initiative-lab-tabs button { grid-template-columns: 42px minmax(0, 1fr) 18px; }
  .legal-document-tab { grid-template-columns: 1fr; }
  .transparency-publication-track::before,
  .legal-launch-track::before { display: none; }
  .transparency-publication-track li,
  .legal-launch-track li { display: block; min-height: 0; padding-bottom: 24px; text-align: right; }
  .transparency-publication-track p { display: block; }
}

/* Keep every curriculum and process card focused on its content, not an index. */
.programme-initiative-list li > span:first-child,
.membership-value li > span:first-child,
.learning-path-tab > span:first-child,
.learning-formats li > span:first-child { display: none !important; }

.programme-initiative-list li { grid-template-columns: 46px 1fr; }
.membership-value li { grid-template-columns: 1fr; }
.learning-path-tab { grid-template-columns: 52px minmax(0, 1fr) 20px; }
.learning-formats li { grid-template-columns: 1fr; }
.roadmap-index { display: none !important; }
.programme-roadmap-list li { grid-template-columns: minmax(220px, .83fr) minmax(0, 1fr) 28px; }

/* Hero statistics are a single editorial rail rather than a row of boxes. */
.programmes-hero-facts,
.learning-hero-goals { width: min(800px, calc(100% - 112px)); right: 50%; bottom: 43px; padding: 0; border: 0; background: transparent; box-shadow: none; backdrop-filter: none; transform: translateX(50%); }
.programmes-hero-facts div,
.learning-hero-goals div { min-height: 0; position: relative; gap: 6px; padding: 4px 23px 4px 0; border: 0; }
.programmes-hero-facts div::before,
.learning-hero-goals div::before { content: ""; width: 7px; height: 7px; position: absolute; top: 11px; right: 0; border-radius: 50%; background: #d8c9a8; box-shadow: 0 0 0 5px rgba(216,201,168,.13); }
.programmes-hero-facts strong,
.learning-hero-goals strong { color: #f2e3c4; font-size: 30px; text-shadow: 0 2px 12px rgba(0,0,0,.28); }
.programmes-hero-facts span,
.learning-hero-goals span { color: rgba(255,255,255,.78); font-size: 10px; text-shadow: 0 1px 7px rgba(0,0,0,.35); }

@media (max-width: 760px) {
  .programme-initiative-list li { grid-template-columns: 37px 1fr; }
  .learning-path-tab, .learning-path-tab:nth-child(2n) { grid-template-columns: 44px minmax(0, 1fr) 18px; }
  .learning-formats li, .learning-formats li:last-child { grid-template-columns: 54px 1fr; }
  .programme-roadmap-list li { grid-template-columns: 1fr; }
  .programme-roadmap-list p { grid-column: 1; }
  .programmes-hero-facts,
  .learning-hero-goals { width: calc(100% - 48px); bottom: 30px; }
  .programmes-hero-facts div,
  .learning-hero-goals div { padding-right: 16px; }
  .programmes-hero-facts div::before,
  .learning-hero-goals div::before { width: 5px; height: 5px; top: 8px; box-shadow: 0 0 0 4px rgba(216,201,168,.13); }
  .programmes-hero-facts strong,
  .learning-hero-goals strong { font-size: 22px; }
  .programmes-hero-facts span,
  .learning-hero-goals span { font-size: 8px; }
}

/* Full legal texts published under the document index. */
.legal-texts { padding: 96px 0; background: var(--stone-100); }
.legal-texts-heading { max-width: 720px; margin: 0 auto 44px; text-align: center; }
.legal-texts-heading h2 { margin: 6px 0 12px; color: var(--green-950); font-size: clamp(26px, 3vw, 38px); line-height: 1.4; }
.legal-texts-heading p { margin: 0; color: #5c6f64; font-size: 12px; line-height: 1.9; }
.legal-text-list { display: grid; gap: 26px; max-width: 1120px; margin: 0 auto; }
.legal-text-card { padding: 40px 44px; border: 1px solid #cdbf9f; background: #fffaf0; scroll-margin-top: 90px; }
.legal-text-card:focus-visible { outline: 2px solid var(--leaf); outline-offset: 4px; }
.legal-text-card-head { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; padding-bottom: 20px; border-bottom: 1px solid #e0d3b6; }
.legal-text-card-icon { width: 52px; height: 62px; flex: none; display: grid; place-items: center; border: 1px solid rgba(18,75,51,.3); border-radius: 999px 999px 5px 5px; color: var(--green-800); background: #eef3ea; }
.legal-text-card-icon .material-symbols-rounded { font-size: 26px; }
.legal-text-card-index { margin: 0 0 4px; color: #9a7a3d; font-size: 10px; font-weight: 700; letter-spacing: .08em; }
.legal-text-card-head h3 { margin: 0; color: var(--green-950); font-size: clamp(20px, 2.2vw, 27px); line-height: 1.4; }
.legal-text-card-version { margin-inline-start: auto; padding: 6px 10px; border: 1px solid rgba(150,99,42,.28); color: #8b5b2d; font-size: 9px; font-weight: 700; }
.legal-text-card-summary { margin: 20px 0 0; color: #4f6258; font-size: 13px; line-height: 2; }
.legal-text-card-body { display: grid; gap: 24px; margin-top: 26px; }
.legal-text-card-body h4 { display: flex; gap: 8px; margin: 0 0 8px; color: var(--green-900); font-size: 14px; line-height: 1.6; }
.legal-text-card-body h4 span { color: #9a7a3d; }
.legal-text-card-body p { margin: 0 0 8px; color: #52645a; font-size: 12.5px; line-height: 2; }
.legal-text-card-body ul { margin: 0; padding-inline-start: 0; list-style: none; display: grid; gap: 8px; }
.legal-text-card-body li { position: relative; padding-inline-start: 16px; color: #52645a; font-size: 12.5px; line-height: 1.95; }
.legal-text-card-body li::before { content: ""; width: 6px; height: 6px; position: absolute; top: .8em; inset-inline-start: 0; border-radius: 50%; background: var(--leaf); }
.legal-text-card-body a { color: var(--green-800); text-decoration: underline; }
.legal-text-card-body code { font-size: 11px; color: #6b5a34; background: #f3ecda; padding: 1px 5px; }
@media (max-width: 720px) {
  .legal-texts { padding: 64px 0; }
  .legal-text-card { padding: 28px 22px; }
  .legal-text-card-version { margin-inline-start: 0; }
}

/* Night mode keeps the layered dark palette used by the other inner pages. */
html.dark-theme main .legal-texts { background-color: var(--night-section) !important; }
html.dark-theme main .legal-texts-heading p { color: var(--night-muted); }
html.dark-theme main .legal-text-card { border-color: var(--night-border) !important; background-color: var(--night-card) !important; color: var(--night-text); }
html.dark-theme main .legal-text-card-head { border-bottom-color: var(--night-border); }
html.dark-theme main .legal-text-card-icon { background: var(--night-raised); border-color: var(--night-border); color: var(--green-700); }
html.dark-theme main .legal-text-card-summary,
html.dark-theme main .legal-text-card-body p,
html.dark-theme main .legal-text-card-body li { color: var(--night-muted); }
html.dark-theme main .legal-text-card-body code { background: var(--night-raised); color: var(--night-text); }

/* Each legal document now carries its full text inside its own card, so the
   panels stack in the stage cell and only the selected one is visible. */
.legal-document-panels { min-width: 0; display: grid; }
.legal-document-feature[hidden] { display: none; }
.legal-document-feature:focus-visible { outline: 2px solid var(--leaf); outline-offset: -4px; }
.legal-document-feature.is-entering { animation: legalPanelIn .26s ease both; }
@keyframes legalPanelIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.legal-document-feature-text { margin-top: 30px; padding-top: 26px; border-top: 1px solid #d8c9a8; }
html.dark-theme main .legal-document-feature-text { border-top-color: var(--night-border); }

/* Membership and partnerships */
.membership-hero { min-height: 720px; display: flex; align-items: flex-end; position: relative; isolation: isolate; overflow: hidden; padding: 170px 0 118px; color: white; background: var(--green-950); }
.membership-hero::before { content: ""; position: absolute; inset: -10px; z-index: -2; background: url("/assets/hero-membership-network-v2.webp") center 53% / cover no-repeat; animation: membership-hero-enter 1.4s cubic-bezier(.2,.75,.25,1) both; }
.membership-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(90deg, rgba(3,33,23,.07) 0%, rgba(3,39,27,.18) 40%, rgba(3,42,29,.79) 70%, rgba(3,34,24,.97) 100%), url("/assets/aleppo-pattern-lines.webp"); background-position: center, right -235px center; background-size: auto, 610px auto; background-repeat: no-repeat; opacity: 1; }
.membership-hero-layout { display: flex; justify-content: flex-start; position: relative; z-index: 1; }
.membership-hero-copy { width: min(625px, 54%); text-shadow: 0 2px 20px rgba(0,0,0,.18); }
.membership-hero .section-kicker { color: #e5d7b9; }
.membership-hero h1 { margin: 0; color: white; font-size: clamp(45px, 5.5vw, 72px); line-height: 1.22; letter-spacing: -.045em; }
.membership-hero .leaf-rule { max-width: 285px; margin: 24px 0 19px; color: #d8c9a8; }
.membership-hero .leaf-rule::before, .membership-hero .leaf-rule::after, .membership-hero .leaf-rule span { background: #d8c9a8; }
.membership-hero-copy > p:not(.section-kicker) { max-width: 600px; margin: 0; color: rgba(255,255,255,.88); font-size: 16px; line-height: 2.05; }
.membership-scroll { width: fit-content; display: flex; align-items: center; gap: 9px; margin-top: 25px; color: #f0e4cb; font-size: 12px; font-weight: 700; }
.membership-scroll .material-symbols-rounded { font-size: 20px; transition: transform .22s ease; }
.membership-scroll:hover .material-symbols-rounded { transform: translateY(4px); }
.membership-hero-paths { width: min(760px, 61%); display: grid; grid-template-columns: .8fr .8fr 1.4fr; position: absolute; right: 0; bottom: 0; z-index: 2; border-top: 1px solid rgba(216,201,168,.35); color: white; background: rgba(3,46,32,.83); box-shadow: 0 -12px 38px rgba(3,32,23,.14); backdrop-filter: blur(12px); }
.membership-hero-paths div { min-height: 100px; display: flex; flex-direction: column; justify-content: center; padding: 20px 27px; border-left: 1px solid rgba(255,255,255,.16); }
.membership-hero-paths div:last-child { border-left: 0; }
.membership-hero-paths span { color: rgba(255,255,255,.58); font-size: 9px; font-weight: 700; }
.membership-hero-paths strong { margin-top: 4px; color: #eee0c2; font-size: 18px; line-height: 1.55; }

.membership-pathways { position: relative; isolation: isolate; overflow: hidden; padding: 104px 0 112px; background: #f3ede2; }
.membership-pathways::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/assets/aleppo-pattern.webp") center / 550px auto repeat; opacity: .15; }
.membership-pathways-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 76px; align-items: stretch; }
.membership-pathways-heading { align-self: center; padding-left: 28px; }
.membership-pathways-heading h2 { max-width: 470px; margin: 0 0 15px; color: var(--green-950); font-size: clamp(34px, 4vw, 51px); line-height: 1.33; }
.membership-pathways-heading > p:last-child { max-width: 470px; margin: 0; color: #596a61; font-size: 13px; line-height: 2; }
.membership-pathway-list { display: grid; grid-template-columns: 1fr 1fr; border-top: 2px solid var(--green-900); border-bottom: 1px solid #cdbf9f; background: rgba(255,253,248,.65); }
.membership-pathway { min-height: 430px; display: flex; flex-direction: column; position: relative; padding: 33px 32px 28px; border-left: 1px solid #cdbf9f; color: var(--green-950); transition: color .32s ease, background-color .32s ease, transform .32s ease, box-shadow .32s ease; }
.membership-pathway:last-child { border-left: 0; }
.membership-pathway::after { content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 4px; background: var(--leaf); transition: width .35s ease; }
.membership-pathway:hover, .membership-pathway:focus-visible { z-index: 1; color: white; background: var(--green-900); box-shadow: 0 20px 38px rgba(3,46,32,.15); transform: translateY(-7px); outline: none; }
.membership-pathway:hover::after, .membership-pathway:focus-visible::after { width: 100%; }
.membership-pathway-icon { width: 60px; height: 60px; display: grid; place-items: center; border: 1px solid rgba(3,88,50,.4); border-radius: 50%; color: var(--green-800); background: #eef3ea; transition: transform .3s ease, color .3s ease, background .3s ease; }
.membership-pathway:hover .membership-pathway-icon, .membership-pathway:focus-visible .membership-pathway-icon { color: var(--green-950); background: #e9dcc0; transform: rotate(-6deg) scale(1.06); }
.membership-pathway-icon .material-symbols-rounded { font-size: 29px; }
.membership-pathway-number { position: absolute; top: 35px; left: 30px; color: #927d5a; direction: ltr; font-size: 11px; font-weight: 800; }
.membership-pathway > div { margin-top: auto; }
.membership-pathway p { margin: 0 0 7px; color: var(--leaf); font-size: 12px; font-weight: 800; }
.membership-pathway:hover p, .membership-pathway:focus-visible p { color: #d8c9a8; }
.membership-pathway h3 { margin: 0 0 13px; color: inherit; font-size: 23px; line-height: 1.5; }
.membership-pathway div > span { display: block; color: #607068; font-size: 12px; line-height: 1.95; }
.membership-pathway:hover div > span, .membership-pathway:focus-visible div > span { color: rgba(255,255,255,.76); }
.membership-pathway > strong { display: flex; align-items: center; gap: 8px; margin-top: 27px; color: var(--green-700); font-size: 12px; }
.membership-pathway:hover > strong, .membership-pathway:focus-visible > strong { color: #eadcbe; }
.membership-pathway > strong .material-symbols-rounded { font-size: 17px; transition: transform .22s ease; }
.membership-pathway:hover > strong .material-symbols-rounded, .membership-pathway:focus-visible > strong .material-symbols-rounded { transform: translateX(-6px); }

.membership-network { position: relative; overflow: hidden; padding: 104px 0 116px; background: #fffefa; }
.membership-network::after { content: ""; position: absolute; left: -250px; top: 100px; width: 580px; height: 580px; border: 1px solid rgba(18,75,51,.09); border-radius: 50%; box-shadow: 0 0 0 55px rgba(18,75,51,.025), 0 0 0 110px rgba(18,75,51,.018); pointer-events: none; }
.membership-network .container { position: relative; z-index: 1; }
.membership-network-heading { max-width: 820px; margin: 0 auto 58px; text-align: center; }
.membership-network-heading h2 { margin: 0 0 13px; color: var(--green-950); font-size: clamp(34px, 4vw, 51px); line-height: 1.34; }
.membership-network-heading > p:last-child { max-width: 690px; margin: 0 auto; color: #647068; font-size: 13px; line-height: 2; }
.stakeholder-network { max-width: 1120px; display: grid; grid-template-columns: 1fr 235px 1fr; gap: 42px; align-items: center; margin: 0 auto; }
.stakeholder-column { display: grid; }
.stakeholder-column article { min-height: 138px; display: grid; grid-template-columns: 57px 1fr; gap: 17px; align-items: start; padding: 20px 10px; border-bottom: 1px solid var(--stone-300); transition: padding .25s ease, background-color .25s ease, box-shadow .25s ease; }
.stakeholder-column article:first-child { border-top: 1px solid var(--stone-300); }
.stakeholder-column:first-child article:hover, .stakeholder-column:first-child article:focus-visible { padding-right: 22px; }
.stakeholder-column:last-child article:hover, .stakeholder-column:last-child article:focus-visible { padding-left: 22px; }
.stakeholder-column article:hover, .stakeholder-column article:focus-visible { background: #f3ede2; box-shadow: inset 4px 0 0 var(--leaf); outline: none; }
.stakeholder-icon { width: 50px; height: 50px; display: grid; place-items: center; border: 1px solid rgba(120,141,103,.42); border-radius: 50%; color: var(--green-800); background: #eef3ea; transition: transform .28s ease, color .28s ease, background .28s ease; }
.stakeholder-column article:hover .stakeholder-icon, .stakeholder-column article:focus-visible .stakeholder-icon { color: white; background: var(--green-800); transform: scale(1.06); }
.stakeholder-icon .material-symbols-rounded { font-size: 24px; }
.stakeholder-number { display: block; margin-bottom: 3px; color: #927d5a; direction: ltr; font-size: 10px; font-weight: 800; }
.stakeholder-column h3 { margin: 0 0 4px; color: var(--green-950); font-size: 16px; line-height: 1.55; }
.stakeholder-column p { margin: 0; color: #69756e; font-size: 11px; line-height: 1.85; }
.stakeholder-core { width: 215px; aspect-ratio: 1; display: grid; place-items: center; align-content: center; position: relative; margin: auto; border: 1px solid rgba(120,141,103,.38); border-radius: 50%; color: white; background: var(--green-900) var(--pattern-dark) center / 300px auto; box-shadow: 0 18px 38px rgba(3,46,32,.14), 0 0 0 18px #f5f1e8, 0 0 0 19px rgba(120,141,103,.22); }
.stakeholder-core::before, .stakeholder-core::after, .stakeholder-core i { content: ""; position: absolute; border: 1px solid rgba(216,201,168,.23); border-radius: 50%; pointer-events: none; }
.stakeholder-core::before { inset: 24px; }
.stakeholder-core::after { inset: 48px; }
.stakeholder-core i:nth-of-type(1) { width: 1px; height: 158%; border: 0; border-left: 1px solid rgba(120,141,103,.26); border-radius: 0; transform: rotate(90deg); }
.stakeholder-core i:nth-of-type(2) { width: 1px; height: 158%; border: 0; border-left: 1px solid rgba(120,141,103,.2); border-radius: 0; transform: rotate(34deg); }
.stakeholder-core i:nth-of-type(3) { width: 1px; height: 158%; border: 0; border-left: 1px solid rgba(120,141,103,.2); border-radius: 0; transform: rotate(-34deg); }
.stakeholder-core > span, .stakeholder-core > strong { position: relative; z-index: 1; }
.stakeholder-core > span { color: #d8c9a8; }
.stakeholder-core > span .material-symbols-rounded { font-size: 34px; }
.stakeholder-core > strong { margin-top: 7px; text-align: center; font-size: 19px; line-height: 1.45; }

.membership-value { position: relative; isolation: isolate; overflow: hidden; padding: 94px 0 102px; color: white; background: var(--green-900) var(--pattern-dark) center / 510px auto; }
.membership-value::after { content: ""; position: absolute; left: -175px; bottom: -245px; width: 590px; height: 590px; border: 1px solid rgba(216,201,168,.16); border-radius: 50%; box-shadow: 0 0 0 52px rgba(216,201,168,.025), 0 0 0 104px rgba(216,201,168,.018); }
.membership-value-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 86px; position: relative; z-index: 1; }
.membership-value .section-kicker { color: #d8c9a8; }
.membership-value h2 { margin: 0 0 14px; font-size: clamp(34px, 4vw, 51px); line-height: 1.34; }
.membership-value p { max-width: 470px; margin: 0; color: rgba(255,255,255,.72); font-size: 13px; line-height: 2; }
.membership-value ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.25); }
.membership-value li { display: grid; grid-template-columns: 44px 1fr 24px; gap: 15px; align-items: center; min-height: 60px; padding: 13px 8px; border-bottom: 1px solid rgba(255,255,255,.2); transition: padding .24s ease, background-color .24s ease; }
.membership-value li:hover { padding-inline: 19px; background: rgba(255,255,255,.055); }
.membership-value li > span:first-child { color: #d8c9a8; font-size: 11px; font-weight: 800; direction: ltr; }
.membership-value li strong { font-size: 12.5px; font-weight: 600; line-height: 1.8; }
.membership-value li > .material-symbols-rounded { color: rgba(216,201,168,.38); font-size: 17px; transition: color .24s ease, transform .24s ease; }
.membership-value li:hover > .material-symbols-rounded { color: #d8c9a8; transform: translate(-3px, -3px); }

.membership-journey { position: relative; overflow: hidden; padding: 102px 0 110px; background: #fffefa; }
.membership-journey-heading { max-width: 790px; margin: 0 auto 58px; text-align: center; }
.membership-journey-heading h2 { margin: 0 0 13px; color: var(--green-950); font-size: clamp(32px, 3.8vw, 48px); line-height: 1.36; }
.membership-journey-heading > p:last-child { margin: 0; color: #68736d; font-size: 13px; line-height: 2; }
.membership-journey-steps { max-width: 1040px; display: grid; grid-template-columns: repeat(3, 1fr); position: relative; margin: 0 auto; padding: 0; list-style: none; }
.membership-journey-steps::before { content: ""; position: absolute; top: 41px; right: 12%; left: 12%; height: 1px; background: #cdbf9f; }
.membership-journey-steps li { min-height: 250px; position: relative; padding: 0 32px 25px; text-align: center; transition: transform .26s ease; }
.membership-journey-steps li:hover { transform: translateY(-7px); }
.journey-index { width: 28px; height: 28px; display: grid; place-items: center; position: absolute; top: 27px; left: calc(50% + 31px); z-index: 2; border: 1px solid #cdbf9f; border-radius: 50%; color: #927d5a; background: #fffefa; font-size: 9px; font-weight: 800; direction: ltr; }
.journey-icon { width: 82px; height: 82px; display: grid; place-items: center; position: relative; z-index: 1; margin: 0 auto 27px; border: 1px solid rgba(120,141,103,.45); border-radius: 50%; color: var(--green-800); background: #f3ede2; box-shadow: 0 0 0 10px #fffefa; transition: color .27s ease, background .27s ease, transform .27s ease; }
.membership-journey-steps li:hover .journey-icon { color: white; background: var(--green-800); transform: rotate(-5deg); }
.journey-icon .material-symbols-rounded { font-size: 34px; }
.membership-journey-steps h3 { margin: 0 0 8px; color: var(--green-950); font-size: 18px; }
.membership-journey-steps p { margin: 0; color: #67736c; font-size: 12px; line-height: 1.95; }

.membership-readiness { position: relative; isolation: isolate; overflow: hidden; padding: 80px 0 86px; background: #f3ede2; }
.membership-readiness::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/assets/aleppo-pattern.webp") center / 540px auto repeat; opacity: .16; }
.membership-readiness-heading { display: grid; grid-template-columns: .82fr 1.18fr; gap: 70px; align-items: end; margin-bottom: 34px; }
.membership-readiness-heading h2 { margin: 0; color: var(--green-950); font-size: clamp(29px, 3.4vw, 43px); line-height: 1.36; }
.membership-readiness-heading > p { max-width: 620px; margin: 0; padding-right: 28px; border-right: 1px solid #cdbf9f; color: #5e6c64; font-size: 13px; line-height: 2; }
.membership-readiness-grid { display: grid; grid-template-columns: repeat(5, 1fr); border-top: 2px solid var(--green-900); border-bottom: 1px solid #cdbf9f; background: rgba(255,253,248,.72); }
.membership-readiness-grid article { min-height: 145px; display: flex; flex-direction: column; justify-content: space-between; padding: 21px 20px; border-left: 1px solid #ddd1bc; transition: color .25s ease, background .25s ease, transform .25s ease; }
.membership-readiness-grid article:last-child { border-left: 0; }
.membership-readiness-grid article:hover { color: white; background: var(--green-900); transform: translateY(-5px); }
.membership-readiness-grid article > .material-symbols-rounded { color: var(--green-700); font-size: 27px; }
.membership-readiness-grid article:hover > .material-symbols-rounded { color: #d8c9a8; }
.membership-readiness-grid h3 { margin: 23px 0 5px; color: var(--green-950); font-size: 14px; line-height: 1.6; }
.membership-readiness-grid article:hover h3 { color: white; }
.membership-readiness-grid span:last-child { color: #927d5a; font-size: 9.5px; font-weight: 800; }
.membership-readiness-grid article:hover span:last-child { color: #d8c9a8; }
.membership-readiness-note { display: flex; align-items: flex-start; gap: 13px; margin-top: 18px; padding: 17px 20px; border-right: 4px solid var(--leaf); background: rgba(255,253,248,.78); }
.membership-readiness-note > .material-symbols-rounded { flex: none; margin-top: 2px; color: var(--green-700); font-size: 22px; }
.membership-readiness-note p { margin: 0; color: #657169; font-size: 11.5px; line-height: 1.9; }
.membership-readiness-note strong { color: var(--green-950); }

.membership-motion-ready [data-membership-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .65s ease var(--reveal-delay, 0ms), transform .65s cubic-bezier(.2,.75,.25,1) var(--reveal-delay, 0ms); }
.membership-motion-ready [data-membership-reveal].is-visible { opacity: 1; transform: translateY(0); }

@keyframes membership-hero-enter {
  from { opacity: .72; transform: scale(1.035); }
  to { opacity: 1; transform: scale(1); }
}

@media (max-width: 1050px) {
  .membership-hero-copy { width: min(620px, 64%); }
  .membership-hero-paths { width: 72%; }
  .membership-pathways-layout { grid-template-columns: 1fr; gap: 42px; }
  .membership-pathways-heading { max-width: 760px; padding-left: 0; }
  .stakeholder-network { grid-template-columns: 1fr 180px 1fr; gap: 24px; }
  .stakeholder-core { width: 168px; }
  .membership-value-grid { gap: 50px; }
  .membership-readiness-grid { grid-template-columns: repeat(3, 1fr); }
  .membership-readiness-grid article:nth-child(3) { border-left: 0; }
  .membership-readiness-grid article:nth-child(n + 4) { border-top: 1px solid #ddd1bc; }
}

@media (max-width: 760px) {
  .membership-hero { min-height: 790px; align-items: center; padding: 132px 0 185px; }
  .membership-hero::before { background-position: 39% center; }
  .membership-hero::after { background-image: linear-gradient(180deg, rgba(3,39,27,.28) 0%, rgba(3,42,29,.66) 47%, rgba(3,34,24,.97) 100%), url("/assets/aleppo-pattern-lines.webp"); background-position: center, right -315px center; background-size: auto, 520px auto; }
  .membership-hero-copy { width: 100%; }
  .membership-hero h1 { font-size: 43px; }
  .membership-hero-copy > p:not(.section-kicker) { font-size: 14px; }
  .membership-hero-paths { width: 100%; grid-template-columns: .8fr .8fr 1.4fr; }
  .membership-hero-paths div { min-height: 128px; padding: 17px 12px; }
  .membership-hero-paths strong { font-size: 15px; }
  .membership-pathways { padding: 74px 0 80px; }
  .membership-pathway-list { grid-template-columns: 1fr; }
  .membership-pathway { min-height: 345px; border-left: 0; border-bottom: 1px solid #cdbf9f; }
  .membership-pathway:last-child { border-bottom: 0; }
  .membership-network { padding: 76px 0 84px; }
  .membership-network-heading { margin-bottom: 40px; text-align: right; }
  .stakeholder-network { display: flex; flex-direction: column; gap: 28px; }
  .stakeholder-core { order: -1; width: 156px; margin-bottom: 12px; }
  .stakeholder-column { width: 100%; }
  .stakeholder-column article { min-height: 120px; }
  .stakeholder-column:first-child article:hover, .stakeholder-column:first-child article:focus-visible, .stakeholder-column:last-child article:hover, .stakeholder-column:last-child article:focus-visible { padding-right: 20px; padding-left: 10px; }
  .membership-value { padding: 74px 0 82px; }
  .membership-value-grid { grid-template-columns: 1fr; gap: 38px; }
  .membership-journey { padding: 76px 0 84px; }
  .membership-journey-heading { margin-bottom: 44px; text-align: right; }
  .membership-journey-steps { grid-template-columns: 1fr; gap: 0; }
  .membership-journey-steps::before { top: 42px; right: 40px; bottom: 42px; left: auto; width: 1px; height: auto; }
  .membership-journey-steps li { min-height: 0; display: grid; grid-template-columns: 82px 1fr; gap: 5px 19px; padding: 0 0 38px; text-align: right; }
  .journey-index { top: 2px; right: 65px; left: auto; }
  .journey-icon { grid-row: 1 / 4; margin: 0; }
  .membership-journey-steps h3 { align-self: end; }
  .membership-readiness { padding: 66px 0 72px; }
  .membership-readiness-heading { grid-template-columns: 1fr; gap: 22px; }
  .membership-readiness-heading > p { padding: 17px 0 0; border-top: 1px solid #cdbf9f; border-right: 0; }
  .membership-readiness-grid { grid-template-columns: 1fr 1fr; }
  .membership-readiness-grid article { min-height: 135px; border-top: 1px solid #ddd1bc; }
  .membership-readiness-grid article:nth-child(odd) { border-left: 1px solid #ddd1bc; }
  .membership-readiness-grid article:nth-child(even) { border-left: 0; }
  .membership-readiness-grid article:first-child, .membership-readiness-grid article:nth-child(2) { border-top: 0; }
}

@media (max-width: 430px) {
  .membership-hero { min-height: 830px; }
  .membership-hero h1 { font-size: 38px; }
  .membership-hero-paths div { min-height: 140px; padding-inline: 9px; }
  .membership-hero-paths strong { font-size: 13px; }
  .membership-pathway { padding: 28px 24px 25px; }
  .membership-readiness-grid { grid-template-columns: 1fr; }
  .membership-readiness-grid article, .membership-readiness-grid article:nth-child(odd) { border-left: 0; border-top: 1px solid #ddd1bc; }
  .membership-readiness-grid article:first-child { border-top: 0; }
}

/* Research and publications — evidence-led editorial experience */
.research-hero { min-height: 720px; display: flex; align-items: flex-end; position: relative; isolation: isolate; overflow: hidden; padding: 170px 0 120px; color: white; background: var(--green-950); }
.research-hero::before { content: ""; position: absolute; inset: -10px; z-index: -2; background: url("/assets/hero-research-evidence-v2.webp") center 51% / cover no-repeat; animation: research-hero-enter 1.45s cubic-bezier(.2,.75,.25,1) both; }
.research-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(90deg, rgba(3,33,23,.11) 0%, rgba(3,39,27,.22) 43%, rgba(3,42,29,.81) 72%, rgba(3,34,24,.97) 100%), url("/assets/aleppo-pattern-lines.webp"); background-position: center, right -235px center; background-size: auto, 610px auto; background-repeat: no-repeat; }
.research-hero-layout { display: flex; justify-content: flex-start; position: relative; z-index: 1; }
.research-hero-copy { width: min(650px, 55%); text-shadow: 0 2px 20px rgba(0,0,0,.2); }
.research-hero .section-kicker { color: #e5d7b9; }
.research-hero h1 { max-width: 650px; margin: 0; color: white; font-size: clamp(47px, 5.7vw, 76px); line-height: 1.2; letter-spacing: -.045em; }
.research-hero .leaf-rule { max-width: 285px; margin: 24px 0 19px; color: #d8c9a8; }
.research-hero .leaf-rule::before, .research-hero .leaf-rule::after, .research-hero .leaf-rule span { background: #d8c9a8; }
.research-hero-copy > p:not(.section-kicker) { max-width: 620px; margin: 0; color: rgba(255,255,255,.88); font-size: 16px; line-height: 2.05; }
.research-scroll { width: fit-content; display: flex; align-items: center; gap: 9px; margin-top: 25px; color: #f0e4cb; font-size: 12px; font-weight: 700; }
.research-scroll .material-symbols-rounded { font-size: 20px; transition: transform .22s ease; }
.research-scroll:hover .material-symbols-rounded, .research-scroll:focus-visible .material-symbols-rounded { transform: translateY(4px); }
.research-hero-index { width: min(790px, 63%); display: grid; grid-template-columns: repeat(4, 1fr); position: absolute; right: 0; bottom: 0; z-index: 2; border-top: 1px solid rgba(216,201,168,.36); color: white; background: rgba(3,46,32,.84); box-shadow: 0 -12px 38px rgba(3,32,23,.14); backdrop-filter: blur(12px); }
.research-hero-index div { min-height: 100px; display: flex; flex-direction: column; justify-content: center; padding: 19px 25px; border-left: 1px solid rgba(255,255,255,.15); }
.research-hero-index div:last-child { border-left: 0; }
.research-hero-index span { color: rgba(216,201,168,.68); font-size: 9px; font-weight: 800; direction: ltr; }
.research-hero-index strong { margin-top: 4px; color: #eee0c2; font-size: 16px; line-height: 1.55; }

.research-method { position: relative; isolation: isolate; overflow: hidden; padding: 104px 0 112px; background: #f3ede2; }
.research-method::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/assets/aleppo-pattern.webp") center / 550px auto repeat; opacity: .15; }
.research-section-heading { display: grid; grid-template-columns: .9fr 1.1fr; gap: 74px; align-items: end; margin-bottom: 54px; }
.research-section-heading h2 { max-width: 650px; margin: 0; color: var(--green-950); font-size: clamp(34px, 4vw, 51px); line-height: 1.34; }
.research-section-heading > p { max-width: 580px; margin: 0; padding-right: 29px; border-right: 1px solid #cdbf9f; color: #5d6c64; font-size: 13px; line-height: 2; }
.research-workflow { display: grid; grid-template-columns: repeat(4, 1fr); position: relative; margin: 0; padding: 0; border-top: 2px solid var(--green-900); border-bottom: 1px solid #cdbf9f; list-style: none; background: rgba(255,253,248,.66); }
.research-workflow li { min-height: 315px; display: flex; flex-direction: column; position: relative; padding: 28px 25px 26px; border-left: 1px solid #d8ccb5; transition: color .28s ease, background-color .28s ease, transform .28s ease, box-shadow .28s ease; }
.research-workflow li:last-child { border-left: 0; }
.research-workflow li::after { content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 4px; background: var(--leaf); transition: width .32s ease; }
.research-workflow li:hover, .research-workflow li:focus-visible { z-index: 1; color: white; background: var(--green-900); box-shadow: 0 18px 34px rgba(3,46,32,.14); transform: translateY(-7px); outline: none; }
.research-workflow li:hover::after, .research-workflow li:focus-visible::after { width: 100%; }
.research-step-number { position: absolute; top: 31px; left: 25px; color: #927d5a; font-size: 10px; font-weight: 800; direction: ltr; }
.research-step-icon { width: 59px; height: 59px; display: grid; place-items: center; border: 1px solid rgba(120,141,103,.42); border-radius: 50%; color: var(--green-800); background: #eef3ea; transition: color .28s ease, background-color .28s ease, transform .28s ease; }
.research-workflow li:hover .research-step-icon, .research-workflow li:focus-visible .research-step-icon { color: var(--green-950); background: #e9dcc0; transform: rotate(-6deg) scale(1.05); }
.research-step-icon .material-symbols-rounded { font-size: 27px; }
.research-workflow h3 { margin: auto 0 8px; color: var(--green-950); font-size: 19px; line-height: 1.5; }
.research-workflow li:hover h3, .research-workflow li:focus-visible h3 { color: white; }
.research-workflow p { margin: 0; color: #637169; font-size: 11.5px; line-height: 1.95; }
.research-workflow li:hover p, .research-workflow li:focus-visible p { color: rgba(255,255,255,.74); }

.research-report { position: relative; isolation: isolate; overflow: hidden; padding: 105px 0 112px; color: white; background: var(--green-900) var(--pattern-dark) center / 510px auto; }
.research-report::after { content: ""; position: absolute; left: -195px; bottom: -255px; width: 610px; height: 610px; border: 1px solid rgba(216,201,168,.15); border-radius: 50%; box-shadow: 0 0 0 54px rgba(216,201,168,.025), 0 0 0 108px rgba(216,201,168,.017); }
.research-report-layout { display: grid; grid-template-columns: .78fr 1.22fr; gap: 86px; align-items: center; position: relative; z-index: 1; direction: ltr; }
.research-report-layout > * { direction: rtl; }
.research-report-cover { min-height: 540px; display: flex; flex-direction: column; position: relative; overflow: hidden; padding: 38px; color: var(--green-950); background: #e8ddc8 url("/assets/aleppo-pattern.webp") center / 410px auto; box-shadow: 0 28px 70px rgba(2,27,18,.28); transition: transform .35s ease, box-shadow .35s ease; }
.research-report-cover:hover { transform: translateY(-8px) rotate(.35deg); box-shadow: 0 36px 80px rgba(2,27,18,.34); }
.research-report-cover::after { content: ""; position: absolute; inset: 15px; border: 1px solid rgba(3,46,32,.22); pointer-events: none; }
.research-report-overline { position: relative; z-index: 1; color: var(--green-700); font-size: 11px; font-weight: 800; }
.research-report-mark { width: 178px; aspect-ratio: 1; display: grid; place-items: center; position: relative; margin: 48px auto auto; border: 1px solid rgba(3,46,32,.22); border-radius: 50%; }
.research-report-mark::before, .research-report-mark::after, .research-report-mark i { content: ""; position: absolute; border: 1px solid rgba(3,46,32,.13); border-radius: 50%; }
.research-report-mark::before { inset: 24px; }
.research-report-mark::after { inset: 47px; }
.research-report-mark i:first-of-type { width: 1px; height: 126%; border: 0; border-left: 1px solid rgba(3,46,32,.15); border-radius: 0; transform: rotate(45deg); }
.research-report-mark i:last-of-type { width: 1px; height: 126%; border: 0; border-left: 1px solid rgba(3,46,32,.15); border-radius: 0; transform: rotate(-45deg); }
.research-report-mark .material-symbols-rounded { position: relative; z-index: 1; color: var(--green-800); font-size: 47px; }
.research-report-cover > strong { position: relative; z-index: 1; margin: 30px 0 11px; font-size: 35px; line-height: 1.38; }
.research-report-cover > small { position: relative; z-index: 1; color: #53645b; font-size: 11px; line-height: 1.8; }
.research-report-cover > b { width: fit-content; position: relative; z-index: 1; margin-top: 23px; padding: 7px 11px; color: white; background: var(--green-800); font-size: 10px; }
.research-report-copy .section-kicker { color: #d8c9a8; }
.research-report-copy h2 { max-width: 700px; margin: 0 0 16px; color: white; font-size: clamp(37px, 4.5vw, 57px); line-height: 1.32; }
.research-report-copy > p:not(.section-kicker) { max-width: 670px; margin: 0; color: rgba(255,255,255,.74); font-size: 14px; line-height: 2.05; }
.research-report-facts { margin: 38px 0 0; border-top: 1px solid rgba(255,255,255,.24); }
.research-report-facts > div { display: grid; grid-template-columns: 155px 1fr; gap: 25px; align-items: center; min-height: 92px; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.2); }
.research-report-facts dt { color: #d8c9a8; font-size: 11px; font-weight: 800; }
.research-report-facts dd { display: flex; align-items: center; gap: 15px; margin: 0; }
.research-report-facts dd strong { flex: none; color: white; font-size: 31px; }
.research-report-facts dd > .material-symbols-rounded { flex: none; color: #d8c9a8; font-size: 29px; }
.research-report-facts dd span { color: rgba(255,255,255,.7); font-size: 11.5px; line-height: 1.9; }

.research-library { position: relative; overflow: hidden; padding: 105px 0 114px; background: #fffefa; }
.research-library::after { content: ""; position: absolute; left: -230px; top: 160px; width: 580px; height: 580px; border: 1px solid rgba(18,75,51,.09); border-radius: 50%; box-shadow: 0 0 0 55px rgba(18,75,51,.025), 0 0 0 110px rgba(18,75,51,.018); pointer-events: none; }
.research-library .container { position: relative; z-index: 1; }
.research-library-layout { display: grid; grid-template-columns: 1.12fr .88fr; gap: 0; min-height: 470px; border-top: 2px solid var(--green-900); border-bottom: 1px solid #cdbf9f; }
.research-library-tabs { display: grid; }
.research-library-tabs button { display: grid; grid-template-columns: 35px 55px 1fr 24px; gap: 13px; align-items: center; min-height: 116px; padding: 20px 23px; border: 0; border-bottom: 1px solid #d9ceb9; color: var(--green-950); background: #f3ede2; text-align: right; font-family: inherit; cursor: pointer; transition: color .25s ease, background-color .25s ease, padding .25s ease; }
.research-library-tabs button:last-child { border-bottom: 0; }
.research-library-tabs button:hover, .research-library-tabs button:focus-visible, .research-library-tabs button.is-active { padding-right: 32px; color: white; background: var(--green-900); outline: none; }
.research-library-tabs button > span { color: #927d5a; font-size: 10px; font-weight: 800; direction: ltr; }
.research-library-tabs button:hover > span, .research-library-tabs button:focus-visible > span, .research-library-tabs button.is-active > span { color: #d8c9a8; }
.research-library-tabs button > i { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(120,141,103,.42); border-radius: 50%; color: var(--green-800); background: rgba(255,254,250,.72); font-style: normal; transition: transform .25s ease; }
.research-library-tabs button:hover > i, .research-library-tabs button:focus-visible > i, .research-library-tabs button.is-active > i { color: var(--green-950); background: #e9dcc0; transform: scale(1.05); }
.research-library-tabs button > i .material-symbols-rounded { font-size: 23px; }
.research-library-tabs button strong { font-size: 17px; }
.research-library-tabs button > .material-symbols-rounded { color: #9aa59f; font-size: 20px; transition: transform .22s ease; }
.research-library-tabs button:hover > .material-symbols-rounded, .research-library-tabs button:focus-visible > .material-symbols-rounded, .research-library-tabs button.is-active > .material-symbols-rounded { color: #d8c9a8; transform: translateX(-5px); }
.research-library-panel { display: flex; flex-direction: column; justify-content: center; position: relative; overflow: hidden; padding: 58px 55px; color: white; background: var(--green-950) var(--pattern-dark) center / 440px auto; }
.research-library-panel::before { content: ""; width: 320px; height: 320px; position: absolute; left: -115px; top: -115px; border: 1px solid rgba(216,201,168,.15); border-radius: 50%; box-shadow: 0 0 0 42px rgba(216,201,168,.025), 0 0 0 84px rgba(216,201,168,.017); }
.research-library-panel > * { position: relative; z-index: 1; }
.research-library-panel-content { will-change: opacity; }
.research-library-panel-icon { width: 70px; height: 70px; display: grid; place-items: center; margin-bottom: 30px; border: 1px solid rgba(216,201,168,.38); border-radius: 50%; color: #e4d4b4; background: rgba(255,255,255,.05); }
.research-library-panel-icon .material-symbols-rounded { font-size: 32px; }
.research-library-panel-content > p:first-of-type { margin: 0 0 5px; color: #d8c9a8; font-size: 10px; font-weight: 800; }
.research-library-panel h3 { margin: 0; color: white; font-size: 32px; line-height: 1.45; }
.research-library-panel .leaf-rule { max-width: 210px; margin: 18px 0 16px; }
.research-library-description { max-width: 470px; margin: 0; color: rgba(255,255,255,.74); font-size: 13px; line-height: 2; }
.research-library-metadata { margin-top: 34px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.22); }
.research-library-metadata > span { display: flex; align-items: center; gap: 8px; margin-bottom: 9px; color: #e9dcc0; font-size: 11px; font-weight: 700; }
.research-library-metadata > span .material-symbols-rounded { font-size: 18px; }
.research-library-metadata small { display: block; color: rgba(255,255,255,.53); font-size: 10.5px; line-height: 1.8; }
.research-library-metadata b { color: rgba(255,255,255,.78); font-weight: 600; }

.research-agenda { position: relative; isolation: isolate; overflow: hidden; padding: 95px 0 103px; background: #f3ede2; }
.research-agenda::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/assets/aleppo-pattern.webp") center / 540px auto repeat; opacity: .16; }
.research-agenda-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 82px; align-items: start; }
.research-agenda h2 { margin: 0 0 14px; color: var(--green-950); font-size: clamp(34px, 4vw, 49px); line-height: 1.35; }
.research-agenda-layout > div > p:last-child { max-width: 500px; margin: 0; color: #5c6b63; font-size: 13px; line-height: 2; }
.research-agenda ul { display: grid; grid-template-columns: 1fr 1fr; margin: 0; padding: 0; border-top: 2px solid var(--green-900); list-style: none; }
.research-agenda li { min-height: 112px; display: grid; grid-template-columns: 31px 48px 1fr; gap: 12px; align-items: center; padding: 18px 16px; border-bottom: 1px solid #d5c9b3; transition: color .25s ease, background-color .25s ease, padding .25s ease; }
.research-agenda li:nth-child(odd) { border-left: 1px solid #d5c9b3; }
.research-agenda li:hover, .research-agenda li:focus-visible { padding-right: 25px; color: white; background: var(--green-900); outline: none; }
.research-agenda li > span { color: #927d5a; font-size: 9px; font-weight: 800; direction: ltr; }
.research-agenda li > .material-symbols-rounded { width: 43px; height: 43px; display: grid; place-items: center; border: 1px solid rgba(120,141,103,.4); border-radius: 50%; color: var(--green-800); background: rgba(255,254,250,.7); font-size: 21px; }
.research-agenda li:hover > span, .research-agenda li:focus-visible > span { color: #d8c9a8; }
.research-agenda li:hover > .material-symbols-rounded, .research-agenda li:focus-visible > .material-symbols-rounded { color: var(--green-950); background: #e9dcc0; }
.research-agenda li strong { color: var(--green-950); font-size: 14px; line-height: 1.6; }
.research-agenda li:hover strong, .research-agenda li:focus-visible strong { color: white; }

.research-motion-ready [data-research-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .65s ease var(--reveal-delay, 0ms), transform .65s cubic-bezier(.2,.75,.25,1) var(--reveal-delay, 0ms); }
.research-motion-ready [data-research-reveal].is-visible { opacity: 1; transform: translateY(0); }
.research-motion-ready .research-workflow li[data-research-reveal].is-visible:hover, .research-motion-ready .research-workflow li[data-research-reveal].is-visible:focus-visible { transform: translateY(-7px); }
.research-motion-ready .research-report-cover[data-research-reveal].is-visible:hover { transform: translateY(-8px) rotate(.35deg); }

@keyframes research-hero-enter {
  from { opacity: .72; transform: scale(1.035); }
  to { opacity: 1; transform: scale(1); }
}

@media (max-width: 1050px) {
  .research-hero-copy { width: min(630px, 64%); }
  .research-hero-index { width: 73%; }
  .research-section-heading { grid-template-columns: 1fr; gap: 23px; }
  .research-section-heading > p { max-width: 720px; padding: 18px 0 0; border-top: 1px solid #cdbf9f; border-right: 0; }
  .research-workflow { grid-template-columns: 1fr 1fr; }
  .research-workflow li:nth-child(2) { border-left: 0; }
  .research-workflow li:nth-child(n + 3) { border-top: 1px solid #d8ccb5; }
  .research-report-layout { gap: 58px; }
  .research-library-layout { grid-template-columns: 1fr 1fr; }
  .research-agenda-layout { grid-template-columns: 1fr; gap: 44px; }
}

@media (max-width: 760px) {
  .research-hero { min-height: 810px; align-items: center; padding: 132px 0 185px; }
  .research-hero::before { background-position: 43% center; }
  .research-hero::after { background-image: linear-gradient(180deg, rgba(3,39,27,.31) 0%, rgba(3,42,29,.68) 47%, rgba(3,34,24,.97) 100%), url("/assets/aleppo-pattern-lines.webp"); background-position: center, right -315px center; background-size: auto, 520px auto; }
  .research-hero-copy { width: 100%; }
  .research-hero h1 { font-size: 44px; }
  .research-hero-copy > p:not(.section-kicker) { font-size: 14px; }
  .research-hero-index { width: 100%; }
  .research-hero-index div { min-height: 125px; padding: 16px 12px; }
  .research-hero-index strong { font-size: 14px; }
  .research-method, .research-library { padding: 76px 0 84px; }
  .research-workflow { grid-template-columns: 1fr; }
  .research-workflow li, .research-workflow li:nth-child(2) { min-height: 220px; border-top: 1px solid #d8ccb5; border-left: 0; }
  .research-workflow li:first-child { border-top: 0; }
  .research-report { padding: 76px 0 84px; }
  .research-report-layout { grid-template-columns: 1fr; gap: 45px; direction: rtl; }
  .research-report-cover { width: min(440px, 100%); min-height: 500px; margin: 0 auto; }
  .research-report-copy { order: -1; }
  .research-report-facts > div { grid-template-columns: 1fr; gap: 8px; padding: 20px 0; }
  .research-library-layout { grid-template-columns: 1fr; }
  .research-library-tabs button { min-height: 98px; }
  .research-library-panel { min-height: 430px; padding: 44px 30px; }
  .research-agenda { padding: 72px 0 80px; }
  .research-agenda ul { grid-template-columns: 1fr; }
  .research-agenda li:nth-child(odd) { border-left: 0; }
}

@media (max-width: 430px) {
  .research-hero { min-height: 850px; }
  .research-hero h1 { font-size: 39px; }
  .research-hero-index div { min-height: 140px; padding-inline: 8px; }
  .research-hero-index strong { font-size: 12px; }
  .research-workflow li { min-height: 205px; }
  .research-report-cover { min-height: 470px; padding: 31px; }
  .research-report-cover > strong { font-size: 30px; }
  .research-library-tabs button { grid-template-columns: 27px 47px 1fr 20px; gap: 9px; padding-inline: 14px; }
  .research-library-tabs button:hover, .research-library-tabs button:focus-visible, .research-library-tabs button.is-active { padding-right: 20px; }
  .research-library-panel h3 { font-size: 28px; }
}

/* Partners — governed collaboration from capability to delivery */
.partners-hero { min-height: 720px; display: flex; align-items: flex-end; position: relative; isolation: isolate; overflow: hidden; padding: 170px 0 120px; color: white; background: var(--green-950); }
.partners-hero::before { content: ""; position: absolute; inset: -10px; z-index: -2; background: url("/assets/hero-partners-delivery-v2.webp") center 51% / cover no-repeat; animation: partners-hero-enter 1.45s cubic-bezier(.2,.75,.25,1) both; }
.partners-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(90deg, rgba(3,33,23,.08) 0%, rgba(3,39,27,.18) 43%, rgba(3,42,29,.8) 71%, rgba(3,34,24,.97) 100%), url("/assets/aleppo-pattern-lines.webp"); background-position: center, right -235px center; background-size: auto, 610px auto; background-repeat: no-repeat; }
.partners-hero-layout { display: flex; justify-content: flex-start; position: relative; z-index: 1; }
.partners-hero-copy { width: min(670px, 57%); text-shadow: 0 2px 20px rgba(0,0,0,.2); }
.partners-hero .section-kicker { color: #e5d7b9; }
.partners-hero h1 { max-width: 720px; margin: 0; color: white; font-size: clamp(45px, 5.4vw, 72px); line-height: 1.2; letter-spacing: -.045em; }
.partners-hero .leaf-rule { max-width: 285px; margin: 24px 0 19px; color: #d8c9a8; }
.partners-hero .leaf-rule::before, .partners-hero .leaf-rule::after, .partners-hero .leaf-rule span { background: #d8c9a8; }
.partners-hero-copy > p:not(.section-kicker) { max-width: 650px; margin: 0; color: rgba(255,255,255,.88); font-size: 16px; line-height: 2.05; }
.partners-scroll { width: fit-content; display: flex; align-items: center; gap: 9px; margin-top: 25px; color: #f0e4cb; font-size: 12px; font-weight: 700; }
.partners-scroll .material-symbols-rounded { font-size: 20px; transition: transform .22s ease; }
.partners-scroll:hover .material-symbols-rounded, .partners-scroll:focus-visible .material-symbols-rounded { transform: translateY(4px); }
.partners-hero-principles { width: min(790px, 63%); display: grid; grid-template-columns: repeat(3, 1fr); position: absolute; right: 0; bottom: 0; z-index: 2; border-top: 1px solid rgba(216,201,168,.36); color: white; background: rgba(3,46,32,.84); box-shadow: 0 -12px 38px rgba(3,32,23,.14); backdrop-filter: blur(12px); }
.partners-hero-principles div { min-height: 100px; display: flex; flex-direction: column; justify-content: center; padding: 19px 27px; border-left: 1px solid rgba(255,255,255,.15); }
.partners-hero-principles div:last-child { border-left: 0; }
.partners-hero-principles span { color: rgba(216,201,168,.68); font-size: 9px; font-weight: 800; direction: ltr; }
.partners-hero-principles strong { margin-top: 4px; color: #eee0c2; font-size: 17px; line-height: 1.55; }

.partner-ecosystem { position: relative; overflow: hidden; padding: 104px 0 112px; background: #fffefa; }
.partner-ecosystem::after { content: ""; position: absolute; left: -250px; top: 150px; width: 590px; height: 590px; border: 1px solid rgba(18,75,51,.09); border-radius: 50%; box-shadow: 0 0 0 55px rgba(18,75,51,.025), 0 0 0 110px rgba(18,75,51,.018); pointer-events: none; }
.partner-ecosystem .container { position: relative; z-index: 1; }
.partners-section-heading { display: grid; grid-template-columns: .88fr 1.12fr; gap: 74px; align-items: end; margin-bottom: 52px; }
.partners-section-heading h2 { max-width: 650px; margin: 0; color: var(--green-950); font-size: clamp(34px, 4vw, 51px); line-height: 1.34; }
.partners-section-heading > p { max-width: 590px; margin: 0; padding-right: 29px; border-right: 1px solid #cdbf9f; color: #5d6c64; font-size: 13px; line-height: 2; }
.partner-capability-ledger { margin: 0; padding: 0; border-top: 2px solid var(--green-900); list-style: none; }
.partner-capability-ledger li { display: grid; grid-template-columns: 66px minmax(0, 1fr) 220px; gap: 20px; align-items: center; min-height: 128px; padding: 20px 12px; border-bottom: 1px solid #d7ccb8; transition: padding .27s ease, color .27s ease, background-color .27s ease, box-shadow .27s ease, transform .27s ease; }
.partner-capability-ledger li:hover, .partner-capability-ledger li:focus-visible { z-index: 1; padding-right: 23px; color: white; background: var(--green-900); box-shadow: 0 15px 30px rgba(3,46,32,.1); transform: translateX(-7px); outline: none; }
.partner-capability-ledger li:focus-visible { box-shadow: 0 15px 30px rgba(3,46,32,.1), inset 0 0 0 3px #d8c9a8; }
.partner-capability-number { align-self: start; padding-top: 13px; color: #927d5a; font-size: 10px; font-weight: 800; direction: ltr; }
.partner-capability-ledger li:hover .partner-capability-number, .partner-capability-ledger li:focus-visible .partner-capability-number { color: #d8c9a8; }
.partner-capability-icon { width: 58px; height: 58px; display: grid; place-items: center; border: 1px solid rgba(120,141,103,.43); border-radius: 50%; color: var(--green-800); background: #eef3ea; transition: color .27s ease, background-color .27s ease, transform .27s ease; }
.partner-capability-ledger li:hover .partner-capability-icon, .partner-capability-ledger li:focus-visible .partner-capability-icon { color: var(--green-950); background: #e9dcc0; transform: rotate(-5deg) scale(1.05); }
.partner-capability-icon .material-symbols-rounded { font-size: 27px; }
.partner-capability-ledger h3 { margin: 0 0 5px; color: var(--green-950); font-size: 18px; line-height: 1.55; }
.partner-capability-ledger li:hover h3, .partner-capability-ledger li:focus-visible h3 { color: white; }
.partner-capability-ledger p { max-width: 690px; margin: 0; color: #647169; font-size: 12px; line-height: 1.9; }
.partner-capability-ledger li:hover p, .partner-capability-ledger li:focus-visible p { color: rgba(255,255,255,.7); }
.partner-capability-ledger aside { display: grid; grid-template-columns: 1fr 20px; gap: 3px 10px; padding-right: 23px; border-right: 1px solid #d7ccb8; }
.partner-capability-ledger aside small { grid-column: 1 / 3; color: #927d5a; font-size: 9px; font-weight: 800; }
.partner-capability-ledger aside strong { color: var(--green-800); font-size: 13px; }
.partner-capability-ledger aside > .material-symbols-rounded { color: var(--leaf); font-size: 17px; transition: transform .22s ease; }
.partner-capability-ledger li:hover aside, .partner-capability-ledger li:focus-visible aside { border-color: rgba(255,255,255,.22); }
.partner-capability-ledger li:hover aside small, .partner-capability-ledger li:focus-visible aside small, .partner-capability-ledger li:hover aside strong, .partner-capability-ledger li:focus-visible aside strong { color: #d8c9a8; }
.partner-capability-ledger li:hover aside > .material-symbols-rounded, .partner-capability-ledger li:focus-visible aside > .material-symbols-rounded { color: #d8c9a8; transform: translate(-3px,-3px); }

.partner-value-chain { position: relative; isolation: isolate; overflow: hidden; padding: 98px 0 105px; color: white; background: var(--green-900) var(--pattern-dark) center / 510px auto; }
.partner-value-chain::after { content: ""; position: absolute; left: -190px; bottom: -270px; width: 620px; height: 620px; border: 1px solid rgba(216,201,168,.15); border-radius: 50%; box-shadow: 0 0 0 54px rgba(216,201,168,.025), 0 0 0 108px rgba(216,201,168,.017); }
.partner-value-chain .container { position: relative; z-index: 1; }
.partner-value-heading { max-width: 790px; margin-bottom: 52px; }
.partner-value-heading .section-kicker { color: #d8c9a8; }
.partner-value-heading h2 { margin: 0 0 12px; font-size: clamp(35px, 4.2vw, 52px); line-height: 1.34; }
.partner-value-heading > p { max-width: 650px; margin: 0; color: rgba(255,255,255,.72); font-size: 13px; line-height: 2; }
.partner-value-chain ol { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,.27); border-bottom: 1px solid rgba(255,255,255,.2); list-style: none; }
.partner-value-chain li { min-height: 310px; display: flex; flex-direction: column; position: relative; padding: 28px 29px 25px; border-left: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.018); transition: background-color .28s ease, transform .28s ease; }
.partner-value-chain li:last-child { border-left: 0; }
.partner-value-chain li:hover, .partner-value-chain li:focus-visible { background: rgba(255,255,255,.07); transform: translateY(-7px); outline: none; }
.partner-value-chain li:focus-visible { box-shadow: inset 0 0 0 3px #d8c9a8; }
.partner-value-index { position: absolute; top: 31px; left: 29px; color: #d8c9a8; font-size: 10px; font-weight: 800; direction: ltr; }
.partner-value-icon { width: 62px; height: 62px; display: grid; place-items: center; border: 1px solid rgba(216,201,168,.38); border-radius: 50%; color: #e7d8b9; background: rgba(255,255,255,.045); transition: color .28s ease, background-color .28s ease, transform .28s ease; }
.partner-value-chain li:hover .partner-value-icon, .partner-value-chain li:focus-visible .partner-value-icon { color: var(--green-950); background: #d8c9a8; transform: rotate(-6deg) scale(1.05); }
.partner-value-icon .material-symbols-rounded { font-size: 29px; }
.partner-value-chain h3 { margin: auto 0 9px; color: white; font-size: 21px; line-height: 1.5; }
.partner-value-chain li p { max-width: 330px; margin: 0; color: rgba(255,255,255,.67); font-size: 11.5px; line-height: 1.95; }
.partner-value-chain li > .material-symbols-rounded { position: absolute; top: 50%; left: -13px; z-index: 2; color: #d8c9a8; background: var(--green-900); font-size: 25px; transform: translateY(-50%); }
.partner-value-chain li:last-child > .material-symbols-rounded { left: 25px; top: 31px; background: transparent; transform: none; }

.partner-trust { position: relative; isolation: isolate; overflow: hidden; padding: 104px 0 112px; background: #f3ede2; }
.partner-trust::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/assets/aleppo-pattern.webp") center / 550px auto repeat; opacity: .15; }
.partner-trust-layout { display: grid; grid-template-columns: .78fr 1.22fr; gap: 84px; align-items: center; }
.partner-trust-copy h2 { margin: 0 0 15px; color: var(--green-950); font-size: clamp(36px, 4.4vw, 55px); line-height: 1.32; }
.partner-trust-copy > p:not(.section-kicker) { max-width: 535px; margin: 0; color: #58685f; font-size: 13px; line-height: 2; }
.partner-world-note { display: flex; align-items: flex-start; gap: 13px; margin-top: 31px; padding: 18px 19px; border-right: 4px solid var(--leaf); background: rgba(255,253,248,.75); }
.partner-world-note > .material-symbols-rounded { flex: none; margin-top: 2px; color: var(--green-700); font-size: 23px; }
.partner-world-note p { margin: 0; color: #647169; font-size: 11px; line-height: 1.9; }
.partner-world-note strong { color: var(--green-950); }
.partner-publication-gate { min-height: 490px; position: relative; overflow: hidden; padding: 39px 42px 31px; color: white; background: var(--green-950) var(--pattern-dark) center / 440px auto; box-shadow: 0 25px 62px rgba(3,46,32,.18); transition: transform .32s ease, box-shadow .32s ease; }
.partner-publication-gate:hover { transform: translateY(-7px); box-shadow: 0 34px 75px rgba(3,46,32,.24); }
.partner-publication-gate::before { content: ""; width: 350px; height: 350px; position: absolute; left: -135px; top: -135px; border: 1px solid rgba(216,201,168,.15); border-radius: 50%; box-shadow: 0 0 0 45px rgba(216,201,168,.025), 0 0 0 90px rgba(216,201,168,.017); }
.partner-publication-gate > * { position: relative; z-index: 1; }
.partner-gate-head { display: grid; grid-template-columns: 69px 1fr; gap: 18px; align-items: center; padding-bottom: 29px; border-bottom: 1px solid rgba(255,255,255,.23); }
.partner-gate-head > span { width: 64px; height: 64px; display: grid; place-items: center; border: 1px solid rgba(216,201,168,.4); border-radius: 50%; color: #e7d8b9; background: rgba(255,255,255,.04); }
.partner-gate-head > span .material-symbols-rounded { font-size: 31px; }
.partner-gate-head small { display: block; margin-bottom: 4px; color: #d8c9a8; font-size: 10px; font-weight: 800; }
.partner-gate-head strong { display: block; max-width: 430px; font-size: 18px; line-height: 1.6; }
.partner-publication-gate ol { margin: 25px 0 0; padding: 0; list-style: none; }
.partner-publication-gate li { display: grid; grid-template-columns: 42px 1fr; gap: 13px; align-items: center; min-height: 71px; border-bottom: 1px solid rgba(255,255,255,.18); }
.partner-publication-gate li > span { color: #d8c9a8; font-size: 9px; font-weight: 800; direction: ltr; }
.partner-publication-gate li > .material-symbols-rounded { width: 37px; height: 37px; display: grid; place-items: center; border: 1px solid rgba(216,201,168,.3); border-radius: 50%; color: #d8c9a8; font-size: 18px; }
.partner-publication-gate li strong { font-size: 12px; line-height: 1.7; }
.partner-publication-gate > p { display: flex; align-items: flex-start; gap: 8px; margin: 24px 0 0; color: rgba(255,255,255,.57); font-size: 10.5px; line-height: 1.8; }
.partner-publication-gate > p .material-symbols-rounded { flex: none; margin-top: 2px; color: #d8c9a8; font-size: 16px; }

.partner-journey { position: relative; overflow: hidden; padding: 104px 0 112px; background: #fffefa; }
.partner-journey-heading { margin-bottom: 54px; }
.partner-journey-steps { display: grid; grid-template-columns: repeat(4, 1fr); position: relative; margin: 0; padding: 0; list-style: none; }
.partner-journey-steps::before { content: ""; position: absolute; top: 41px; right: 11%; left: 11%; height: 1px; background: #cdbf9f; }
.partner-journey-steps li { min-height: 280px; position: relative; padding: 0 28px 27px; text-align: center; transition: transform .27s ease; }
.partner-journey-steps li:hover, .partner-journey-steps li:focus-visible { transform: translateY(-7px); outline: none; }
.partner-journey-steps li:focus-visible { box-shadow: inset 0 0 0 3px #d8c9a8; }
.partner-journey-icon { width: 82px; height: 82px; display: grid; place-items: center; position: relative; z-index: 1; margin: 0 auto 28px; border: 1px solid rgba(120,141,103,.44); border-radius: 50%; color: var(--green-800); background: #f3ede2; box-shadow: 0 0 0 10px #fffefa; transition: color .27s ease, background-color .27s ease, transform .27s ease; }
.partner-journey-steps li:hover .partner-journey-icon, .partner-journey-steps li:focus-visible .partner-journey-icon { color: white; background: var(--green-800); transform: rotate(-6deg); }
.partner-journey-icon .material-symbols-rounded { font-size: 34px; }
.partner-journey-steps h3 { margin: 0 0 8px; color: var(--green-950); font-size: 18px; line-height: 1.55; }
.partner-journey-steps p { margin: 0; color: #66736c; font-size: 11.5px; line-height: 1.95; }
.partner-journey-note { display: flex; align-items: flex-start; gap: 13px; margin-top: 7px; padding: 18px 20px; border-right: 4px solid var(--leaf); background: #f3ede2; }
.partner-journey-note > .material-symbols-rounded { flex: none; margin-top: 2px; color: var(--green-700); font-size: 22px; }
.partner-journey-note p { margin: 0; color: #647169; font-size: 11.5px; line-height: 1.9; }
.partner-journey-note strong { color: var(--green-950); }

.partners-motion-ready [data-partners-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .65s ease var(--reveal-delay, 0ms), transform .65s cubic-bezier(.2,.75,.25,1) var(--reveal-delay, 0ms); }
.partners-motion-ready [data-partners-reveal].is-visible { opacity: 1; transform: translateY(0); }
.partners-motion-ready .partner-capability-ledger li[data-partners-reveal].is-visible:hover, .partners-motion-ready .partner-capability-ledger li[data-partners-reveal].is-visible:focus-visible { transform: translateX(-7px); }
.partners-motion-ready .partner-value-chain li[data-partners-reveal].is-visible:hover, .partners-motion-ready .partner-value-chain li[data-partners-reveal].is-visible:focus-visible, .partners-motion-ready .partner-journey-steps li[data-partners-reveal].is-visible:hover, .partners-motion-ready .partner-journey-steps li[data-partners-reveal].is-visible:focus-visible { transform: translateY(-7px); }
.partners-motion-ready .partner-publication-gate[data-partners-reveal].is-visible:hover { transform: translateY(-7px); }

@keyframes partners-hero-enter {
  from { opacity: .72; transform: scale(1.035); }
  to { opacity: 1; transform: scale(1); }
}

@media (max-width: 1050px) {
  .partners-hero-copy { width: min(650px, 65%); }
  .partners-hero-principles { width: 73%; }
  .partners-section-heading { grid-template-columns: 1fr; gap: 23px; }
  .partners-section-heading > p { max-width: 720px; padding: 18px 0 0; border-top: 1px solid #cdbf9f; border-right: 0; }
  .partner-capability-ledger li { grid-template-columns: 40px 61px minmax(0,1fr) 180px; gap: 15px; }
  .partner-trust-layout { grid-template-columns: 1fr 1fr; gap: 55px; }
}

@media (max-width: 760px) {
  .partners-hero { min-height: 810px; align-items: center; padding: 132px 0 185px; }
  .partners-hero::before { background-position: 43% center; }
  .partners-hero::after { background-image: linear-gradient(180deg, rgba(3,39,27,.3) 0%, rgba(3,42,29,.68) 47%, rgba(3,34,24,.97) 100%), url("/assets/aleppo-pattern-lines.webp"); background-position: center, right -315px center; background-size: auto, 520px auto; }
  .partners-hero-copy { width: 100%; }
  .partners-hero h1 { font-size: 43px; }
  .partners-hero-copy > p:not(.section-kicker) { font-size: 14px; }
  .partners-hero-principles { width: 100%; }
  .partners-hero-principles div { min-height: 125px; padding: 16px 12px; }
  .partners-hero-principles strong { font-size: 14px; }
  .partner-ecosystem, .partner-journey { padding: 76px 0 84px; }
  .partner-capability-ledger li { grid-template-columns: 35px 55px 1fr; gap: 13px; min-height: 0; padding: 21px 4px; }
  .partner-capability-ledger li:hover, .partner-capability-ledger li:focus-visible { padding-right: 10px; transform: translateX(-3px); }
  .partner-capability-ledger aside { grid-column: 3; grid-template-columns: 1fr 20px; margin-top: 8px; padding: 11px 0 0; border-top: 1px solid #d7ccb8; border-right: 0; }
  .partner-capability-ledger aside small { grid-column: 1 / 3; }
  .partner-value-chain { padding: 76px 0 84px; }
  .partner-value-chain ol { grid-template-columns: 1fr; }
  .partner-value-chain li { min-height: 235px; border-top: 1px solid rgba(255,255,255,.18); border-left: 0; }
  .partner-value-chain li:first-child { border-top: 0; }
  .partner-value-chain li > .material-symbols-rounded { top: auto; right: 50%; bottom: -13px; left: auto; transform: translateX(50%); }
  .partner-value-chain li:last-child > .material-symbols-rounded { right: auto; bottom: auto; left: 25px; top: 31px; transform: none; }
  .partner-trust { padding: 76px 0 84px; }
  .partner-trust-layout { grid-template-columns: 1fr; gap: 42px; }
  .partner-publication-gate { min-height: 450px; padding: 32px 25px 27px; }
  .partner-journey-steps { grid-template-columns: 1fr; }
  .partner-journey-steps::before { top: 42px; right: 40px; bottom: 42px; left: auto; width: 1px; height: auto; }
  .partner-journey-steps li { min-height: 0; display: grid; grid-template-columns: 82px 1fr; gap: 5px 19px; padding: 0 0 38px; text-align: right; }
  .partner-journey-index { top: 2px; right: 65px; left: auto; }
  .partner-journey-icon { grid-row: 1 / 3; margin: 0; }
  .partner-journey-steps div { align-self: center; }
}

@media (max-width: 430px) {
  .partners-hero { min-height: 850px; }
  .partners-hero h1 { font-size: 38px; }
  .partners-hero-principles div { min-height: 140px; padding-inline: 8px; }
  .partners-hero-principles strong { font-size: 12px; }
  .partner-capability-ledger li { grid-template-columns: 29px 48px 1fr; gap: 10px; }
  .partner-capability-icon { width: 46px; height: 46px; }
  .partner-capability-ledger h3 { font-size: 16px; }
  .partner-publication-gate { padding-inline: 20px; }
  .partner-gate-head { grid-template-columns: 58px 1fr; gap: 13px; }
  .partner-gate-head > span { width: 54px; height: 54px; }
}

/* Section sequence labels are intentionally omitted across the public site. */
.membership-pathway-number,
.stakeholder-number,
.journey-index,
.research-hero-index span,
.research-step-number,
.research-library-tabs button > span:first-child,
.research-agenda li > span:first-child,
.partners-hero-principles span,
.partner-capability-number,
.partner-value-index,
.partner-publication-gate li > span:first-child,
.partner-journey-index { display: none !important; }

.research-library-tabs button { grid-template-columns: 55px minmax(0, 1fr) 24px; }
.research-agenda li { grid-template-columns: 48px 1fr; }
.partner-capability-ledger li { grid-template-columns: 66px minmax(0, 1fr) 220px; }
.partner-capability-ledger aside { grid-column: auto; }
.partner-publication-gate li { grid-template-columns: 42px 1fr; }
.membership-value li > span:first-child { display: none !important; }
.membership-value li { grid-template-columns: 1fr 24px; }

@media (max-width: 1050px) {
  .partner-capability-ledger li { grid-template-columns: 61px minmax(0, 1fr) 180px; }
}

@media (max-width: 760px) {
  .research-library-tabs button { grid-template-columns: 47px minmax(0, 1fr) 20px; }
  .partner-capability-ledger li { grid-template-columns: 55px 1fr; }
  .partner-capability-ledger aside { grid-column: 2; }
}

@media (max-width: 430px) {
  .partner-capability-ledger li { grid-template-columns: 48px 1fr; }
}

/* Utility row above the main navigation */
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; clip-path: inset(50%); }
.site-header { padding-top: 18px; }
.utility-bar { height: 38px; transition: height .18s ease, opacity .16s ease, visibility .16s ease; }
.utility-bar .container { height: 100%; display: flex; align-items: center; direction: ltr; }
.utility-actions { display: flex; align-items: center; gap: 7px; }
.utility-button, .utility-search-toggle { min-height: 34px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 0 9px; border: 1px solid rgba(216,201,168,.72); border-radius: 0; color: #fffdf7; background: #063b29; font-family: "Cairo", sans-serif; font-size: 10px; font-weight: 600; line-height: 1; cursor: pointer; box-shadow: 0 4px 12px rgba(3,32,22,.2); transform: translateY(0) scale(1); transition: color .18s ease, border-color .18s ease, box-shadow .2s ease, transform .22s cubic-bezier(.2,.9,.3,1.35); }
.utility-button .material-symbols-rounded, .utility-search-toggle .material-symbols-rounded { font-size: 18px; }
.utility-theme { width: 34px; padding: 0; }
.utility-button:hover, .utility-button:focus-visible, .utility-search-toggle:hover, .utility-search-toggle:focus-visible { border-color: #eadcbe; color: #fffdf7; background-color: #063b29; box-shadow: 0 8px 16px rgba(3,32,22,.28); transform: translateY(-3px) scale(1.07); }
.utility-language { width: 40px; padding: 0; font-family: Arial, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .06em; }
.utility-search { width: 34px; min-height: 34px; position: relative; display: flex; flex-direction: row; align-items: center; border: 1px solid rgba(216,201,168,.72); background: #063b29; box-shadow: 0 4px 12px rgba(3,32,22,.2); transform: translateY(0) scale(1); transition: width .3s cubic-bezier(.16,1,.3,1), border-color .18s ease, box-shadow .2s ease, transform .22s cubic-bezier(.2,.9,.3,1.35); }
.utility-search:hover { border-color: #eadcbe; box-shadow: 0 8px 16px rgba(3,32,22,.28); transform: translateY(-3px) scale(1.07); }
.utility-search.is-open:hover { transform: translateY(0) scale(1); }
.utility-search:focus-within { border-color: #eadcbe; background: #042e20; }
.utility-search input { width: 0; min-width: 0; height: 28px; padding: 0; border: 0; outline: 0; color: white; background: transparent; text-align: right; direction: rtl; font-size: 10px; opacity: 0; transition: width .3s cubic-bezier(.16,1,.3,1), padding .3s cubic-bezier(.16,1,.3,1), opacity .18s ease; }
.utility-search input::placeholder { color: rgba(255,255,255,.7); }
.utility-search-toggle { width: 28px; min-width: 28px; min-height: 28px; padding: 0; border: 0; background: transparent; }
.utility-search.is-open { width: 260px; }
.utility-search.is-open input { width: 100%; padding: 0 7px 0 10px; opacity: 1; }
.utility-search-status { position: absolute; top: calc(100% + 6px); left: 0; width: 260px; color: #e5d6b7; font-size: 9px; line-height: 1.4; opacity: 0; pointer-events: none; transition: opacity .2s ease; }
.utility-search.has-message .utility-search-status { opacity: 1; }
.nav-wrap { margin-top: 8px; }
.hero { padding-top: 150px; }
.site-header.is-stuck { width: 100%; background: transparent; box-shadow: none; }
.site-header.is-stuck .utility-bar { height: 0; overflow: hidden; opacity: 0; visibility: hidden; }
.site-header.is-stuck .nav-wrap { margin-top: 0; }

/* Night mode uses layered surfaces: page, section, card, then raised interactive elements. */
html.dark-theme { color-scheme: dark; --night-page: #071b12; --night-section: #0b2a1c; --night-card: #103522; --night-raised: #15462d; --night-border: #3d6a50; --night-text: #edf4e9; --night-muted: #c0d0bf; --green-950: #dce8dc; --green-900: #cfdfcf; --green-800: #779b75; --green-700: #a9c1a7; --leaf: #b6c68f; --ink: #e2e9e1; --stone-100: #0c2619; --stone-200: #10311f; --stone-300: #3b684e; --paper: var(--night-page); --white: #eef3ed; --line: #386248; --shadow: 0 18px 42px rgba(0,0,0,.33); }
html.dark-theme body, html.dark-theme main { background: var(--night-page); color: var(--night-text); }
html.dark-theme .utility-button, html.dark-theme .utility-search { background-color: #061f16; }
html.dark-theme .nav-wrap .container, html.dark-theme .site-footer { background-color: #14281d; }
html.dark-theme .hero::after { background: linear-gradient(90deg, rgba(4,12,8,.3), rgba(4,12,8,.56)); }
html.dark-theme .why::after { background: rgba(10,18,13,.76); }
html.dark-theme .why-copy { background: transparent; text-shadow: none; }
html.dark-theme main :is(.section,.about-story,.about-purpose,.governance-structure,.governance-continuum,.programme-atlas,.learning-studio,.research-method,.research-library,.research-agenda,.membership-network,.membership-pathways,.membership-readiness,.transparency-documents,.legal-documents,.contact-section,.contact-main,.routes,.presence,.about-values,.about-role,.about-faq) { background-color: var(--night-section) !important; }
html.dark-theme main :is(.hero-panel,.about-hero-panel,.priority-card,.news-card,.news-body,.initiative-item,.knowledge-card,.partnership-card,.subpage-card,.architecture-card,.value-card,.role-selector,.about-note,.contact-card,.contact-form,.route-card,.place-card,.governance-detail-panel,.programme-atlas-panel,.research-library-panel,.transparency-document-card,.membership-pathway,.stakeholder-column article,.legal-document-panel,.legal-document-nav) { color: var(--night-text); border-color: var(--night-border) !important; background-color: var(--night-card) !important; box-shadow: 0 14px 30px rgba(0,0,0,.16); }
html.dark-theme main :is(.priority-card,.value-card,.route-card,.contact-card,.place-card,.role-selector,.membership-pathway,.stakeholder-column article):hover { background-color: var(--night-raised) !important; }
html.dark-theme main :is(.hero-panel,.about-hero-panel,.priority-card,.news-card,.news-body,.initiative-item,.knowledge-card,.partnership-card,.subpage-card,.architecture-card,.value-card,.role-selector,.about-note,.contact-card,.contact-form,.route-card,.place-card,.governance-detail-panel,.programme-atlas-panel,.research-library-panel,.transparency-document-card,.membership-pathway,.stakeholder-column article,.legal-document-panel,.legal-document-nav) :is(h1,h2,h3,h4,strong) { color: var(--night-text); }
html.dark-theme main :is(.hero-panel,.about-hero-panel,.priority-card,.news-card,.news-body,.initiative-item,.knowledge-card,.partnership-card,.subpage-card,.architecture-card,.value-card,.role-selector,.about-note,.contact-card,.contact-form,.route-card,.place-card,.governance-detail-panel,.programme-atlas-panel,.research-library-panel,.transparency-document-card,.membership-pathway,.stakeholder-column article,.legal-document-panel,.legal-document-nav) :is(p,li,small,span) { color: var(--night-muted); }
html.dark-theme main :is(h1,h2,h3,h4,strong,.section-title) { color: var(--night-text); }
html.dark-theme main :is(p,li,small,.section-intro,.hero-subtitle) { color: var(--night-muted); }
html.dark-theme main :is(.btn-secondary,.membership-card .participate-btn) { color: var(--night-text); border-color: #9d9974; background-color: #26382a; }
html.dark-theme main :is(input,textarea,select) { color: var(--night-text); border-color: var(--night-border); background: var(--night-raised); }
html.dark-theme main :is(input,textarea,select)::placeholder { color: #9daf9d; }

/* Home-page surfaces use bespoke light backgrounds, so they need explicit night layers. */
html.dark-theme main :is(.why,.services-section,.priorities,.news-section,.knowledge,.participate) { background-color: var(--night-section); }
html.dark-theme .why { background: #102117; }
html.dark-theme .why::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/assets/aleppo-pattern-lines.webp") center / 580px auto repeat; opacity: .065; pointer-events: none; }
html.dark-theme .why::after { background: linear-gradient(90deg, rgba(6,18,12,.42), rgba(9,30,19,.16) 50%, rgba(6,18,12,.42)); }
html.dark-theme :is(.services-section,.participate)::before { background-image: url("/assets/aleppo-pattern-lines.webp"); opacity: .09; }
html.dark-theme .participate-heading > p { color: var(--night-muted); }
/* Strategy band keeps the same pattern treatment as its neighbouring sections. */
html.dark-theme main .strategy { background-color: #0b2a1c; background-image: linear-gradient(110deg, rgba(7,27,18,.86), rgba(11,42,28,.88)), url("/assets/aleppo-pattern-lines.webp"); background-position: center, center; background-size: auto, 520px auto; background-repeat: no-repeat, repeat; }
html.dark-theme main .membership-card { color: var(--night-text); border-color: var(--night-border); background: var(--night-card); box-shadow: 0 14px 30px rgba(0,0,0,.16); }
html.dark-theme main .membership-card .participate-label { color: #d8c9a8; }
html.dark-theme main .participate-card::after { display: block; width: 260px; height: 260px; background: url("/assets/aleppo-pattern-lines.webp") center / 260px auto; opacity: .13; }
html.dark-theme main .participate-icon { color: #ecd8a4; border-color: #d7bd80; background: transparent; box-shadow: none; }
html.dark-theme main .participate-icon .material-symbols-rounded { color: inherit !important; }
html.dark-theme main .membership-card .participate-icon { color: #ecd8a4; background-color: transparent; }
html.dark-theme main :is(.membership-card,.partnership-card) .participate-btn { color: #fffdf7; border-color: #e0c991; background-color: #075435; background-image: linear-gradient(135deg, rgba(3,68,42,.96), rgba(5,41,29,.96)), url("/assets/aleppo-pattern-lines.webp"); background-position: center; background-size: auto, 175px auto; background-repeat: repeat; box-shadow: 0 8px 17px rgba(0,0,0,.23); }
html.dark-theme main :is(.membership-card,.partnership-card) .participate-btn .material-symbols-rounded { color: inherit !important; }
html.dark-theme main :is(.membership-card,.partnership-card) .participate-btn:hover, html.dark-theme main :is(.membership-card,.partnership-card) .participate-btn:focus-visible { color: #fff; border-color: #f0d9a2; background-color: #0b7046; box-shadow: 0 11px 23px rgba(0,0,0,.32); }
html.dark-theme main .participate-card:hover { box-shadow: 0 22px 38px rgba(0,0,0,.3); }

/* Shared dark route system: neutralise local light controls and keep actions readable. */
html.dark-theme main :is(.membership-journey,.partner-ecosystem,.partner-journey,.programme-portfolio,.programme-focus,.learning-formats,.learning-archive,.transparency-charter,.transparency-publication,.legal-readiness,.legal-overview,.legal-launch,.newsroom-latest,.nr-categories,.nr-newsletter-showcase,.initiative-lab) { background-color: var(--night-section) !important; }
html.dark-theme main :is(.membership-pathways,.membership-readiness,.research-method,.research-agenda,.partner-trust,.programme-focus-field,.learning-studio,.transparency-documents,.legal-documents,.nr-press-cta) { background-color: var(--night-raised) !important; }
html.dark-theme main .btn { color: #fffdf7 !important; border-color: #e0c991 !important; background-color: #075435 !important; background-image: linear-gradient(135deg, rgba(3,68,42,.96), rgba(5,41,29,.96)), var(--pattern-dark) !important; background-position: center !important; background-size: auto, 220px auto !important; background-repeat: repeat !important; box-shadow: 0 8px 17px rgba(0,0,0,.23); }
html.dark-theme main .btn:hover, html.dark-theme main .btn:focus-visible { color: #fff !important; border-color: #f0d9a2 !important; background-color: #0b7046 !important; box-shadow: 0 11px 23px rgba(0,0,0,.32); }
html.dark-theme main button:not(.btn) { color: var(--night-text); border-color: var(--night-border); background-color: var(--night-card); }
html.dark-theme main button:not(.btn):is(:hover,:focus-visible,.is-active) { color: #fff; background-color: var(--night-raised); }
html.dark-theme main button :is(strong,small,span,i,.material-symbols-rounded) { color: inherit !important; }
html.dark-theme main :is(.research-library-tabs,.initiative-lab-tabs,.learning-path-tabs,.leadership-browser,.programme-atlas,.legal-document-panel) { border-color: var(--night-border) !important; background: var(--night-card) !important; }
html.dark-theme main :is(.research-library-tabs button,.initiative-lab-tabs button,.learning-path-tab,.leadership-person,.initiative-purpose-step) { border-color: var(--night-border) !important; }

/* Inner pages use a wide range of editorial components; keep every raised surface in the same night palette. */
html.dark-theme main :is([class*="-card"],.assurance-focus,.assurance-choice-seal,.journey-icon,.partner-journey-icon,.legal-register-icon,.board-monogram,.nr-newsletter-input,.publication-notice,.about-note) { color: var(--night-text); border-color: var(--night-border) !important; background-color: var(--night-card) !important; }
html.dark-theme main :is([class*="-card"],.assurance-focus,.publication-notice,.about-note) :is(h1,h2,h3,h4,strong,p,small,li,dt,dd) { color: var(--night-text) !important; }
html.dark-theme main :is([class*="-card"],.assurance-focus,.publication-notice,.about-note) :is(p,small,li,dd) { color: var(--night-muted) !important; }
html.dark-theme main :is(.page-cta,.membership-audience,.programme-initiative-bridge,.learning-conference,.routes,.presence,.contact-main) { background-color: var(--night-section) !important; }
/* Card layout wrappers inherit the `-card` substring, but they are not visual
   cards themselves. Keep them transparent so night mode does not add a second
   green panel behind the text or icon. */
html.dark-theme main :is(.service-card-copy, .participate-card-top) {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html.dark-theme main .assurance-focus { border-color: #c9a965 !important; background-image: linear-gradient(135deg, rgba(27,42,32,.98), rgba(17,32,24,.98)), url("/assets/aleppo-pattern-lines.webp"); background-position: center; background-size: auto, 350px auto; background-repeat: repeat; }
html.dark-theme main .assurance-focus :is(h3,p) { color: var(--night-text) !important; }
html.dark-theme main .assurance-focus p { color: var(--night-muted) !important; }
html.dark-theme main .assurance-focus-rosette { color: #d8c18a; background: var(--night-card); }
html.dark-theme main .assurance-choice.is-active .assurance-choice-seal { color: #ecd8a4; background: var(--night-raised); box-shadow: 0 0 0 5px var(--night-section), 0 0 0 7px #c9a965, 0 16px 30px rgba(0,0,0,.3); }
html.dark-theme main :is(.journey-icon,.partner-journey-icon,.legal-register-icon,.node-icon,.assurance-list .material-symbols-rounded) { color: #ecd8a4; border-color: #c9a965; background-color: var(--night-raised); box-shadow: none; }

/* Search results are a dedicated, readable route so a query can be shared or revisited. */
.search-results-page { min-height: 68vh; padding: 156px 0 110px; background: #fffefa; }
main [id] { scroll-margin-top: 118px; }
.search-results-heading { max-width: 900px; padding-bottom: 38px; border-bottom: 1px solid #d8ccb5; }
.search-results-heading .section-kicker { margin-bottom: 11px; }
.search-results-heading h1 { margin: 0 0 25px; color: var(--green-950); font-size: clamp(32px, 4.4vw, 54px); line-height: 1.4; }
.search-page-form { display: flex; align-items: stretch; max-width: 710px; border: 1px solid #9ead9a; background: #fff; box-shadow: 0 11px 25px rgba(18,51,38,.07); }
.search-page-form input { min-width: 0; flex: 1; padding: 15px 17px; border: 0; outline: 0; color: var(--green-950); background: transparent; font: inherit; font-size: 14px; }
.search-page-form:focus-within { border-color: var(--green-800); box-shadow: 0 0 0 3px rgba(120,141,103,.17); }
.search-page-form button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-width: 104px; border: 0; color: #fff; background: var(--green-800); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.search-page-form button:hover, .search-page-form button:focus-visible { background: var(--green-950); outline: 0; }
.search-page-form .material-symbols-rounded { font-size: 19px; }
.search-results-count { margin: 15px 0 0; color: #627269; font-size: 12px; }
.search-result-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 34px; }
.search-result-card { display: flex; flex-direction: column; min-height: 205px; padding: 26px; border: 1px solid #d8ccb5; color: inherit; background: #fffefa; text-decoration: none; box-shadow: 0 7px 17px rgba(18,51,38,.04); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.search-result-card:hover, .search-result-card:focus-visible { border-color: var(--green-800); box-shadow: 0 15px 28px rgba(18,51,38,.13); outline: 0; transform: translateY(-4px); }
.search-result-type { width: fit-content; padding: 4px 8px; color: #65785f; background: #edf1e9; font-size: 9px; font-weight: 800; }
.search-result-card h2 { margin: 17px 0 8px; color: var(--green-950); font-size: 22px; line-height: 1.55; }
.search-result-card p { margin: 0; color: #627269; font-size: 12px; line-height: 1.95; }
.search-result-link { display: inline-flex; align-items: center; gap: 5px; margin-top: auto; padding-top: 19px; color: var(--green-800); font-size: 11px; font-weight: 800; }
.search-result-link .material-symbols-rounded { font-size: 17px; }
.search-empty { display: grid; place-items: center; max-width: 900px; min-height: 270px; margin-top: 34px; padding: 45px 26px; border: 1px dashed #b6a883; color: #637267; background: #f7f3ea; text-align: center; }
.search-empty .material-symbols-rounded { color: #8e7650; font-size: 44px; }
.search-empty h2 { margin: 14px 0 7px; color: var(--green-950); font-size: 24px; }
.search-empty p { max-width: 520px; margin: 0; font-size: 13px; line-height: 1.9; }
html.dark-theme .search-results-page { background: var(--night-section); }
html.dark-theme .search-results-heading { border-color: var(--night-border); }
html.dark-theme .search-page-form, html.dark-theme .search-result-card { border-color: var(--night-border); background: var(--night-card); }
html.dark-theme .search-page-form input { color: var(--night-text); }
html.dark-theme .search-result-card h2, html.dark-theme .search-empty h2 { color: var(--night-text); }
html.dark-theme .search-result-card p, html.dark-theme .search-results-count, html.dark-theme .search-empty p { color: var(--night-muted); }
html.dark-theme .search-result-type { color: #d1e0ce; background: #294132; }
html.dark-theme .search-empty { border-color: #796d52; background: var(--night-card); }

/* Governance assurance is a static editorial surface, not a hero image.
   Give it the homepage's raised green level while retaining its own pattern. */
html.dark-theme .governance-assurance { background-color: var(--night-card) !important; }

/* Static light-mode editorial bands use `background` shorthand in their page
   styles, so they need an explicit night surface. Hero/image sections are
   intentionally excluded. Their existing pattern pseudo-elements remain. */
html.dark-theme main :is(.about-role,.about-values,.about-faq,.governance-structure,.membership-network,.membership-journey,.research-library,.partner-ecosystem,.partner-journey,.programme-atlas-section,.programme-initiative-bridge,.learning-studio,.learning-formats,.learning-archive,.initiative-lab,.transparency-charter,.transparency-publication,.legal-readiness,.legal-overview,.legal-launch,.newsroom-latest,.nr-categories,.nr-newsletter-showcase,.contact-main,.routes,.presence) {
  background: var(--night-section) !important;
}
html.dark-theme main :is(.membership-pathways,.membership-readiness,.research-method,.research-agenda,.partner-trust,.programme-focus-field,.learning-events,.nr-press-cta) {
  background: var(--night-raised) !important;
}

/* Complete inner-route baseline: every non-hero section inherits the same
   dark patterned field as the homepage. This intentionally uses a shorthand
   so page-specific light-mode `background` declarations cannot escape it. */
html.dark-theme main#page-content > section:not([class*="hero"]) {
  background: var(--night-section) url("/assets/aleppo-pattern.webp") center / 540px auto repeat !important;
}
/* Editorial bands retain a second, raised green level rather than becoming
   plain or black; none of these selectors targets an image hero. */
html.dark-theme main#page-content > section:is(.governance-assurance,.programme-scope,.programme-roadmap,.learning-goal-note,.research-report,.initiative-milestones,.membership-value,.partner-value-chain,.transparency-repository,.legal-protection,.nr-publishing-note) {
  background: var(--night-card) var(--pattern-dark) center / 500px auto repeat !important;
}

/* Full inner-route component pass. These are the individual light cards,
   notes and controls that sit inside otherwise dark sections. */
html.dark-theme main :is(
  .about-story-visual,.transparency-target-note,.legal-approval-note,
  .programme-atlas-tabs,.learning-conference-mark,.research-workflow,
  .research-report-cover,.membership-pathway-list,.stakeholder-core,
  .membership-readiness-grid,.membership-readiness-note,.partner-world-note,
  .partner-publication-gate,.partner-journey-note,.nr-newsletter-status,
  .nr-newsletter-cover,.pending-pill,.place-status,.contact-social a
) {
  color: var(--night-text) !important;
  border-color: var(--night-border) !important;
  background: var(--night-card) !important;
  box-shadow: none !important;
}
html.dark-theme main :is(
  .research-workflow,.membership-pathway-list,.membership-readiness-grid,
  .membership-readiness-note,.partner-world-note,.partner-journey-note,
  .nr-newsletter-status,.transparency-target-note,.legal-approval-note
) :is(h1,h2,h3,h4,strong,p,small,span,li) { color: var(--night-text) !important; }
html.dark-theme main :is(
  .research-workflow,.membership-pathway-list,.membership-readiness-grid,
  .membership-readiness-note,.partner-world-note,.partner-journey-note,
  .nr-newsletter-status,.transparency-target-note,.legal-approval-note
) :is(p,small,li) { color: var(--night-muted) !important; }
html.dark-theme main :is(
  .research-report-cover,.stakeholder-core,.partner-publication-gate,
  .nr-newsletter-cover,.learning-conference-mark
) {
  color: var(--night-text) !important;
  background: var(--night-raised) var(--pattern-dark) center / 430px auto repeat !important;
}
html.dark-theme main :is(
  .membership-pathway-icon,.stakeholder-icon,.research-step-icon,
  .partner-capability-icon,.atlas-service-icon,.learning-path-tab > i,
  .initiative-lab-tabs button > i,.research-library-tabs button > i,
  .transparency-ledger-icon,.legal-document-tab-icon,.pending-pill,.place-status
) {
  color: #d8e2dc !important;
  border-color: var(--night-border) !important;
  background-color: var(--night-raised) !important;
}
html.dark-theme main :is(.pending-pill,.place-status) { background-image: none !important; }

/* Some routes use a plain, light hero base instead of an image. Make those
   actual surfaces dark without changing any hero that already has an image. */
html.dark-theme main :is(.research-hero,.membership-hero,.partners-hero) {
  background-color: var(--night-card) !important;
}

/* Preserve image heroes, but give their text the homepage's deep-green
   contrast layer. This alters only the overlay—not the source image. */
html.dark-theme main :is(.governance-hero,.inner-hero-transparency,.inner-hero-legal,.inner-hero-initiatives,.inner-hero-news)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(90deg, rgba(3, 28, 19, .34), rgba(3, 46, 32, .62) 48%, rgba(3, 35, 24, .9));
  pointer-events: none;
}
html.dark-theme main :is(.governance-hero,.inner-hero-transparency,.inner-hero-legal,.inner-hero-initiatives,.inner-hero-news) > * { position: relative; z-index: 1; }

/* Board-member profile: keep the bright layout, translate its paper fields and
   status labels into the shared layered night palette. */
html.dark-theme main :is(.member-breadcrumb,.member-hero) {
  background-color: var(--night-page) !important;
}
html.dark-theme main#page-content > section.member-body {
  background: var(--night-section) !important;
}
html.dark-theme main .member-fields > div,
html.dark-theme main .member-card dl > div {
  border-color: var(--night-border) !important;
}
html.dark-theme main .member-field-status {
  color: #ecd8a4 !important;
  background-color: #26382a !important;
}
html.dark-theme main .member-card {
  border-color: var(--night-border) !important;
  background-color: var(--night-card) !important;
}

/* Who we are: preserve the bright version's artwork placement. Only its
   colours change at night: no pattern is introduced on a surface that is
   plain in the bright design, and the image hero remains untouched. */
html.dark-theme main#page-content > section.about-story {
  background: #102117 !important;
}
html.dark-theme main .about-story-visual {
  border-color: #315b43 !important;
  background-color: var(--night-card) !important;
  background-image: url("/assets/aleppo-pattern-dark.webp") !important;
}
html.dark-theme main .about-story-visual::before { border-color: rgba(119,155,117,.42); }
html.dark-theme main .about-story-visual::after { border-color: rgba(119,155,117,.22); }
/* Keep the decorative orbit rings green; only swap the map/buildings emblem
   to its transparent white night-treatment. */
html.dark-theme main .about-story-visual img {
  content: url("/assets/syria-map-mark-white.webp");
  mix-blend-mode: normal;
}
html.dark-theme main#page-content > section.membership-certificate {
  background: #102117 !important;
}
html.dark-theme main .membership-certificate::before {
  background-image: url("/assets/aleppo-pattern-dark.webp") !important;
  opacity: .18;
}
html.dark-theme main .membership-certificate-frame {
  background: #edf0e8 !important;
  border-color: #47634f !important;
  box-shadow: 0 24px 45px rgba(0,0,0,.28), 15px 15px 0 rgba(119,155,117,.22);
}
html.dark-theme main .membership-certificate-visual figcaption,
html.dark-theme main .membership-certificate-copy > p:not(.section-kicker) {
  color: var(--night-muted) !important;
}
html.dark-theme main .membership-certificate-copy h2,
html.dark-theme main .membership-certificate-highlight {
  color: var(--night-text) !important;
}
html.dark-theme main .membership-certificate-highlight {
  background: var(--night-raised) !important;
}
html.dark-theme main#page-content > section.about-purpose {
  background: linear-gradient(rgba(5,29,19,.72), rgba(5,29,19,.72)), url("/assets/aleppo-pattern-dark.webp") center / 530px auto repeat !important;
}
html.dark-theme main .purpose-card,
html.dark-theme main .purpose-mission {
  border-color: var(--night-border) !important;
  background-color: var(--night-raised) !important;
}
html.dark-theme main .purpose-card::after,
html.dark-theme main .purpose-mission::after {
  background-image: url("/assets/aleppo-pattern-dark.webp");
  opacity: .24;
}
html.dark-theme main .purpose-card:hover {
  border-color: #d8c9a8 !important;
  background-color: #1a5134 !important;
}
html.dark-theme main#page-content > section.about-values {
  background: var(--night-section) !important;
}
html.dark-theme main .about-values::before {
  background-image: url("/assets/aleppo-pattern-dark.webp");
  opacity: .18;
}
html.dark-theme main .value-card {
  border-color: var(--night-border) !important;
  border-top-color: #779b75 !important;
  background-color: var(--night-card) !important;
}
html.dark-theme main .value-card::after {
  background-image: url("/assets/aleppo-pattern-dark.webp");
  opacity: .2;
}
html.dark-theme main#page-content > section.about-role {
  background: var(--night-raised) !important;
}
html.dark-theme main .about-role::before {
  background-image: url("/assets/aleppo-pattern-dark.webp");
  opacity: .34;
}
html.dark-theme main#page-content > section.about-role + .page-cta {
  background: var(--night-card) !important;
}
html.dark-theme main#page-content > section.about-role + .page-cta::before {
  background-image: url("/assets/aleppo-pattern-dark.webp");
  opacity: .2;
}
html.dark-theme main#page-content > section.about-faq {
  background: var(--night-section) !important;
}
html.dark-theme main .about-faq::before {
  background-image: url("/assets/aleppo-pattern-dark.webp");
  opacity: .2;
}
html.dark-theme main .about-faq::after {
  border-color: rgba(119,155,117,.23);
  box-shadow: 0 0 0 46px rgba(119,155,117,.055), 0 0 0 92px rgba(119,155,117,.025);
}

/* Retain the existing type colours; only Who We Are iconography moves to the
   same gold accent used by the dark-mode actions. */
html.dark-theme main :is(.about-note > .material-symbols-rounded,.purpose-card > .material-symbols-rounded,.value-card > .material-symbols-rounded,.role-selector i,.about-faq-heading > span,.about-faq-toggle) {
  color: #d8c9a8 !important;
}
html.dark-theme main .about-faq-toggle { border-color: rgba(216,201,168,.58); }
html.dark-theme main .about-faq-question,
html.dark-theme main .about-faq-question strong { color: #ecd8a4 !important; }
html.dark-theme main .about-faq-item:hover,
html.dark-theme main .about-faq-item:focus { background-color: var(--night-raised) !important; }
html.dark-theme main .about-faq-item:hover .about-faq-toggle,
html.dark-theme main .about-faq-item:focus .about-faq-toggle {
  color: #fffdf7 !important;
  border-color: #e0c991;
  background-color: #075435;
}
html.dark-theme main.about-page .btn,
html.dark-theme body.about-page main .btn {
  color: #fffdf7 !important;
  border-color: #e0c991 !important;
  background-color: #075435 !important;
  background-image: none !important;
}

/* Governance — convert each existing bright-mode surface to the corresponding
   night colour, while preserving its original background composition. */
/* The Governance hero remains exactly as authored in bright mode. */
html.dark-theme main#page-content .governance-hero::before {
  background: linear-gradient(90deg, rgba(3,46,32,.04) 0%, rgba(3,46,32,.12) 38%, rgba(3,46,32,.78) 76%, rgba(3,38,27,.94) 100%);
}
html.dark-theme main#page-content .governance-hero::after { opacity: .1; }
html.dark-theme main#page-content :is(.governance-structure,.governance-continuum,.delivery-network) {
  background: var(--night-section) !important;
}
html.dark-theme main#page-content > section.governance-structure { background-image: none !important; }
html.dark-theme main#page-content .leadership-directory {
  border-color: var(--night-border) !important;
  background: var(--night-raised) !important;
}
html.dark-theme main#page-content :is(.governance-structure,.leadership-directory,.delivery-network)::before {
  background-image: url("/assets/aleppo-pattern-dark.webp");
  opacity: .13;
}
html.dark-theme main#page-content .leadership-directory::before { opacity: .16; }
html.dark-theme main#page-content :is(.governance-heading h2,.leadership-heading h2,.delivery-network h2) { color: var(--night-text) !important; }
html.dark-theme main#page-content :is(.board-heading-row > p,.leadership-heading > p:last-child,.delivery-intro) { color: var(--night-muted) !important; }

html.dark-theme main#page-content .governance-rail::before { background: var(--night-border); }
html.dark-theme main#page-content .governance-node { color: var(--night-muted); border: 0 !important; background: transparent !important; }
html.dark-theme main#page-content .node-icon { color: #d8e2dc !important; border-color: var(--night-border) !important; background: var(--night-card) !important; }
html.dark-theme main#page-content .governance-node:is(:hover,:focus-visible) .node-icon { border-color: #c9a965 !important; }
html.dark-theme main#page-content .governance-node.is-active { color: #f0e3bf; }
html.dark-theme main#page-content .governance-node.is-active .node-icon {
  color: #f1dfae !important;
  border-color: #c9a965 !important;
  background: var(--night-raised) var(--pattern-dark) center / 240px auto !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.24) !important;
}
html.dark-theme main#page-content .governance-detail-panel {
  border-color: var(--night-border) !important;
  background: var(--night-card) !important;
  box-shadow: none !important;
}
html.dark-theme main#page-content .governance-detail-panel::after { background-image: url("/assets/aleppo-pattern-dark.webp"); opacity: .08; }
html.dark-theme main#page-content .detail-role { color: #d8c18a !important; }
html.dark-theme main#page-content .governance-detail-panel p { border-color: var(--night-border); color: var(--night-muted) !important; }

html.dark-theme main#page-content .leadership-stage { border-color: var(--night-border); box-shadow: 0 22px 48px rgba(0,0,0,.24); }
html.dark-theme main#page-content .leadership-feature { background-color: var(--night-card) !important; background-image: var(--pattern-dark) !important; box-shadow: none !important; }
html.dark-theme main#page-content .leadership-browser { background: var(--night-card) !important; }
html.dark-theme main#page-content .leadership-tabs { border-color: var(--night-border); }
html.dark-theme main#page-content .leadership-tabs button { color: var(--night-muted); border-color: transparent !important; background: transparent !important; }
html.dark-theme main#page-content .leadership-tabs button.is-active { color: #f1dfae; border-bottom-color: #c9a965 !important; }
html.dark-theme main#page-content .leadership-person { color: var(--night-text); border-color: var(--night-border) !important; background: transparent !important; }
html.dark-theme main#page-content .leadership-person small { color: var(--night-muted) !important; }
html.dark-theme main#page-content .leadership-person:is(:hover,:focus-visible,.is-active) { background: var(--night-raised) !important; }
html.dark-theme main#page-content .leadership-person-mark { color: #d8e2dc; border-color: var(--night-border); }
html.dark-theme main#page-content .leadership-person.is-active .leadership-person-mark { color: #f1dfae; border-color: #c9a965; background: var(--night-raised); }

html.dark-theme main#page-content .governance-assurance {
  background-color: var(--night-card) !important;
  background-image: linear-gradient(rgba(7,32,21,.94), rgba(7,32,21,.94)), url("/assets/aleppo-pattern-dark.webp") !important;
  background-position: center !important;
  background-size: auto, 530px auto !important;
}
html.dark-theme main#page-content > section.governance-assurance {
  background-color: var(--night-card) !important;
  background-image: linear-gradient(rgba(7,32,21,.94), rgba(7,32,21,.94)), url("/assets/aleppo-pattern-dark.webp") !important;
}
html.dark-theme main#page-content .assurance-rail::before { background: #8a7448; }
html.dark-theme main#page-content .assurance-choice { color: var(--night-muted); border: 0 !important; background: transparent !important; }
html.dark-theme main#page-content .assurance-choice-label { color: var(--night-muted) !important; }
html.dark-theme main#page-content .assurance-choice-seal { border-color: #8d7a52 !important; background: var(--night-raised) !important; }

html.dark-theme main#page-content .delivery-tabs { border-color: var(--night-border); }
html.dark-theme main#page-content .delivery-tabs button { color: var(--night-muted); border-color: transparent !important; background: transparent !important; }
html.dark-theme main#page-content .delivery-tabs button.is-active { color: #f1dfae; border-bottom-color: #c9a965 !important; }
html.dark-theme main#page-content :is(.delivery-panel,.delivery-item) { border-color: var(--night-border); }
html.dark-theme main#page-content .delivery-item { background: transparent !important; box-shadow: none !important; }
html.dark-theme main#page-content .delivery-question { color: var(--night-text); }
html.dark-theme main#page-content .delivery-item p { color: var(--night-muted) !important; }
html.dark-theme main#page-content .delivery-item:is(:hover,:focus) { background: var(--night-raised) !important; box-shadow: inset 4px 0 0 #c9a965 !important; }
html.dark-theme main#page-content .delivery-item:is(:hover,:focus) .delivery-question { color: #f1dfae; }

/* Transparency — retain the bright route's three-part rhythm: the plain
   charter, the deep document repository, then the lighter publication path. */
html.dark-theme main#page-content > section.transparency-charter {
  background: var(--night-section) !important;
  background-image: none !important;
}
html.dark-theme main#page-content .transparency-charter::before {
  background-image: url("/assets/aleppo-pattern-dark.webp");
  opacity: .12;
}
html.dark-theme main#page-content > section.transparency-publication {
  background: var(--night-raised) !important;
  background-image: none !important;
}
html.dark-theme main#page-content .transparency-publication::before {
  background-image: url("/assets/aleppo-pattern-dark.webp");
  opacity: .14;
}
html.dark-theme main#page-content > section.transparency-repository {
  background-color: var(--night-card) !important;
  background-image: linear-gradient(rgba(5,29,19,.78), rgba(5,29,19,.78)), url("/assets/aleppo-pattern-dark.webp") !important;
  background-position: center !important;
  background-size: auto, 530px auto !important;
}
html.dark-theme main#page-content .transparency-repository::before { opacity: .055; }

html.dark-theme main#page-content :is(.transparency-charter-heading h2,.transparency-publication-heading h2) { color: var(--night-text) !important; }
html.dark-theme main#page-content .transparency-charter-heading > p { border-color: var(--night-border); color: var(--night-muted) !important; }
html.dark-theme main#page-content .transparency-ledger { border-color: #8a7448; }
html.dark-theme main#page-content .transparency-ledger-item { border-color: var(--night-border); background: transparent; }
html.dark-theme main#page-content .transparency-ledger-item:hover { background: var(--night-raised); }
html.dark-theme main#page-content .transparency-ledger-icon { color: #d8e2dc; border-color: var(--night-border); background: var(--night-card); }
html.dark-theme main#page-content .transparency-ledger-item :is(h3,p) { color: var(--night-text) !important; }
html.dark-theme main#page-content .transparency-ledger-item p { color: var(--night-muted) !important; }
html.dark-theme main#page-content .transparency-ledger-rule { background: #8a7448; }

html.dark-theme main#page-content .transparency-repository-note { border-color: rgba(216,201,168,.42); }
html.dark-theme main#page-content .transparency-repository-note p { color: var(--night-muted) !important; }
html.dark-theme main#page-content .transparency-document-grid { border-color: rgba(216,201,168,.32); }
html.dark-theme main#page-content .transparency-document-card { border-color: var(--night-border) !important; background: var(--night-raised) !important; box-shadow: none !important; }
html.dark-theme main#page-content .transparency-document-card:hover { background: #1a5134 !important; }
html.dark-theme main#page-content .transparency-document-card :is(h3,li,footer) { color: var(--night-text) !important; }
html.dark-theme main#page-content .transparency-document-card li::before { background: #c9a965; }
html.dark-theme main#page-content .transparency-document-card footer { border-color: var(--night-border); }
html.dark-theme main#page-content .transparency-document-top > div { color: #ecd8a4; border-color: #c9a965; background: var(--night-card); }

html.dark-theme main#page-content .transparency-publication-track::before { background: #8a7448; }
html.dark-theme main#page-content .transparency-publication-track li > span { color: #ecd8a4; border-color: #c9a965; background: var(--night-card); box-shadow: 0 0 0 8px var(--night-raised); }
html.dark-theme main#page-content .transparency-publication-track :is(h3,p) { color: var(--night-text) !important; }
html.dark-theme main#page-content .transparency-publication-track p { color: var(--night-muted) !important; }
html.dark-theme main#page-content .transparency-target-note { border-color: #8a7448 !important; background: var(--night-card) !important; box-shadow: none !important; }
html.dark-theme main#page-content .transparency-target-note > .material-symbols-rounded { color: #ecd8a4; border-color: #c9a965; }

/* The closing Governance link remains a CTA, but its light paper surface is
   converted to the same restrained dark layer as the Transparency page. */
html.dark-theme main#page-content > .transparency-publication + .page-cta {
  background: var(--night-card) !important;
  background-image: none !important;
}
html.dark-theme main#page-content > .transparency-publication + .page-cta::before {
  background-image: url("/assets/aleppo-pattern-dark.webp");
  opacity: .14;
}
html.dark-theme main#page-content > .transparency-publication + .page-cta :is(h2,p) { color: var(--night-text) !important; }
html.dark-theme main#page-content > .transparency-publication + .page-cta p:not(.section-kicker) { color: var(--night-muted) !important; }

/* Transparency keeps its original library hero image and authored overlay;
   night mode starts with the charter directly below it. */
html.dark-theme main#page-content .inner-hero-transparency::before { content: none !important; }

/* Privacy and terms — keep the hero untouched, then convert the existing
   overview, protection, and launch bands without changing their layout. */
html.dark-theme main#page-content .inner-hero-legal::before { content: none !important; }
html.dark-theme main#page-content > section.legal-overview {
  background: var(--night-section) !important;
  background-image: none !important;
}
html.dark-theme main#page-content .legal-overview::before { background-image: url("/assets/aleppo-pattern-dark.webp"); opacity: .12; }
html.dark-theme main#page-content > section.legal-protection {
  background-color: var(--night-card) !important;
  background-image: linear-gradient(rgba(5,29,19,.94), rgba(5,29,19,.94)), url("/assets/aleppo-pattern-dark.webp") !important;
  background-position: center !important;
  background-size: auto, 520px auto !important;
}
html.dark-theme main#page-content > section.legal-launch {
  background: var(--night-raised) !important;
  background-image: none !important;
}
html.dark-theme main#page-content .legal-launch::before { background-image: url("/assets/aleppo-pattern-dark.webp"); opacity: .14; }

html.dark-theme main#page-content :is(.legal-overview-heading h2,.legal-launch-heading h2) { color: var(--night-text) !important; }
html.dark-theme main#page-content .legal-overview-heading > p { border-color: var(--night-border); color: var(--night-muted) !important; }
html.dark-theme main#page-content .legal-status-note { border-color: #8a7448; background: var(--night-card); }
html.dark-theme main#page-content .legal-status-note :is(strong,p) { color: var(--night-text) !important; }
html.dark-theme main#page-content .legal-status-note p { color: var(--night-muted) !important; }
html.dark-theme main#page-content .legal-status-note > span { color: #ecd8a4; background: var(--night-raised); }

html.dark-theme main#page-content .legal-document-stage { border-color: var(--night-border); box-shadow: 0 22px 48px rgba(0,0,0,.24); }
html.dark-theme main#page-content .legal-document-nav { background: var(--night-card) var(--pattern-dark) center / 430px auto !important; }
html.dark-theme main#page-content .legal-document-tab { color: var(--night-muted); border-color: rgba(216,201,168,.22) !important; background: transparent !important; }
html.dark-theme main#page-content .legal-document-tab:is(:hover,:focus-visible) { color: #fff; background: rgba(255,255,255,.05) !important; }
html.dark-theme main#page-content .legal-document-tab.is-active { color: var(--night-text); background: var(--night-raised) !important; }
html.dark-theme main#page-content .legal-document-tab.is-active .legal-document-tab-icon { color: #ecd8a4; border-color: #c9a965; background: var(--night-card); }
html.dark-theme main#page-content .legal-document-feature { background: var(--night-card) !important; }
html.dark-theme main#page-content .legal-document-feature::before { opacity: .055; }
html.dark-theme main#page-content .legal-document-feature :is(h3,h4,.legal-document-feature-summary,.legal-document-feature-note,.legal-document-feature-copy li) { color: var(--night-text) !important; }
html.dark-theme main#page-content :is(.legal-document-feature-summary,.legal-document-feature-note,.legal-document-feature-copy li) { color: var(--night-muted) !important; }
html.dark-theme main#page-content .legal-document-feature :is(.legal-document-feature-rule,.legal-document-feature-note) { border-color: var(--night-border); }
html.dark-theme main#page-content .legal-document-feature-icon { color: #ecd8a4; border-color: #c9a965; background: var(--night-raised); }
html.dark-theme main#page-content .legal-document-feature-status { color: #ecd8a4; border-color: #8a7448; }

html.dark-theme main#page-content .legal-protection::after { opacity: .05; }
html.dark-theme main#page-content .legal-protection-heading > p:last-child,
html.dark-theme main#page-content .legal-protection-list p { color: var(--night-muted) !important; }
html.dark-theme main#page-content .legal-protection-list { border-color: rgba(216,201,168,.38); }
html.dark-theme main#page-content .legal-protection-list li { border-color: rgba(216,201,168,.25); }

html.dark-theme main#page-content .legal-launch-heading > p:last-child { color: var(--night-muted) !important; }
html.dark-theme main#page-content .legal-launch-track::before { background: #8a7448; }
html.dark-theme main#page-content .legal-launch-track li > span { color: #ecd8a4; border-color: #c9a965; background: var(--night-card); box-shadow: 0 0 0 8px var(--night-raised); }
html.dark-theme main#page-content .legal-launch-track :is(h3,p) { color: var(--night-text) !important; }
html.dark-theme main#page-content .legal-launch-track p { color: var(--night-muted) !important; }
html.dark-theme main#page-content .legal-approval-note { border-color: #8a7448 !important; background: var(--night-card) !important; box-shadow: none !important; }
html.dark-theme main#page-content .legal-approval-note > .material-symbols-rounded { color: #ecd8a4; border-color: #c9a965; }

/* Membership — retain the bright page's sequence of plain, deep, then plain
   bands.  Only their palette changes at night; the image hero is untouched. */
html.dark-theme main#page-content > section.membership-audience,
html.dark-theme main#page-content > section.policy-gate {
  background: var(--night-section) !important;
  background-image: none !important;
}
html.dark-theme main#page-content > section.membership-value {
  background: var(--night-card) !important;
  background-image: none !important;
}
html.dark-theme main#page-content .membership-audience .audience-grid article,
html.dark-theme main#page-content .policy-gate .gate-grid article {
  border-color: var(--night-border) !important;
  background: var(--night-card) !important;
  box-shadow: none !important;
}
html.dark-theme main#page-content .audience-grid :is(h3,p),
html.dark-theme main#page-content .gate-grid :is(h3,span) { color: var(--night-text) !important; }
html.dark-theme main#page-content .audience-grid p { color: var(--night-muted) !important; }
html.dark-theme main#page-content .gate-grid article { border-top-color: #9bb778 !important; }
html.dark-theme main#page-content .gate-grid article > span:last-child { color: #ecd8a4 !important; }
html.dark-theme main#page-content .membership-value :is(h2,p,li) { color: var(--night-text) !important; }
html.dark-theme main#page-content .membership-value p { color: var(--night-muted) !important; }
html.dark-theme main#page-content .membership-value ol,
html.dark-theme main#page-content .membership-value li { border-color: rgba(216,201,168,.24); }
html.dark-theme main#page-content .membership-value li span { color: #ecd8a4 !important; }
html.dark-theme main#page-content > section.policy-gate + .page-cta {
  background: var(--night-raised) !important;
  background-image: none !important;
}
html.dark-theme main#page-content > section.policy-gate + .page-cta::before {
  background-image: url("/assets/aleppo-pattern-dark.webp");
  opacity: .14;
}

/* Partners — mirror the original editorial rhythm without importing a
   homepage texture.  Partner names and the hero artwork remain unchanged. */
html.dark-theme main#page-content > section.partner-categories,
html.dark-theme main#page-content > section.partnership-path {
  background: var(--night-section) !important;
  background-image: none !important;
}
html.dark-theme main#page-content > section.official-partners {
  background: var(--night-card) !important;
  background-image: none !important;
}
html.dark-theme main#page-content .partner-category-grid article,
html.dark-theme main#page-content .path-steps li {
  border-color: var(--night-border) !important;
  background: var(--night-card) !important;
  box-shadow: none !important;
}
html.dark-theme main#page-content .partner-category-grid h3,
html.dark-theme main#page-content .path-steps h3 { color: var(--night-text) !important; }
html.dark-theme main#page-content .path-steps p { color: var(--night-muted) !important; }
html.dark-theme main#page-content .path-steps { border-color: var(--night-border); }
html.dark-theme main#page-content .official-partners p { color: var(--night-muted) !important; }
html.dark-theme main#page-content .logo-empty-state {
  border-color: rgba(216,201,168,.42) !important;
  background: rgba(255,255,255,.025) !important;
}
html.dark-theme main#page-content .logo-empty-state :is(strong,span) { color: var(--night-text) !important; }
html.dark-theme main#page-content .logo-empty-state span { color: var(--night-muted) !important; }
html.dark-theme main#page-content > section.partnership-path + .page-cta {
  background: var(--night-raised) !important;
  background-image: none !important;
}
html.dark-theme main#page-content > section.partnership-path + .page-cta::before {
  background-image: url("/assets/aleppo-pattern-dark.webp");
  opacity: .14;
}

/* Live Membership page. Its enhanced layout has its own section names, so
   preserve its light-mode sequence while exchanging only the colour layers. */
html.dark-theme main#page-content > section.membership-pathways,
html.dark-theme main#page-content > section.membership-network,
html.dark-theme main#page-content > section.membership-journey {
  background: var(--night-section) !important;
  background-image: none !important;
}
html.dark-theme main#page-content .membership-pathways::before,
html.dark-theme main#page-content .membership-readiness::before {
  background-image: url("/assets/aleppo-pattern-dark.webp");
  opacity: .12;
}
html.dark-theme main#page-content > section.membership-value {
  background: var(--night-card) var(--pattern-dark) center / 500px auto repeat !important;
}
html.dark-theme main#page-content > section.membership-readiness {
  background: var(--night-raised) !important;
  background-image: none !important;
}
html.dark-theme main#page-content .membership-pathways :is(h2,p),
html.dark-theme main#page-content .membership-network :is(h2,p),
html.dark-theme main#page-content .membership-journey :is(h2,h3,p),
html.dark-theme main#page-content .membership-readiness :is(h2,h3,p) { color: var(--night-text) !important; }
html.dark-theme main#page-content :is(.membership-pathways-heading,.membership-network-heading,.membership-journey-heading,.membership-readiness-heading) > p:last-child,
html.dark-theme main#page-content :is(.stakeholder-column article,.membership-journey-steps,.membership-readiness-note) p { color: var(--night-muted) !important; }
html.dark-theme main#page-content .membership-pathway-list,
html.dark-theme main#page-content .membership-readiness-grid {
  border-color: var(--night-border) !important;
  background: var(--night-card) !important;
}
html.dark-theme main#page-content .membership-pathway,
html.dark-theme main#page-content .membership-readiness-grid article {
  border-color: var(--night-border) !important;
  background: transparent !important;
}
html.dark-theme main#page-content .membership-pathway :is(h3,span,strong),
html.dark-theme main#page-content .membership-readiness-grid :is(h3,span) { color: var(--night-text) !important; }
html.dark-theme main#page-content .membership-pathway > div > span,
html.dark-theme main#page-content .membership-readiness-grid span:last-child { color: var(--night-muted) !important; }
html.dark-theme main#page-content .membership-pathway-number,
html.dark-theme main#page-content .membership-pathway p,
html.dark-theme main#page-content .membership-readiness-grid span:last-child { color: #ecd8a4 !important; }
html.dark-theme main#page-content .membership-journey-steps::before,
html.dark-theme main#page-content .membership-journey-steps li { border-color: #8a7448; }
html.dark-theme main#page-content .journey-index { color: #ecd8a4; border-color: #8a7448; background: var(--night-section); }
html.dark-theme main#page-content .membership-readiness-note { border-right-color: #a9bf7d !important; }
html.dark-theme main#page-content > section.membership-readiness + .page-cta {
  background: var(--night-raised) !important;
  background-image: none !important;
}
html.dark-theme main#page-content > section.membership-readiness + .page-cta::before {
  background-image: url("/assets/aleppo-pattern-dark.webp");
  opacity: .14;
}

/* Live Partners page — the same restrained conversion: darkened existing
   surfaces, quiet patterns, and no night-mode edits to the photograph hero. */
html.dark-theme main#page-content > section.partner-ecosystem,
html.dark-theme main#page-content > section.partner-journey {
  background: var(--night-section) !important;
  background-image: none !important;
}
html.dark-theme main#page-content > section.partner-value-chain {
  background: var(--night-card) var(--pattern-dark) center / 510px auto repeat !important;
}
html.dark-theme main#page-content > section.partner-trust {
  background: var(--night-raised) !important;
  background-image: none !important;
}
html.dark-theme main#page-content .partner-trust::before {
  background-image: url("/assets/aleppo-pattern-dark.webp");
  opacity: .12;
}
html.dark-theme main#page-content .partners-section-heading :is(h2,p),
html.dark-theme main#page-content .partner-journey :is(h3,p),
html.dark-theme main#page-content .partner-trust-copy :is(h2,p) { color: var(--night-text) !important; }
html.dark-theme main#page-content .partners-section-heading > p,
html.dark-theme main#page-content .partner-journey p,
html.dark-theme main#page-content .partner-trust-copy > p:not(.section-kicker) { color: var(--night-muted) !important; }
html.dark-theme main#page-content .partner-capability-ledger,
html.dark-theme main#page-content .partner-capability-ledger li,
html.dark-theme main#page-content .partner-capability-ledger aside { border-color: var(--night-border) !important; }
html.dark-theme main#page-content .partner-capability-ledger :is(h3,p,strong,small) { color: var(--night-text) !important; }
html.dark-theme main#page-content .partner-capability-ledger p,
html.dark-theme main#page-content .partner-capability-ledger small { color: var(--night-muted) !important; }
html.dark-theme main#page-content .partner-capability-ledger aside strong { color: #ecd8a4 !important; }
/* Partner capability rows: use a distinct deep green on interaction instead
   of the light-mode white state, and retain the gold icon language. */
html.dark-theme main#page-content .partner-capability-icon {
  color: #ecd8a4 !important;
  border-color: #b99b5d !important;
  background: var(--night-raised) !important;
}
html.dark-theme main#page-content .partner-capability-ledger li:is(:hover,:focus-visible) {
  color: var(--night-text) !important;
  background: #1d5a3a !important;
  box-shadow: 0 15px 30px rgba(0,0,0,.28) !important;
}
html.dark-theme main#page-content .partner-capability-ledger li:is(:hover,:focus-visible) :is(h3,strong) { color: #fffdf7 !important; }
html.dark-theme main#page-content .partner-capability-ledger li:is(:hover,:focus-visible) :is(p,small) { color: #d5e1d2 !important; }
html.dark-theme main#page-content .partner-capability-ledger li:is(:hover,:focus-visible) .partner-capability-icon {
  color: #f2dc9b !important;
  border-color: #e0c47c !important;
  background: #0d3825 !important;
}
html.dark-theme main#page-content .partner-capability-ledger li:is(:hover,:focus-visible) aside { border-color: rgba(236,216,164,.38) !important; }
html.dark-theme main#page-content .partner-capability-ledger li:is(:hover,:focus-visible) aside strong,
html.dark-theme main#page-content .partner-capability-ledger li:is(:hover,:focus-visible) aside > .material-symbols-rounded { color: #f2dc9b !important; }

/* The value-chain cards also had a light hover fill. Keep their interaction
   within the night palette and make the complete icon set gold. */
html.dark-theme main#page-content .partner-value-chain li {
  border-color: rgba(216,201,168,.24) !important;
  background: rgba(255,255,255,.018) !important;
}
html.dark-theme main#page-content .partner-value-chain li:is(:hover,:focus-visible) {
  background: #1d5a3a !important;
  box-shadow: 0 16px 30px rgba(0,0,0,.25) !important;
}
html.dark-theme main#page-content .partner-value-chain li:is(:hover,:focus-visible) :is(h3,p) { color: #fffdf7 !important; }
html.dark-theme main#page-content .partner-value-chain li:is(:hover,:focus-visible) p { color: #d5e1d2 !important; }
html.dark-theme main#page-content .partner-value-icon {
  color: #ecd8a4 !important;
  border-color: #b99b5d !important;
  background: #0d3825 !important;
}
html.dark-theme main#page-content .partner-value-chain li:is(:hover,:focus-visible) .partner-value-icon {
  color: #f2dc9b !important;
  border-color: #e0c47c !important;
  background: #123f29 !important;
}
html.dark-theme main#page-content .partner-value-chain li > .material-symbols-rounded { color: #ecd8a4 !important; background: transparent !important; box-shadow: none !important; }
html.dark-theme main#page-content .partner-value-chain li:last-child > .material-symbols-rounded { background: transparent !important; }

/* Home services: avoid the bright hover chip from the daytime design.
   The card remains green on hover and its icon uses the shared gold accent. */
html.dark-theme .service-card:hover,
html.dark-theme .service-card:focus-visible {
  background-color: #1d5a3a !important;
  box-shadow: 0 24px 48px rgba(0,0,0,.32) !important;
}
html.dark-theme .service-icon {
  color: #ecd8a4 !important;
  border-color: #b99b5d !important;
  background: rgba(13,56,37,.82) !important;
}
html.dark-theme .service-card:hover .service-icon,
html.dark-theme .service-card:focus-visible .service-icon {
  color: #f2dc9b !important;
  border-color: #e0c47c !important;
  background: #0d3825 !important;
}

/* Membership — use one gold language for every navigation, network, and
   readiness icon in the night palette. */
html.dark-theme main#page-content :is(
  .membership-scroll .material-symbols-rounded,
  .membership-pathway-icon,
  .membership-pathway > strong .material-symbols-rounded,
  .stakeholder-icon,
  .stakeholder-core > span,
  .journey-icon,
  .membership-readiness-grid article > .material-symbols-rounded,
  .membership-readiness-note > .material-symbols-rounded
) {
  color: #ecd8a4 !important;
  border-color: #b99b5d !important;
  background-color: var(--night-raised) !important;
}
html.dark-theme main#page-content .membership-scroll .material-symbols-rounded,
html.dark-theme main#page-content .membership-pathway > strong .material-symbols-rounded,
html.dark-theme main#page-content .stakeholder-core > span,
html.dark-theme main#page-content .membership-readiness-grid article > .material-symbols-rounded,
html.dark-theme main#page-content .membership-readiness-note > .material-symbols-rounded { background: transparent !important; }
html.dark-theme main#page-content :is(.membership-pathway,.stakeholder-column article,.membership-journey-steps li,.membership-readiness-grid article):is(:hover,:focus-visible) :is(.membership-pathway-icon,.stakeholder-icon,.journey-icon) {
  color: #f2dc9b !important;
  border-color: #e0c47c !important;
  background-color: #0d3825 !important;
}

/* News and media — preserve the original news hero, then convert only the
   following editorial bands to low-contrast night surfaces. */
html.dark-theme main#page-content .inner-hero-news::before { content: none !important; }
html.dark-theme main#page-content > section.newsroom-latest {
  background: var(--night-section) !important;
  background-image: none !important;
}
html.dark-theme main#page-content > section.nr-categories,
html.dark-theme main#page-content > section.nr-newsletter-showcase {
  background: var(--night-raised) !important;
  background-image: none !important;
}
html.dark-theme main#page-content .nr-categories::before,
html.dark-theme main#page-content .nr-newsletter-showcase::before {
  background-image: url("/assets/aleppo-pattern-dark.webp");
  opacity: .12;
}
html.dark-theme main#page-content > section.nr-publishing-note {
  background: var(--night-card) var(--pattern-dark) center / 460px auto repeat !important;
}
html.dark-theme main#page-content > section.nr-press-cta { background: var(--night-section) !important; }
html.dark-theme main#page-content .nr-press-contact::before { background-image: url("/assets/aleppo-pattern-dark.webp"); opacity: .12; }
html.dark-theme main#page-content :is(.nr-empty-state,.nr-channel-list li) { border-color: var(--night-border) !important; }
html.dark-theme main#page-content .nr-empty-state :is(strong,span),
html.dark-theme main#page-content .nr-channel-list :is(h3,p) { color: var(--night-text) !important; }
html.dark-theme main#page-content :is(.nr-empty-state span,.nr-channel-list p,.nr-press-contact > p) { color: var(--night-muted) !important; }
html.dark-theme main#page-content .nr-channel-list li:is(:hover,:focus-visible) { background: #1d5a3a !important; }
html.dark-theme main#page-content .nr-channel-list li:is(:hover,:focus-visible) :is(h3,p) { color: #fffdf7 !important; }
html.dark-theme main#page-content .nr-channel-list li:is(:hover,:focus-visible) p { color: #d5e1d2 !important; }
html.dark-theme main#page-content :is(.nr-empty-state > .material-symbols-rounded,.nr-channel-icon,.nr-channel-arrow,.nr-newsletter-status .material-symbols-rounded,.nr-newsletter-input > .material-symbols-rounded) {
  color: #ecd8a4 !important;
  border-color: #b99b5d !important;
  background: var(--night-raised) !important;
}
html.dark-theme main#page-content .nr-channel-list li:is(:hover,:focus-visible) .nr-channel-icon { color: #f2dc9b !important; background: #0d3825 !important; }
html.dark-theme main#page-content .nr-press-contact h2,
html.dark-theme main#page-content .nr-newsletter-copy h2 { color: var(--night-text) !important; }
html.dark-theme main#page-content .nr-newsletter-status { border-color: #8a7448 !important; background: var(--night-card) !important; }
html.dark-theme main#page-content .nr-newsletter-card { border-color: #8a7448 !important; background: var(--night-card) !important; box-shadow: none !important; }

/* Contact — its standard image hero stays intact. The form, cards and local
   location bands become layered dark surfaces with gold wayfinding icons. */
html.dark-theme main#page-content .inner-hero-contact::before { content: none !important; }
html.dark-theme main#page-content > section.contact-section,
html.dark-theme main#page-content > section.contact-main,
html.dark-theme main#page-content > section.routes,
html.dark-theme main#page-content > section.presence {
  background: var(--night-section) !important;
  background-image: none !important;
}
html.dark-theme main#page-content .contact-main::before,
html.dark-theme main#page-content .routes::before {
  background-image: url("/assets/aleppo-pattern-dark.webp");
  opacity: .12;
}
html.dark-theme main#page-content .presence::before { opacity: .11; }
html.dark-theme main#page-content .presence::after { background: linear-gradient(rgba(11,42,28,.74), rgba(11,42,28,.94)); }
html.dark-theme main#page-content > section.contact-scope { background: var(--night-card) var(--pattern-dark) center / 460px auto repeat !important; }
html.dark-theme main#page-content :is(.contact-card,.contact-form,.route-card,.place-card) { background: var(--night-card) !important; border-color: var(--night-border) !important; box-shadow: none !important; }
html.dark-theme main#page-content .contact-card :is(h3,p,small,strong),
html.dark-theme main#page-content .contact-form :is(h2,p,label),
html.dark-theme main#page-content .route-card :is(h3,p,span),
html.dark-theme main#page-content .place-card :is(h3,p) { color: var(--night-text) !important; }
html.dark-theme main#page-content :is(.contact-card p,.contact-card small,.contact-form > p,.route-card p,.place-card p) { color: var(--night-muted) !important; }
html.dark-theme main#page-content :is(.contact-card > .material-symbols-rounded,.route-card > .material-symbols-rounded) {
  color: #ecd8a4 !important; border-color: #b99b5d !important; background: var(--night-raised) !important;
}
html.dark-theme main#page-content :is(.contact-card,.route-card):hover { background: #1d5a3a !important; border-color: #709a71 !important; }
/* The working-group routes are signposts, not raised panels. */
html.dark-theme main#page-content .routes .route-card,
html.dark-theme main#page-content .routes .route-card:hover {
  background: transparent !important;
  box-shadow: none !important;
}
html.dark-theme main#page-content .routes .route-card > .material-symbols-rounded {
  background: transparent !important;
  border-color: transparent !important;
}
html.dark-theme main#page-content .contact-social a { color: #ecd8a4 !important; border-color: #b99b5d !important; background: var(--night-card) !important; }
html.dark-theme main#page-content .contact-social a:hover { color: #f2dc9b !important; background: #0d3825 !important; }
html.dark-theme main#page-content .route-card:hover :is(h3,p,span) { color: #fffdf7 !important; }
html.dark-theme main#page-content .route-card:hover p { color: #d5e1d2 !important; }
html.dark-theme main#page-content .place-status { color: #ecd8a4 !important; background: var(--night-raised) !important; }

/* برامج وخدمات — retain its image hero and convert the atlas and editorial
   bands independently, rather than giving the entire route one homepage look. */
html.dark-theme main#page-content > section.programme-scope,
html.dark-theme main#page-content > section.programme-roadmap {
  background: var(--night-card) var(--pattern-dark) center / 470px auto repeat !important;
}
html.dark-theme main#page-content > section.programme-atlas-section,
html.dark-theme main#page-content > section.programme-initiative-bridge {
  background: var(--night-section) !important;
  background-image: none !important;
}
html.dark-theme main#page-content > section.programme-focus-field {
  background: var(--night-raised) !important;
  background-image: none !important;
}
html.dark-theme main#page-content .programme-focus-field::before {
  background-image: url("/assets/aleppo-pattern-dark.webp"); opacity: .12;
}
html.dark-theme main#page-content :is(.programme-atlas-heading,.programme-focus-field-heading,.programme-roadmap-heading) :is(h2,p),
html.dark-theme main#page-content .programme-initiative-copy :is(h2,p) { color: var(--night-text) !important; }
html.dark-theme main#page-content :is(.programme-atlas-heading,.programme-focus-field-heading,.programme-roadmap-heading) > p,
html.dark-theme main#page-content .programme-initiative-copy > p { color: var(--night-muted) !important; border-color: var(--night-border) !important; }
html.dark-theme main#page-content .programme-atlas { border-color: var(--night-border) !important; background: var(--night-card) !important; box-shadow: 0 22px 46px rgba(0,0,0,.24); }
html.dark-theme main#page-content .programme-atlas-tabs { border-color: var(--night-border) !important; background: var(--night-card) var(--pattern-dark) center / 430px auto !important; }
html.dark-theme main#page-content .programme-atlas-tab:is(:hover,:focus-visible,.is-active) { background: #1d5a3a !important; }
html.dark-theme main#page-content .programme-focus-orbit,
html.dark-theme main#page-content .programme-focus-orbit li,
html.dark-theme main#page-content .programme-initiative-list,
html.dark-theme main#page-content .programme-initiative-list li { border-color: var(--night-border) !important; }
html.dark-theme main#page-content .programme-focus-orbit li:is(:hover,:focus-visible),
html.dark-theme main#page-content .programme-initiative-list li:hover { background: #1d5a3a !important; color: #fffdf7 !important; }
html.dark-theme main#page-content .programme-initiative-list li:hover strong { color: #fffdf7 !important; }
html.dark-theme main#page-content :is(.programme-scope-icon,.programme-initiative-list .material-symbols-rounded) { color: #ecd8a4 !important; border-color: #b99b5d !important; }
html.dark-theme main#page-content .programme-roadmap::after { opacity: .05; }

/* التدريب والفعاليات — hero photography remains as authored; all following
   planning, learning and archive surfaces are recast in the night hierarchy. */
html.dark-theme main#page-content > section.learning-goal-note { background: var(--night-card) var(--pattern-dark) center / 440px auto repeat !important; }
html.dark-theme main#page-content > section.learning-studio,
html.dark-theme main#page-content > section.learning-conference,
html.dark-theme main#page-content > section.learning-archive {
  background: var(--night-section) !important; background-image: none !important;
}
html.dark-theme main#page-content > section.learning-formats,
html.dark-theme main#page-content > section.learning-events {
  background: var(--night-raised) !important; background-image: none !important;
}
html.dark-theme main#page-content :is(.learning-formats,.learning-events)::before { background-image: url("/assets/aleppo-pattern-dark.webp"); opacity: .12; }
html.dark-theme main#page-content :is(.learning-heading,.learning-formats-heading) :is(h2,p),
html.dark-theme main#page-content :is(.learning-events-copy,.learning-conference-layout > div,.learning-archive) :is(h2,p) { color: var(--night-text) !important; }
html.dark-theme main#page-content :is(.learning-heading,.learning-events-copy,.learning-conference-layout > div,.learning-archive) p { color: var(--night-muted) !important; }
html.dark-theme main#page-content .learning-stage { border-color: var(--night-border) !important; box-shadow: 0 22px 46px rgba(0,0,0,.24); }
html.dark-theme main#page-content .learning-path-tabs { background: var(--night-card) !important; }
html.dark-theme main#page-content .learning-path-tab { border-color: var(--night-border) !important; }
html.dark-theme main#page-content .learning-path-tab:is(:hover,:focus-visible,.is-active) { background: #1d5a3a !important; }
html.dark-theme main#page-content .learning-formats li { border-color: var(--night-border) !important; }
html.dark-theme main#page-content .learning-formats li:is(:hover,:focus-visible) { background: #1d5a3a !important; }
html.dark-theme main#page-content :is(.learning-path-tab i,.learning-formats li > i,.learning-events-seal) { color: #ecd8a4 !important; border-color: #b99b5d !important; background: var(--night-raised) !important; }

/* البحوث والمنشورات — preserve the research hero and report composition,
   replacing only the light backgrounds and interactive white states. */
html.dark-theme main#page-content > section.research-method,
html.dark-theme main#page-content > section.research-agenda {
  background: var(--night-raised) !important; background-image: none !important;
}
html.dark-theme main#page-content :is(.research-method,.research-agenda)::before { background-image: url("/assets/aleppo-pattern-dark.webp"); opacity: .12; }
html.dark-theme main#page-content > section.research-report { background: var(--night-card) var(--pattern-dark) center / 510px auto repeat !important; }
html.dark-theme main#page-content > section.research-library { background: var(--night-section) !important; background-image: none !important; }
html.dark-theme main#page-content .research-report::after { opacity: .05; }
html.dark-theme main#page-content :is(.research-section-heading,.research-agenda) :is(h2,p) { color: var(--night-text) !important; }
html.dark-theme main#page-content :is(.research-section-heading,.research-agenda) p { color: var(--night-muted) !important; }
html.dark-theme main#page-content .research-workflow,
html.dark-theme main#page-content .research-library-layout,
html.dark-theme main#page-content .research-agenda ul,
html.dark-theme main#page-content .research-agenda li { border-color: var(--night-border) !important; }
html.dark-theme main#page-content .research-workflow { background: var(--night-card) !important; }
html.dark-theme main#page-content :is(.research-workflow li,.research-agenda li):is(:hover,:focus-visible) { background: #1d5a3a !important; }
html.dark-theme main#page-content .research-library-tabs button { color: var(--night-text) !important; border-color: var(--night-border) !important; background: var(--night-card) !important; }
html.dark-theme main#page-content .research-library-tabs button:is(:hover,:focus-visible,.is-active) { background: #1d5a3a !important; }
html.dark-theme main#page-content :is(.research-step-icon,.research-library-tabs button > i,.research-agenda li > .material-symbols-rounded) { color: #ecd8a4 !important; border-color: #b99b5d !important; background: var(--night-raised) !important; }
/* The report cover is an editorial focal point. Keep a warm paper surface at
   night so it remains distinct from the surrounding deep-green report band. */
html.dark-theme main#page-content .research-report-cover {
  color: #103a29 !important;
  border-color: #d7bf87 !important;
  background: linear-gradient(rgba(244,239,224,.96), rgba(226,214,185,.96)), url("/assets/aleppo-pattern.webp") center / 410px auto !important;
  box-shadow: 0 26px 58px rgba(0,0,0,.34) !important;
}
html.dark-theme main#page-content .research-report-cover:hover {
  background: linear-gradient(rgba(250,246,233,.98), rgba(233,220,190,.98)), url("/assets/aleppo-pattern.webp") center / 410px auto !important;
  box-shadow: 0 34px 70px rgba(0,0,0,.42) !important;
}
html.dark-theme main#page-content .research-report-cover::after { border-color: rgba(16,58,41,.24); }
html.dark-theme main#page-content .research-report-cover :is(strong,small,b) { color: #103a29 !important; }
html.dark-theme main#page-content .research-report-cover > .research-report-overline { color: #315f46 !important; }
html.dark-theme main#page-content .research-report-cover > b { color: #fffdf7 !important; background: #0d5738 !important; }
html.dark-theme main#page-content .research-report-cover :is(.research-report-mark,.research-report-mark::before,.research-report-mark::after,.research-report-mark i) { border-color: rgba(16,58,41,.22); }
html.dark-theme main#page-content .research-report-cover .research-report-mark .material-symbols-rounded { color: #0d5738 !important; }

/* المشروعات والمبادرات — keep the light-mode architectural composition,
   but use its dedicated dark architectural artwork in night mode. */
html.dark-theme main#page-content > section.initiative-purpose {
  background: linear-gradient(90deg, rgba(4,27,17,.5) 0%, rgba(4,27,17,.62) 46%, rgba(4,27,17,.78) 100%), url("/assets/aleppo-architecture-night.webp") center / cover no-repeat !important;
}
html.dark-theme main#page-content .initiative-purpose :is(h2,.initiative-purpose-step strong) { color: var(--night-text) !important; }
html.dark-theme main#page-content .initiative-purpose :is(.initiative-purpose-intro,.initiative-purpose-current,.initiative-purpose-journey-label,.initiative-purpose-step small) { color: var(--night-muted) !important; }
html.dark-theme main#page-content .initiative-purpose-step:is(:hover,:focus-visible,.is-active) { background: linear-gradient(90deg, transparent, rgba(31,89,58,.72)) !important; }
html.dark-theme main#page-content > section.initiative-lab { background: var(--night-raised) !important; background-image: none !important; }
html.dark-theme main#page-content .initiative-lab::before { background-image: url("/assets/aleppo-pattern-dark.webp"); opacity: .12; }
html.dark-theme main#page-content > section.initiative-milestones { background: var(--night-card) var(--pattern-dark) center / 540px auto repeat !important; }
html.dark-theme main#page-content .initiative-milestones::after { opacity: .05; }
html.dark-theme main#page-content .initiative-lab-stage { border-color: var(--night-border) !important; box-shadow: 0 22px 46px rgba(0,0,0,.24); }
html.dark-theme main#page-content .initiative-lab-tabs { background: var(--night-card) !important; }
html.dark-theme main#page-content .initiative-lab-tabs button { border-color: var(--night-border) !important; color: var(--night-text) !important; }
html.dark-theme main#page-content .initiative-lab-tabs button:is(:hover,:focus-visible,.is-active) { background: #1d5a3a !important; }
html.dark-theme main#page-content .initiative-lab-tabs button > i { color: #ecd8a4 !important; border-color: #b99b5d !important; background: var(--night-raised) !important; }
html.dark-theme main#page-content .initiative-purpose-step:is(:hover,:focus-visible,.is-active) { color: var(--green-950); }
html.dark-theme main#page-content :is(.initiative-lab-icon,.initiative-milestones li > i) { color: #ecd8a4 !important; border-color: #b99b5d !important; }
html.dark-theme main#page-content .inner-hero-initiatives::before { content: none !important; }
html.dark-theme main#page-content > :is(.programme-initiative-bridge,.research-agenda,.initiative-milestones) + .page-cta {
  background: var(--night-raised) !important;
  background-image: none !important;
}
html.dark-theme main#page-content > :is(.programme-initiative-bridge,.research-agenda,.initiative-milestones) + .page-cta::before {
  background-image: url("/assets/aleppo-pattern-dark.webp");
  opacity: .14;
}

/* Programs and initiatives — every interactive row uses gold copy on hover
   in night mode, so the response is clear without reverting to a pale state. */
html.dark-theme main#page-content :is(
  .programme-atlas-tab,
  .programme-focus-orbit li,
  .programme-roadmap-list li,
  .programme-initiative-list li,
  .learning-path-tab,
  .learning-formats li,
  .research-workflow li,
  .research-library-tabs button,
  .research-agenda li,
  .initiative-lab-tabs button,
  .initiative-purpose-step
):is(:hover,:focus-visible) :is(strong,h3,p,small,span) { color: #ecd8a4 !important; }
html.dark-theme main#page-content :is(
  .programme-roadmap-list li,
  .learning-formats li,
  .research-workflow li,
  .research-agenda li
):is(:hover,:focus-visible) { background: #1d5a3a !important; }
html.dark-theme main#page-content :is(
  .programme-roadmap-list li,
  .learning-formats li,
  .research-workflow li,
  .research-agenda li
):is(:hover,:focus-visible) :is(h3,strong,p,span) { color: #ecd8a4 !important; }
html.dark-theme main#page-content .initiative-purpose-step:is(:hover,:focus-visible,.is-active) :is(strong,small,.material-symbols-rounded) { color: #ecd8a4 !important; }

/* Architectural linework in light mode receives the supplied dark equivalent.
   This preserves the page composition instead of introducing a new solid panel. */
html.dark-theme .why::before {
  background: url("/assets/aleppo-architecture-night.webp") center / cover no-repeat;
  opacity: .32;
}
html.dark-theme .presence::before {
  background: url("/assets/aleppo-architecture-night.webp") center / cover no-repeat;
  opacity: .28;
}

/* These are layout stages, not cards in the bright design.  The old generic
   night rule gave them an extra green box, so retain the surrounding layout
   and only keep their borders and text treatment. */
html.dark-theme main#page-content .programme-atlas-panel {
  background: transparent !important;
  box-shadow: none !important;
}
html.dark-theme main#page-content .research-library-panel {
  background: transparent !important;
  box-shadow: none !important;
}
html.dark-theme main#page-content .partner-value-chain::after { opacity: .05; }
html.dark-theme main#page-content .partner-value-chain :is(h2,h3,p) { color: var(--night-text) !important; }
html.dark-theme main#page-content .partner-value-heading > p,
html.dark-theme main#page-content .partner-value-chain li p { color: var(--night-muted) !important; }
html.dark-theme main#page-content .partner-trust .partner-world-note,
html.dark-theme main#page-content .partner-journey-note { border-right-color: #a9bf7d !important; }
html.dark-theme main#page-content .partner-journey-steps::before { background: #8a7448; }
html.dark-theme main#page-content .partner-journey-icon { box-shadow: 0 0 0 10px var(--night-section); }
html.dark-theme main#page-content > section.partner-journey + .page-cta {
  background: var(--night-raised) !important;
  background-image: none !important;
}
html.dark-theme main#page-content > section.partner-journey + .page-cta::before {
  background-image: url("/assets/aleppo-pattern-dark.webp");
  opacity: .14;
}

@media (max-width: 1000px) {
  .site-header { padding-top: 12px; }
  .utility-bar { height: 38px; }
  .nav-wrap { margin-top: 6px; }
  .utility-actions { gap: 5px; }
  .utility-button { padding: 0 7px; font-size: 10px; }
  .utility-theme { padding: 0; }
  .utility-search.is-open { width: min(250px, calc(100vw - 128px)); }
  .utility-search-status { width: min(250px, calc(100vw - 128px)); }
  .hero { padding-top: 134px; }
  .site-header.is-stuck .primary-nav { top: 76px; }
  .search-results-page { padding-top: 132px; }
}

@media (max-width: 680px) {
  .search-results-page { padding: 118px 0 70px; }
  .search-results-heading { padding-bottom: 27px; }
  .search-results-heading h1 { font-size: 31px; }
  .search-page-form button { min-width: 82px; }
  .search-page-form button span:last-child { display: none; }
  .search-result-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 25px; }
  .search-result-card { min-height: 185px; padding: 21px; }
  .search-result-card h2 { font-size: 19px; }
}

@media (prefers-reduced-motion: reduce) {
  .utility-button, .utility-search, .utility-search input, .utility-search-status { transition: none; }
}

/* ---------------------------------------------------------------
   Homepage night mode. Scoped to body.home-page so no other route
   is affected. The shared inner-route rule paints a cream pattern
   image on every top-level section; on the homepage those sections
   are direct children of #page-content, so the cream field covered
   the whole page. Here every band gets a layered dark green surface
   with the pattern kept as a subtle low-opacity overlay.
   --------------------------------------------------------------- */
html.dark-theme body.home-page main#page-content > section:not([class*="hero"]) {
  position: relative;
  isolation: isolate;
  background: var(--night-section) !important;
}
html.dark-theme body.home-page main#page-content > section:not([class*="hero"])::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url("/assets/aleppo-pattern.webp") center / 540px auto repeat;
  opacity: .05;
  pointer-events: none;
}
/* Alternating band so the page reads as sections, not one flat slab. */
html.dark-theme body.home-page main#page-content > :is(.strategy, .participate) {
  background: var(--night-card) !important;
}
html.dark-theme body.home-page main#page-content > section.why:not([class*="hero"]) {
  background-color: #071b12 !important;
  background-image: url("/__l5e/assets-v1/1c552a2d-5303-4f51-a63c-9ef501a21f66/why-night-architecture.png") !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

html.dark-theme body.home-page .why::before {
  background: none;
  opacity: 1;
}
html.dark-theme body.home-page .why::after {
  background: linear-gradient(90deg, rgba(7,27,18,.78), rgba(7,27,18,.58) 50%, rgba(7,27,18,.78)) !important;
}

html.dark-theme body.home-page .why-copy {
  background: transparent !important;
  text-shadow: none !important;
}

/* Knowledge (services-section) and Participate sections use the uploaded
   dark aleppo drawing as their background field in night mode. */
html.dark-theme body.home-page main#page-content > section.services-section:not([class*="hero"]),
html.dark-theme body.home-page main#page-content > section.participate:not([class*="hero"]) {
  background-color: var(--night-card) !important;
  background-image: url("/__l5e/assets-v1/25f23bbc-3872-467e-b1a7-6206e15b59de/aleppo-pattern-dark.webp") !important;
  background-position: center !important;
  background-size: 540px auto !important;
  background-repeat: repeat !important;
}
html.dark-theme body.home-page main#page-content > section.services-section:not([class*="hero"])::before,
html.dark-theme body.home-page main#page-content > section.participate:not([class*="hero"])::before {
  background: none;
}
html.dark-theme body.home-page main#page-content :is(h1, h2, h3, h4, strong, .section-title, .strategy h2, .num) { color: var(--night-text) !important; }
html.dark-theme body.home-page main#page-content :is(p, li, dd, dt, small, .section-intro, .why-copy p, .strategy-note, .metric span, .news-meta) { color: var(--night-muted) !important; }
html.dark-theme body.home-page main#page-content :is(.section-kicker, .participate-label, .strategy-heading p, .text-link, .service-more) { color: #d8c9a8 !important; }
html.dark-theme body.home-page main#page-content :is(.service-card, .news-card, .participate-card, .live-card, .initiative-item, .knowledge-card, .partnership-card, .membership-card, .place-card, .metric) {
  border-color: var(--night-border) !important;
  background-color: var(--night-card) !important;
}
html.dark-theme body.home-page main#page-content > :is(.strategy, .participate) :is(.service-card, .news-card, .participate-card, .live-card, .membership-card, .partnership-card, .metric) {
  background-color: var(--night-raised) !important;
}
html.dark-theme body.home-page main#page-content :is(.service-card, .news-card, .participate-card, .live-card, .membership-card, .partnership-card):hover {
  background-color: var(--night-raised) !important;
}
html.dark-theme body.home-page main#page-content :is(.strategy-grid, .metric, .services-grid, .news-grid) { border-color: var(--night-border) !important; }

/* Night mode: four decorative icons must sit directly on their surface. The
   shared gold-icon groups above give every icon a raised plate, which reads as
   an unwanted box for these purely ornamental or inline glyphs. */
html.dark-theme main#page-content .assurance-focus.assurance-focus .assurance-focus-rosette,
html.dark-theme main#page-content .stakeholder-core.stakeholder-core > span,
html.dark-theme main#page-content .nr-channel-list .nr-channel-arrow.nr-channel-arrow,
html.dark-theme main#page-content .nr-newsletter-status.nr-newsletter-status .material-symbols-rounded {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Night mode: give the research and membership closing calls to action their
   own olive bands so they detach from the block above and from each other. */
html.dark-theme main#page-content > section.page-cta.page-cta-research.page-cta-research {
  background: #1a4d31 !important;
  background-image: none !important;
}
html.dark-theme main#page-content > section.page-cta.page-cta-research.page-cta-research::before {
  background-image: url("/assets/aleppo-pattern-dark.webp");
  opacity: .18;
}
html.dark-theme main#page-content > section.page-cta.page-cta-membership.page-cta-membership {
  background: #0d3020 !important;
  background-image: none !important;
}
html.dark-theme main#page-content > section.page-cta.page-cta-membership.page-cta-membership::before {
  background-image: url("/assets/aleppo-pattern-dark.webp");
  opacity: .22;
}

/* Directional corrections are intentionally scoped to English. */
/* Never hide the interface while language scripts initialise.  A delayed or
   failed translation must leave the dashboard usable instead of blank. */
html.i18n-boot body { visibility: visible; }
html[dir="ltr"] body { text-align: start; }
html[dir="ltr"] .utility-actions, html[dir="ltr"] .header-actions { flex-direction: row-reverse; }
html[dir="ltr"] .utility-bar .container { justify-content: flex-end; }
html[dir="ltr"] .nav-wrap .container { grid-template-columns: 180px 1fr; }
html[dir="ltr"] .primary-nav { direction: ltr; }
html[dir="ltr"] .primary-nav .nav-dropdown { inset-inline-start: 0; inset-inline-end: auto; }
@media (min-width: 1120px) {
  /* English labels vary much more in length than their Arabic counterparts.
     Give the two long menu groups extra room and retain a visible gap between
     every destination instead of letting their labels run together. */
  html[dir="ltr"] .primary-nav { gap: 12px; padding-inline: 12px; }
  html[dir="ltr"] .primary-nav > a:not(.nav-login) { flex-grow: .8; }
  html[dir="ltr"] .primary-nav > .nav-group { flex-grow: 1.2; }
  html[dir="ltr"] .primary-nav > .nav-group:nth-child(3),
  html[dir="ltr"] .primary-nav > .nav-group:nth-child(4) { flex-grow: 1.48; }
}
/* Directional symbols are swapped to their semantic English counterpart by
   the language layer. Keep component-owned motion transforms intact. */
html[dir="ltr"] .i18n-directional-icon { direction: ltr; }
html[dir="ltr"] .skip-link { inset-inline-start: 10px; inset-inline-end: auto; }
html[dir="ltr"] .access-page { direction: ltr; }
html[dir="ltr"] .access-form-side { background-position: right bottom; }
html[dir="ltr"] .admin-shell, html[dir="ltr"] .admin-workspace { direction: ltr; }
html[dir="ltr"] .admin-shell { grid-template-columns: 260px minmax(0,1fr); }
html[dir="ltr"] .admin-sidebar { grid-column: 1; grid-row: 1; box-shadow: 3px 0 24px rgba(3,31,20,.12); }
html[dir="ltr"] .admin-workspace { grid-column: 2; grid-row: 1; }
html[dir="ltr"] .admin-header { direction: ltr; }
html[dir="ltr"] .admin-sidebar .nav-item { border-inline-start: 2px solid transparent; border-inline-end: 0; text-align: left; }
html[dir="ltr"] .admin-sidebar .nav-item.is-active { border-inline-start-color: #d9caa9; }
html[dir="ltr"] .admin-sidebar .nav-item b, html[dir="ltr"] .notice-banner .text-action, html[dir="ltr"] .row-action { margin-inline-start: auto; margin-inline-end: 0; }
html[dir="ltr"] .approval-row, html[dir="ltr"] .event-row, html[dir="ltr"] .profile-button { text-align: left; }
html[dir="ltr"] .record-status li:not(:last-child)::after { inset-inline-start: 11px; inset-inline-end: auto; border-inline-start: 1px solid #d9e0d8; border-inline-end: 0; }
html[dir="ltr"] .toast { inset-inline-start: auto; inset-inline-end: 22px; }
.language-switcher { align-self: flex-start; margin: 18px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.45); color: #fff; background: transparent; font: 700 12px/1.2 "Cairo", sans-serif; cursor: pointer; }
.access-card { position: relative; }
.access-card .language-switcher { position: absolute; top: 18px; left: 18px; margin: 0; z-index: 2; color: #fff; border-color: rgba(232, 212, 172, .72); background: rgba(3, 46, 32, .2); }
html[dir="ltr"] .access-card .language-switcher { left: auto; right: 18px; }
html[dir="ltr"] .hero-panel, html[dir="ltr"] .primary-nav > a, html[dir="ltr"] .primary-nav .nav-trigger { text-align: left; }
/* Match the English reading direction: service icons lead their left-aligned
   labels instead of remaining on the Arabic side of the card. */
html[dir="ltr"] .service-icon { margin-inline-start: 0; margin-inline-end: auto; }
/* Contact working-group icons follow the reading edge of the card. */
html:not([dir="ltr"]) .route-card > .material-symbols-rounded { justify-self: right; }
html[dir="ltr"] .route-card > .material-symbols-rounded { justify-self: left; }
/* Leadership names use the approved English form only in the English view. */
html[dir="ltr"] .leadership-name-ar, html[dir="ltr"] .leadership-feature-latin { display: none; }
html:not([dir="ltr"]) :is(.leadership-name-en, .leadership-feature-latin) { display: none; }
html[dir="ltr"] :is(.leadership-feature-copy, .leadership-person) { text-align: left; }
/* Image heroes follow the reading direction: the green treatment and copy
   sit on the right in Arabic and move to the left in English. */
html[dir="ltr"] :is(.inner-hero-copy, .governance-hero-copy, .programmes-hero-copy, .learning-hero-copy, .membership-hero-copy, .research-hero-copy, .partners-hero-copy) { margin-inline-end: auto; text-align: left; }
html[dir="ltr"] :is(.governance-hero .container, .programmes-hero-layout, .learning-hero-layout, .membership-hero-layout, .research-hero-layout, .partners-hero-layout) { justify-content: flex-start; }
@media (min-width: 761px) {
  html[dir="ltr"] :is(.governance-hero, .programmes-hero, .learning-hero)::before,
  html[dir="ltr"] :is(.inner-hero, .governance-hero, .programmes-hero, .learning-hero, .membership-hero, .research-hero, .partners-hero)::after { transform: scaleX(-1); }
  html[dir="ltr"] .inner-hero:not(.inner-hero-news) { background-image: linear-gradient(270deg, rgba(3,46,32,.57) 0%, rgba(3,60,41,.76) 48%, rgba(3,46,32,.95) 100%), var(--inner-hero-image); }
  html[dir="ltr"] .inner-hero-news { background-image: linear-gradient(270deg, rgba(3,46,32,.30) 0%, rgba(3,60,41,.73) 48%, rgba(3,46,32,.95) 100%), url("/assets/hero-news-aleppo-courtyard-pd.webp"); }
}
html[dir="ltr"] .nav-trigger .material-symbols-rounded { margin-inline-start: 3px; margin-inline-end: 0; }
html[dir="ltr"] .publication-notice, html[dir="ltr"] .about-note, html[dir="ltr"] .membership-readiness-note { border-inline-start: 4px solid var(--leaf); border-inline-end: 0; }
html[dir="ltr"] .governance-detail-panel p, html[dir="ltr"] .programme-portfolio-heading > p, html[dir="ltr"] .programme-targets-heading > p, html[dir="ltr"] .research-section-heading > p, html[dir="ltr"] .partners-section-heading > p, html[dir="ltr"] .membership-readiness-heading > p { padding-inline-start: 28px; padding-inline-end: 0; border-inline-start: 1px solid #cdbf9f; border-inline-end: 0; }
@media (max-width:1000px) {
  html[dir="ltr"] .nav-wrap .container { grid-template-columns: 132px 1fr; }
  html[dir="ltr"] .menu-toggle { justify-self: start; margin-inline-start: 11px; margin-inline-end: 0; }
}
.language-switcher:focus-visible, [data-i18n-switcher]:focus-visible { outline: 3px solid #d8c9a8; outline-offset: 3px; }
@media (max-width: 860px) {
  .access-card .language-switcher { top: 14px; left: 14px; }
  html[dir="ltr"] .access-card .language-switcher { left: auto; right: 14px; }
  html[dir="ltr"] .admin-sidebar { order: initial; }
}


/* Live records print the Arabic value with the English one beneath it. In
   English the Arabic duplicate is redundant, so only one line is shown. */
html[lang="en"] .data-ar,
html[lang="en"] .leadership-name-ar { display: none; }
html[lang="en"] .data-en,
html[lang="en"] .leadership-name-en { font-size: inherit; font-weight: inherit; color: inherit; opacity: 1; }

/* Presentation for the database-backed sections and public forms. */
.live-section {
  padding-block: clamp(48px, 7vw, 96px);
}

.live-heading {
  margin-bottom: clamp(20px, 3vw, 36px);
}

.live-heading h2 {
  margin: 6px 0 0;
  font-size: clamp(24px, 3vw, 34px);
  color: var(--green-900);
}

.live-grid {
  display: grid;
  gap: clamp(16px, 2vw, 24px);
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.live-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--paper);
  box-shadow: var(--shadow);
}

.live-card-media img {
  display: block;
  width: 100%;
  height: 190px;
  object-fit: cover;
}

.live-card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
}

.live-card-body h3 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  font-size: 19px;
  color: var(--green-900);
}

.live-card-body p {
  margin: 0;
  color: var(--ink);
  line-height: 1.8;
}

.data-en {
  font-size: 13px;
  font-weight: 500;
  color: var(--green-700);
  opacity: 0.85;
}

.live-card-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--green-700);
}

.live-card-meta .material-symbols-rounded {
  font-size: 18px;
}

.live-card .btn,
.live-card .live-tag {
  align-self: flex-start;
  margin-top: auto;
}

.live-tag {
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--stone-100);
  font-size: 13px;
  color: var(--green-800);
}

.live-logo-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.live-logo-card {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 22px 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--paper);
  text-align: center;
}

.live-logo-card img {
  max-width: 140px;
  max-height: 70px;
  object-fit: contain;
}

.live-logo-fallback {
  display: grid;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: var(--green-800);
  color: var(--white);
  font-weight: 700;
  place-items: center;
}

.live-logo-card strong {
  display: flex;
  flex-direction: column;
  gap: 2px;
  color: var(--green-900);
}

.live-logo-card span {
  font-size: 14px;
  color: var(--ink);
}

.live-logo-link {
  text-decoration: none;
}

.live-form {
  max-width: 880px;
  padding: clamp(20px, 3vw, 32px);
  border: 1px solid var(--line);
  border-radius: 20px;
  background: var(--paper);
}

.live-registration {
  margin-top: 18px;
  max-width: none;
}

.live-registration h3 {
  margin: 0 0 14px;
  font-size: 17px;
  color: var(--green-900);
}

.form-note {
  margin: 10px 0 0;
  font-size: 14px;
  font-weight: 600;
}

.form-note.is-success {
  color: var(--green-800);
}

.form-note.is-error {
  color: #b4232a;
}

.form-note.is-pending {
  color: var(--green-700);
}

/* Contrast for the injected headings on the light beige page background. */
.live-heading .section-kicker { color: var(--green-700); }

/* Night mode: the database-backed sections and injected forms need explicit
   dark surfaces, otherwise they keep the light card palette. */
html.dark-theme main#page-content > section.live-section { background: var(--night-section) linear-gradient(rgba(11,42,28,.86), rgba(11,42,28,.86)), url("/assets/aleppo-pattern-lines.webp") center / 520px auto repeat !important; }
html.dark-theme main .live-heading h2 { color: var(--night-text); }
html.dark-theme main .live-heading .section-kicker { color: #d8c9a8; }
html.dark-theme main :is(.live-card, .live-logo-card, .live-form) {
  border-color: var(--night-border);
  background: var(--night-card);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
}
html.dark-theme main :is(.live-card-body h3, .live-logo-card strong, .live-registration h3) { color: var(--night-text); }
html.dark-theme main :is(.live-card-body p, .live-logo-card span) { color: var(--night-muted); }
html.dark-theme main .live-card-meta { color: #c8dcc6; }
html.dark-theme main .live-card-meta a { color: #ecd8a4; }
html.dark-theme main .data-en { color: #c0d0bf; }
html.dark-theme main .live-tag { background: var(--night-raised); color: var(--night-text); }
html.dark-theme main .live-logo-fallback { background: var(--night-raised); color: #ecd8a4; }
html.dark-theme main .live-form :is(label, legend) { color: var(--night-text); }
html.dark-theme main .live-form .field-hint,
html.dark-theme main .live-form .form-note.is-pending { color: var(--night-muted); }
html.dark-theme main .form-note.is-success { color: #a9dcb4; }
html.dark-theme main .form-note.is-error { color: #f3a3a3; }

/* Night mode, scoped to the two injected sections: the membership join-request
   form and the approved-partners grid. Higher weight than the generic route
   rule in search.css so the section keeps the brand surface + pattern. */
html.dark-theme main :is(.live-membership-form, .live-partners) {
  position: relative;
  isolation: isolate;
  background-color: var(--night-section) !important;
  background-image: none !important;
}
html.dark-theme main :is(.live-membership-form, .live-partners)::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background-color: var(--night-section);
  background-image: linear-gradient(rgba(11,42,28,.88), rgba(11,42,28,.88)), url("/assets/aleppo-pattern.webp");
  background-position: center, center;
  background-size: auto, 520px auto;
  background-repeat: repeat, repeat;
  pointer-events: none;
}
html.dark-theme main :is(.live-membership-form, .live-partners) > .container { position: relative; z-index: 1; }
html.dark-theme main :is(.live-membership-form, .live-partners) .live-heading h2 { color: var(--night-text); }
html.dark-theme main :is(.live-membership-form, .live-partners) .live-heading .section-kicker { color: #ecd8a4; }

/* Join-request form container and controls. */
html.dark-theme main .live-membership-form .live-form {
  border: 1px solid var(--night-border) !important;
  background-color: var(--night-card) !important;
  background-image: none !important;
  box-shadow: 0 18px 34px rgba(0,0,0,.28);
}
html.dark-theme main .live-membership-form .live-form :is(label, legend) { color: var(--night-text); }
html.dark-theme main .live-membership-form .live-form label span { color: var(--night-muted); }
html.dark-theme main .live-membership-form .live-form :is(input, textarea, select) {
  color: var(--night-text);
  border: 1px solid var(--night-border) !important;
  border-radius: 12px;
  background-color: var(--night-raised) !important;
  background-image: none !important;
}
html.dark-theme main .live-membership-form .live-form :is(input, textarea)::placeholder { color: #a9bda9; }
html.dark-theme main .live-membership-form .live-form :is(input, textarea, select):focus-visible {
  outline: none;
  border-color: #ecd8a4 !important;
  box-shadow: 0 0 0 3px rgba(236,216,164,.28);
}
html.dark-theme main .live-membership-form .form-actions p { color: var(--night-muted); }

/* Approved-partner cards. */
html.dark-theme main .live-partners .live-logo-card {
  border: 1px solid var(--night-border) !important;
  background-color: var(--night-card) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.24);
  transition: background-color .2s ease, box-shadow .2s ease;
}
html.dark-theme main .live-partners .live-logo-link:hover .live-logo-card {
  background-color: var(--night-raised) !important;
  box-shadow: 0 20px 38px rgba(0,0,0,.32);
}
html.dark-theme main .live-partners .live-logo-fallback { background: var(--night-raised); color: #ecd8a4; }
html.dark-theme main .live-partners .live-logo-card strong { color: var(--night-text); }
html.dark-theme main .live-partners .live-logo-card span { color: var(--night-muted); }
html.dark-theme main .live-partners .data-en { color: #c0d0bf; }