/* =====================================================================
   UECN theme — professional international-organisation style
   Light background · deep green · restrained red accents · LTR + RTL
   ===================================================================== */

:root {
	/* colours taken from the UECN logo: UAE green, silver, black, China red, star gold */
	--green-950: #0b1a12;
	--green-900: #06381b;
	--green-800: #00732f;
	--green-700: #00672a;
	--green-600: #168a42;
	--green-100: #d3e9da;
	--green-50: #eef6f1;
	--red-700: #b42322;
	--red-600: #dc3130;
	--red-50: #fdeeee;
	--silver: #cccece;
	--gold: #ffe84d;
	--black: #111412;
	--amber-600: #a86200;
	--amber-50: #fdf3e2;
	--ink: #151a17;
	--ink-2: #343c38;
	--muted: #5e6763;
	--line: #dfe3e1;
	--bg: #ffffff;
	--bg-soft: #f6f7f6;
	--radius: 4px;
	--shadow: 0 1px 2px rgba(11, 26, 18, .06), 0 8px 24px rgba(11, 26, 18, .08);
	--wrap: 1240px;
	--gutter: 24px;
	--font-sans: "Inter", "Helvetica Neue", Arial, sans-serif;
	--font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
}

html.lang-zh, body.lang-zh {
	--font-sans: "Noto Sans SC", "Inter", "PingFang SC", "Microsoft YaHei", sans-serif;
	--font-serif: "Noto Serif SC", "Noto Sans SC", "Songti SC", serif;
}
body.lang-ar {
	--font-sans: "Noto Naskh Arabic", "Noto Kufi Arabic", "Segoe UI", Tahoma, sans-serif;
	--font-serif: "Noto Kufi Arabic", "Noto Naskh Arabic", Tahoma, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; overflow-x: hidden; }
body { overflow-x: hidden; }
body {
	margin: 0;
	background: var(--bg);
	color: var(--ink);
	font: 400 17px/1.65 var(--font-sans);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
body.lang-ar { font-size: 18px; line-height: 1.8; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--green-700); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--green-900); }
h1, h2, h3, h4 { font-family: var(--font-serif); color: var(--green-950); line-height: 1.2; margin: 0 0 .5em; font-weight: 600; letter-spacing: -.01em; }
body.lang-ar h1, body.lang-ar h2, body.lang-ar h3, body.lang-zh h1, body.lang-zh h2, body.lang-zh h3 { letter-spacing: 0; line-height: 1.35; }
p { margin: 0 0 1em; }
:focus-visible { outline: 3px solid var(--red-600); outline-offset: 2px; }

.uecn-wrap { max-width: var(--wrap); margin-inline: auto; padding-inline: var(--gutter); }
.uecn-wrap--narrow { max-width: 860px; }
.uecn-sr, .uecn-hp { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.uecn-skip { position: absolute; inset-inline-start: 12px; top: -60px; background: var(--green-900); color: #fff; padding: 10px 16px; z-index: 100; }
.uecn-skip:focus { top: 12px; }
.uecn-muted { color: var(--muted); }
.uecn-small { font-size: .875rem; }
.uecn-ic { flex: none; vertical-align: middle; }
[dir="rtl"] .uecn-ic--arrow { transform: scaleX(-1); }

/* ---------------------------------------------------------------- buttons */
.uecn-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: .5em;
	min-height: 44px; padding: 10px 20px; border: 1px solid transparent; border-radius: var(--radius);
	font: 600 15px/1.2 var(--font-sans); text-decoration: none; cursor: pointer;
	transition: background .15s, color .15s, border-color .15s; white-space: nowrap;
}
.uecn-btn--primary { background: var(--green-800); color: #fff; }
.uecn-btn--primary:hover { background: var(--green-950); color: #fff; }
.uecn-btn--accent { background: var(--red-600); color: #fff; }
.uecn-btn--accent:hover { background: var(--red-700); color: #fff; }
.uecn-btn--ghost { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .7); }
.uecn-btn--ghost:hover { background: #fff; color: var(--green-900); }
.uecn-btn--light { background: #fff; color: var(--green-900); }
.uecn-btn--light:hover { background: var(--green-50); color: var(--green-950); }
.uecn-btn--small { min-height: 36px; padding: 6px 14px; font-size: 14px; background: var(--green-50); color: var(--green-800); border-color: var(--green-100); }
.uecn-btn--lg { min-height: 52px; padding: 14px 28px; font-size: 16px; }
.uecn-more { display: inline-flex; align-items: center; gap: .4em; font-weight: 600; font-size: 15px; color: var(--green-700); text-decoration: none; white-space: nowrap; }
.uecn-more:hover { color: var(--red-600); }
.uecn-iconbtn { display: inline-grid; place-items: center; width: 44px; height: 44px; border: 0; background: transparent; color: var(--green-900); cursor: pointer; border-radius: var(--radius); }
.uecn-iconbtn:hover { background: var(--green-50); }

/* ---------------------------------------------------------------- top bar & header */
.uecn-topbar { background: var(--black); color: #c9cfcb; font-size: 13px; }
.uecn-topbar__inner { display: flex; justify-content: space-between; align-items: center; min-height: 38px; gap: 16px; }
.uecn-topbar__claim { margin: 0; letter-spacing: .02em; }
.uecn-lang { display: flex; align-items: center; gap: 8px; font-size: 14px; }
.uecn-lang a { color: inherit; text-decoration: none; padding: 4px 2px; }
.uecn-lang a:hover { color: #fff; }
.uecn-lang a.is-current { color: #fff; font-weight: 600; box-shadow: inset 0 -2px 0 var(--red-600); }
.uecn-lang__sep { opacity: .4; }
.uecn-lang a[lang="ar"] { font-family: "Noto Kufi Arabic", Tahoma, sans-serif; }
.uecn-lang a[lang="zh-Hans"] { font-family: "Noto Sans SC", "PingFang SC", sans-serif; }

.uecn-header { position: sticky; top: 0; z-index: 50; background: #fff; border-bottom: 1px solid var(--line); }
.uecn-header__inner { display: flex; align-items: center; gap: 28px; min-height: 84px; }
.uecn-brand { flex: none; }
.uecn-brand .custom-logo { max-height: 60px; width: auto; }
.uecn-logo { display: block; line-height: 0; }
.uecn-logo img { height: 64px; width: auto; }
.uecn-footer .uecn-logo img { height: 64px; }
.uecn-wordmark { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--green-900); }
.uecn-wordmark__mark { width: 36px; height: 36px; border-radius: 50%; background: conic-gradient(var(--green-800) 0 75%, var(--red-600) 75% 100%); box-shadow: inset 0 0 0 9px #fff, 0 0 0 1px var(--green-800); }
.uecn-wordmark__text { font: 700 28px/1 var(--font-serif); letter-spacing: .06em; }

.uecn-nav { flex: 1; }
.uecn-nav__list { display: flex; gap: 4px; list-style: none; margin: 0; padding: 0; }
.uecn-nav__list > li { position: relative; }
.uecn-nav__list > li > a { display: flex; align-items: center; gap: 6px; padding: 30px 12px; font-weight: 500; font-size: 16px; color: var(--ink); text-decoration: none; box-shadow: inset 0 -3px 0 transparent; }
.uecn-nav__list > li > a:hover, .uecn-nav__list > li.current-menu-item > a, .uecn-nav__list > li.current-menu-ancestor > a { color: var(--green-800); box-shadow: inset 0 -3px 0 var(--red-600); }
.uecn-nav .menu-item-has-children > a::after { content: ""; width: 7px; height: 7px; border: solid currentColor; border-width: 0 1.6px 1.6px 0; transform: translateY(-2px) rotate(45deg); }
.uecn-nav .sub-menu { position: absolute; inset-inline-start: 0; top: 100%; min-width: 290px; list-style: none; margin: 0; padding: 10px 0; background: #fff; border: 1px solid var(--line); border-top: 3px solid var(--green-800); box-shadow: var(--shadow); opacity: 0; visibility: hidden; transform: translateY(6px); transition: .15s; }
.uecn-nav li:hover > .sub-menu, .uecn-nav li.is-focus > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.uecn-nav .sub-menu a { display: block; padding: 10px 20px; color: var(--ink); text-decoration: none; font-size: 15px; }
.uecn-nav .sub-menu a:hover { background: var(--green-50); color: var(--green-800); }
.uecn-nav__mobile-extra { display: none; }
.uecn-header__actions { display: flex; align-items: center; gap: 8px; margin-inline-start: auto; }
.uecn-menu-toggle { display: none; }

.uecn-flagline { height: 4px; background: linear-gradient(90deg, var(--green-800) 0 25%, var(--silver) 25% 50%, var(--black) 50% 75%, var(--red-600) 75% 100%); }
[dir="rtl"] .uecn-flagline { background: linear-gradient(270deg, var(--green-800) 0 25%, var(--silver) 25% 50%, var(--black) 50% 75%, var(--red-600) 75% 100%); }
.uecn-search { border-top: 1px solid var(--line); background: var(--bg-soft); padding: 18px 0; }
.uecn-search__form { display: flex; gap: 10px; max-width: 760px; }
.uecn-search__form input { flex: 1; }
.uecn-search__form--page { margin-bottom: 32px; }

/* ---------------------------------------------------------------- alert bar */
.uecn-alertbar { background: var(--red-50); border-bottom: 1px solid #efc6ca; color: var(--red-700); font-size: 15px; }
.uecn-alertbar__inner { display: flex; align-items: center; gap: 18px; min-height: 52px; flex-wrap: wrap; padding-block: 8px; }
.uecn-alertbar__label { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; text-transform: uppercase; font-size: 12px; letter-spacing: .08em; background: var(--red-600); color: #fff; padding: 5px 10px; border-radius: 2px; }
.uecn-alertbar__list { display: flex; flex-wrap: wrap; gap: 6px 24px; list-style: none; margin: 0; padding: 0; flex: 1; }
.uecn-alertbar__list a { color: var(--red-700); text-decoration: none; }
.uecn-alertbar__list a:hover { text-decoration: underline; }
.uecn-alertbar__time { color: #8a4a50; font-size: 13px; margin-inline-start: 8px; }
.uecn-alertbar__all { color: var(--red-700); font-weight: 600; }

/* ---------------------------------------------------------------- hero */
.uecn-hero { position: relative; color: #fff; background-color: var(--green-950); background-image: radial-gradient(ellipse at 88% 10%, rgba(220, 49, 48, .45), transparent 45%), radial-gradient(ellipse at 70% 110%, rgba(0, 115, 47, .55), transparent 50%), linear-gradient(115deg, #070f0a 0%, var(--green-950) 45%, #10281a 100%); overflow: hidden; }
.uecn-hero::before { content: ""; position: absolute; inset-block: 0; inset-inline-end: -8%; width: 55%; background: repeating-linear-gradient(-12deg, transparent 0 26px, rgba(255, 255, 255, .035) 26px 30px); transform: skewX(-8deg); pointer-events: none; }
.uecn-hero::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 4px; background: linear-gradient(90deg, var(--green-800) 0 25%, var(--silver) 25% 50%, var(--black) 50% 75%, var(--red-600) 75% 100%); pointer-events: none; }
.uecn-hero.has-image { background: var(--green-950) var(--hero) center/cover no-repeat; }
.uecn-hero.has-image::before { inset: 0; width: auto; transform: none; background: linear-gradient(90deg, rgba(7, 15, 10, .94) 0%, rgba(7, 15, 10, .82) 38%, rgba(7, 15, 10, .35) 70%, rgba(7, 15, 10, .15) 100%), linear-gradient(0deg, rgba(7, 15, 10, .55), transparent 40%); }
[dir="rtl"] .uecn-hero.has-image::before { background: linear-gradient(270deg, rgba(7, 15, 10, .94) 0%, rgba(7, 15, 10, .82) 38%, rgba(7, 15, 10, .35) 70%, rgba(7, 15, 10, .15) 100%), linear-gradient(0deg, rgba(7, 15, 10, .55), transparent 40%); }
.uecn-hero__inner { position: relative; z-index: 1; display: flex; align-items: center; min-height: 440px; padding-block: 56px; }
.uecn-hero__text { max-width: 720px; }
.uecn-hero__title { color: #fff; font-size: clamp(2rem, 4.2vw, 3.3rem); font-weight: 600; margin-bottom: .45em; }
.uecn-hero__lead { font-size: clamp(1.05rem, 1.6vw, 1.25rem); color: #e4ebe7; max-width: 620px; margin-bottom: 1.6em; }
.uecn-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.uecn-eyebrow { font: 600 13px/1.4 var(--font-sans); text-transform: uppercase; letter-spacing: .12em; color: var(--red-600); margin: 0 0 12px; display: inline-flex; align-items: center; gap: 10px; }
.uecn-eyebrow::before { content: ""; width: 28px; height: 2px; background: currentColor; }
.uecn-hero .uecn-eyebrow { color: var(--gold); }
.uecn-hero__lead { text-shadow: 0 1px 2px rgba(0,0,0,.25); }
body.lang-ar .uecn-eyebrow, body.lang-zh .uecn-eyebrow { letter-spacing: 0; text-transform: none; }

/* ---------------------------------------------------------------- sections */
.uecn-section { padding-block: 72px; }
.uecn-section--tight { padding-block: 36px 0; }
.uecn-section:nth-of-type(even) { background: var(--bg-soft); }
.uecn-shead { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 32px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.uecn-shead__title { font-size: clamp(1.6rem, 2.6vw, 2.2rem); margin: 0; position: relative; }
.uecn-shead__intro { margin: 10px 0 0; color: var(--muted); max-width: 720px; font-size: 1.05rem; }
.uecn-topics { font-size: 14px; color: var(--muted); margin: -12px 0 28px; }
.uecn-topics--page { margin: 28px 0 0; padding: 14px 18px; background: var(--green-50); border-inline-start: 3px solid var(--green-700); color: var(--ink-2); }
.uecn-empty { color: var(--muted); padding: 28px; border: 1px dashed var(--line); border-radius: var(--radius); background: #fff; margin: 0; }
.uecn-disclaimer { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: var(--ink-2); background: var(--amber-50); border-inline-start: 3px solid var(--amber-600); padding: 12px 16px; margin: 28px 0 0; }
.uecn-disclaimer .uecn-ic { color: var(--amber-600); margin-top: 2px; }

/* mission */
.uecn-mission { background: #fff !important; }
.uecn-mission__grid { display: grid; grid-template-columns: 5fr 7fr; gap: 56px; align-items: start; }
.uecn-mission__title { font-size: clamp(1.8rem, 3vw, 2.5rem); margin: 0; }
.uecn-mission__text { font-size: 1.15rem; color: var(--ink-2); }

/* grids */
.uecn-grid { display: grid; gap: 28px; }
.uecn-grid--2 { grid-template-columns: repeat(2, 1fr); }
.uecn-grid--3 { grid-template-columns: repeat(3, 1fr); }
.uecn-grid--4 { grid-template-columns: repeat(4, 1fr); }
.uecn-rows { display: grid; gap: 0; border-top: 1px solid var(--line); }

/* ---------------------------------------------------------------- cards */
.uecn-card { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; transition: box-shadow .15s, border-color .15s; }
.uecn-card:hover { box-shadow: var(--shadow); border-color: var(--green-100); }
.uecn-card__media { display: block; aspect-ratio: 16/10; overflow: hidden; background: var(--green-50); }
.uecn-card__img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.uecn-card:hover .uecn-card__img { transform: scale(1.03); }
.uecn-card__body { padding: 20px 22px 24px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.uecn-card__title { font-size: 1.2rem; margin: 0; }
.uecn-card__title a { color: var(--green-950); text-decoration: none; }
.uecn-card__title a:hover { color: var(--green-700); text-decoration: underline; }
.uecn-card__sum { color: var(--ink-2); font-size: 15px; margin: 0; }
.uecn-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 13px; color: var(--muted); }
.uecn-dot { opacity: .6; }
.uecn-card__body > .uecn-kicker { align-self: flex-start; }
.uecn-kicker { font-weight: 700; text-transform: uppercase; letter-spacing: .06em; font-size: 12px; color: var(--green-700); text-decoration: none; }
a.uecn-kicker:hover { color: var(--red-600); }
body.lang-ar .uecn-kicker, body.lang-zh .uecn-kicker { letter-spacing: 0; font-size: 13px; }
.uecn-src { font-style: normal; }
.uecn-tag { display: inline-block; align-self: flex-start; margin: 0; font-size: 12px; font-weight: 600; color: var(--green-800); background: var(--green-50); padding: 3px 8px; border-radius: 2px; }
.uecn-chips { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; padding: 0; margin: 6px 0 0; }
.uecn-chips li { font-size: 12px; padding: 3px 8px; border: 1px solid var(--line); border-radius: 2px; color: var(--ink-2); background: var(--bg-soft); }
.uecn-pill { display: inline-block; font-size: 13px; padding: 2px 10px; margin: 2px; border: 1px solid var(--line); border-radius: 20px; color: var(--ink-2); text-decoration: none; }
.uecn-pill:hover { border-color: var(--green-700); color: var(--green-800); }

/* lead + headlines */
.uecn-featured__grid { display: grid; grid-template-columns: 7fr 5fr; gap: 32px; }
.uecn-card--lead .uecn-card__media { aspect-ratio: 16/9; }
.uecn-card--lead .uecn-card__body { padding: 26px 28px 30px; }
.uecn-card--lead .uecn-card__title { font-size: clamp(1.5rem, 2.4vw, 2rem); }
.uecn-card--lead .uecn-card__sum { font-size: 1.05rem; }
.uecn-card--lead { align-self: start; }
.uecn-card--lead:not(.has-img) { border-top: 4px solid var(--green-800); background: linear-gradient(180deg, var(--green-50), #fff 60%); }
.uecn-headlines { display: flex; flex-direction: column; border-top: 3px solid var(--green-800); }
.uecn-card--headline { border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; }
.uecn-card--headline:hover { box-shadow: none; }
.uecn-card--headline .uecn-card__body { padding: 18px 0; }
.uecn-card--headline .uecn-card__title { font-size: 1.12rem; }
.uecn-card--headline .uecn-card__sum { font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* rows (listing pages) */
.uecn-card--row { flex-direction: row; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; }
.uecn-card--row:hover { box-shadow: none; }
.uecn-card--row .uecn-card__media { flex: 0 0 260px; aspect-ratio: 16/10; margin-block: 22px; border-radius: var(--radius); }
.uecn-card--row .uecn-card__body { padding: 22px 0; padding-inline-start: 0; }
.uecn-card--row.has-img .uecn-card__body { padding-inline-start: 26px; }
.uecn-card--row .uecn-card__title { font-size: 1.3rem; }

/* policy cards */
.uecn-card--policy { border-top: 3px solid var(--green-800); }
.uecn-policy .uecn-card { background: #fff; }

/* industries */
.uecn-industries { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; list-style: none; padding: 0; margin: 0 0 40px; border-top: 1px solid var(--line); border-inline-start: 1px solid var(--line); }
.uecn-industries li { border-bottom: 1px solid var(--line); border-inline-end: 1px solid var(--line); }
.uecn-industries a { display: flex; flex-direction: column; gap: 6px; height: 100%; padding: 20px 22px; text-decoration: none; background: #fff; transition: background .15s; }
.uecn-industries a:hover { background: var(--green-50); }
.uecn-industries strong { color: var(--green-900); font-family: var(--font-serif); font-size: 1.1rem; font-weight: 600; }
.uecn-industries span { color: var(--muted); font-size: 14px; line-height: 1.5; }
.uecn-industries li:first-child a { background: var(--green-800); }
.uecn-industries li:first-child strong { color: #fff; }
.uecn-industries li:first-child span { color: #cfe3da; }
.uecn-industries li:first-child a:hover { background: var(--green-950); }

/* ---------------------------------------------------------------- travel alerts */
.uecn-acard { position: relative; display: flex; flex-direction: column; gap: 10px; background: #fff; border: 1px solid var(--line); border-inline-start: 4px solid var(--red-600); border-radius: var(--radius); padding: 20px 22px; }
.uecn-acard--updated { border-inline-start-color: var(--amber-600); }
.uecn-acard--resolved { border-inline-start-color: #8a968f; }
.uecn-acard__top { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.uecn-acard__country { display: inline-flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 600; color: var(--ink-2); }
.uecn-acard__loc { margin: 0; font-size: 14px; color: var(--ink-2); }
.uecn-acard__facts { margin: 4px 0 0; padding-top: 10px; border-top: 1px solid var(--line); display: grid; gap: 4px; font-size: 13px; }
.uecn-acard__facts div { display: flex; justify-content: space-between; gap: 12px; }
.uecn-acard__facts dt { color: var(--muted); }
.uecn-acard__facts dd { margin: 0; text-align: end; color: var(--ink-2); }
.is-stale { color: var(--amber-600) !important; font-weight: 600; }
.uecn-badge { display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; padding: 3px 8px; border-radius: 2px; }
.uecn-badge--active { background: var(--red-600); color: #fff; }
.uecn-badge--updated { background: var(--amber-600); color: #fff; }
.uecn-badge--resolved { background: #e3e8e5; color: var(--ink-2); }
body.lang-ar .uecn-badge, body.lang-zh .uecn-badge { letter-spacing: 0; font-size: 12px; }

/* ---------------------------------------------------------------- events */
.uecn-ecard { display: flex; gap: 18px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 22px; }
.uecn-ecard.is-past { opacity: .85; }
.uecn-ecard__date { flex: none; width: 68px; height: 72px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--green-950); border-bottom: 3px solid var(--red-600); color: #fff; border-radius: var(--radius); }
.uecn-ecard__date span { font: 700 26px/1 var(--font-serif); }
.uecn-ecard__date small { text-transform: uppercase; font-size: 12px; letter-spacing: .1em; margin-top: 4px; }
.uecn-ecard__body { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.uecn-ecard__facts { list-style: none; padding: 0; margin: 0; display: grid; gap: 4px; font-size: 14px; color: var(--ink-2); }
.uecn-ecard__facts li { display: flex; gap: 6px; align-items: center; }
.uecn-ecard__org { color: var(--muted); }

/* ---------------------------------------------------------------- membership band */
.uecn-join { position: relative; background: var(--green-950) !important; background-image: radial-gradient(ellipse at 0% 0%, rgba(0, 115, 47, .55), transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(220, 49, 48, .35), transparent 50%) !important; color: #e3e9e5; }
.uecn-join__inner { display: grid; grid-template-columns: 6fr 5fr; gap: 56px; align-items: center; }
.uecn-join__title { color: #fff; font-size: clamp(1.8rem, 3vw, 2.5rem); }
.uecn-join .uecn-eyebrow { color: var(--gold); }
.uecn-join__text p { font-size: 1.1rem; }
.uecn-join__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.uecn-join__list li { display: flex; gap: 14px; align-items: flex-start; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .14); padding: 18px 20px; border-radius: var(--radius); }
.uecn-join__list .uecn-ic { color: #fff; background: var(--green-800); border-radius: 50%; padding: 4px; width: 28px; height: 28px; }
.uecn-join__list strong { display: block; color: #fff; font-size: 1.05rem; }
.uecn-join__list span { font-size: 15px; color: #c9d4ce; }

/* ---------------------------------------------------------------- newsletter */
.uecn-newsletter { background: var(--bg-soft) !important; border-top: 1px solid var(--line); }
.uecn-newsletter__inner { display: grid; grid-template-columns: 5fr 7fr; gap: 48px; align-items: start; }
.uecn-nl-row { display: flex; gap: 10px; }
.uecn-nl-row input { flex: 1; }
.uecn-nl-opts { border: 0; padding: 0; margin: 12px 0 0; display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 14px; }
.uecn-nl-opts legend { font-weight: 600; font-size: 13px; color: var(--muted); padding: 0; margin-bottom: 4px; width: 100%; }
.uecn-fine { font-size: 13px; color: var(--muted); margin: 12px 0 0; }
.uecn-nlstrip { background: var(--green-50); border-top: 1px solid var(--green-100); padding-block: 40px; }
.uecn-nlstrip__inner { display: grid; grid-template-columns: 4fr 7fr; gap: 40px; align-items: start; }
.uecn-nlstrip__title { font-size: 1.6rem; margin-bottom: .3em; }
.uecn-nlstrip p { margin: 0; color: var(--ink-2); }

/* ---------------------------------------------------------------- forms */
.uecn-form { display: grid; gap: 16px; }
.uecn-form label { display: grid; gap: 6px; font-size: 14px; font-weight: 600; color: var(--ink-2); }
.uecn-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], select, textarea {
	width: 100%; min-height: 46px; padding: 10px 14px; border: 1px solid #c5d0ca; border-radius: var(--radius);
	background: #fff; color: var(--ink); font: 400 16px/1.4 var(--font-sans);
}
textarea { min-height: 120px; resize: vertical; }
select[multiple] { min-height: 140px; }
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--green-700); box-shadow: 0 0 0 3px rgba(20, 94, 72, .15); }
.uecn-form label.uecn-check, .uecn-check { display: flex !important; align-items: flex-start; gap: 8px; font-weight: 400; font-size: 15px; color: var(--ink-2); }
.uecn-check input { width: 18px; height: 18px; margin-top: 3px; accent-color: var(--green-800); flex: none; }
.uecn-fieldset { border: 1px solid var(--line); border-radius: var(--radius); padding: 14px 18px; margin: 0; }
.uecn-fieldset legend { font-weight: 600; font-size: 14px; padding: 0 6px; color: var(--ink-2); }
.uecn-checks { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px 16px; }
.uecn-notice { padding: 14px 18px; border-radius: var(--radius); margin: 0 0 18px; font-weight: 500; }
.uecn-notice--ok { background: var(--green-50); color: var(--green-900); border-inline-start: 4px solid var(--green-700); }
.uecn-notice--err { background: var(--red-50); color: var(--red-700); border-inline-start: 4px solid var(--red-600); }
.uecn-filters { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 14px; padding: 18px 20px; background: var(--bg-soft); border: 1px solid var(--line); border-radius: var(--radius); }
.uecn-filters label { display: grid; gap: 4px; font-size: 13px; font-weight: 600; color: var(--muted); min-width: 200px; }

/* membership page */
.uecn-membership { display: grid; gap: 32px; }
.uecn-mem-intro .lead { font-size: 1.2rem; color: var(--ink-2); max-width: 760px; }
.uecn-mem-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.uecn-membership .uecn-card { padding: 28px 30px; display: block; }
.uecn-membership .uecn-card:hover { box-shadow: none; }
.uecn-ticks { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.uecn-ticks li { position: relative; padding-inline-start: 30px; }
.uecn-ticks li::before { content: ""; position: absolute; inset-inline-start: 0; top: .45em; width: 16px; height: 9px; border: solid var(--green-700); border-width: 0 0 2.5px 2.5px; transform: rotate(-45deg); }
.uecn-steps { margin: 0; padding-inline-start: 1.3em; display: grid; gap: 6px; }
.uecn-form-card { border-top: 4px solid var(--green-800) !important; }

/* ---------------------------------------------------------------- page heads & tabs */
.uecn-phead { background: var(--green-50); background-image: linear-gradient(120deg, var(--green-50), #fff 70%); border-bottom: 1px solid var(--green-100); padding: 48px 0 0; }
.uecn-phead--alert { background: var(--red-50); border-bottom-color: #efc6ca; }
.uecn-phead__title { font-size: clamp(2rem, 3.6vw, 2.9rem); margin-bottom: .3em; }
.uecn-phead__lead { font-size: 1.15rem; color: var(--ink-2); max-width: 780px; margin-bottom: 28px; }
.uecn-phead > .uecn-wrap > :last-child:not(.uecn-tabs) { padding-bottom: 36px; margin-bottom: 0; }
.uecn-tabs { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; margin-top: 8px; }
.uecn-tabs a { flex: none; padding: 12px 16px; font-weight: 600; font-size: 15px; color: var(--ink-2); text-decoration: none; border-bottom: 3px solid transparent; }
.uecn-tabs a:hover { color: var(--green-800); }
.uecn-tabs a.is-current { color: var(--green-900); border-bottom-color: var(--red-600); background: #fff; }
.uecn-subtabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.uecn-subtabs a { padding: 6px 14px; border: 1px solid var(--line); border-radius: 20px; font-size: 14px; text-decoration: none; color: var(--ink-2); }
.uecn-subtabs a.is-current { background: var(--green-800); border-color: var(--green-800); color: #fff; }
.uecn-crumbs { display: flex; gap: 8px; font-size: 14px; margin-bottom: 14px; color: var(--muted); }
.uecn-crumbs a { color: var(--green-700); text-decoration: none; }

/* news index */
.uecn-catgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.uecn-catcol { border-top: 3px solid var(--green-800); padding-top: 16px; display: flex; flex-direction: column; }
.uecn-catcol:last-child { border-top-color: var(--red-600); }
.uecn-catcol__title { font-size: 1.25rem; margin-bottom: .3em; }
.uecn-catcol__title a { color: var(--green-950); text-decoration: none; }
.uecn-catcol__intro { font-size: 14px; color: var(--muted); }
.uecn-list { list-style: none; padding: 0; margin: 0 0 14px; }
.uecn-list li { padding: 10px 0; border-bottom: 1px solid var(--line); display: grid; gap: 2px; }
.uecn-list a { color: var(--ink); text-decoration: none; font-weight: 500; line-height: 1.4; }
.uecn-list a:hover { color: var(--green-700); text-decoration: underline; }
.uecn-list span { font-size: 13px; }
.uecn-catcol .uecn-more { margin-top: auto; }

/* ---------------------------------------------------------------- article */
.uecn-article__head { background: var(--bg-soft); border-bottom: 1px solid var(--line); padding: 40px 0 28px; }
.uecn-article__title { font-size: clamp(1.9rem, 3.6vw, 2.8rem); margin-bottom: .4em; }
.uecn-article__standfirst { font-size: 1.2rem; color: var(--ink-2); }
.uecn-article__meta { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 14px; color: var(--muted); padding-top: 14px; border-top: 1px solid var(--line); }
.uecn-nature { color: var(--amber-600); font-weight: 600; }
.uecn-article__alertline { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 14px; }
.uecn-langver { display: flex; flex-wrap: wrap; gap: 8px 22px; list-style: none; padding: 0; margin: 14px 0 0; font-size: 14px; }
.uecn-langver a { font-weight: 600; }
.uecn-langver small { color: var(--muted); }
.uecn-langver .is-current a { color: var(--ink); text-decoration: none; box-shadow: inset 0 -2px 0 var(--red-600); }
.uecn-article__body { padding-block: 40px 64px; }
.uecn-prose { font-size: 1.1rem; line-height: 1.75; color: var(--ink); }
body.lang-ar .uecn-prose { font-size: 1.2rem; line-height: 1.95; }
.uecn-prose h2 { font-size: 1.6rem; margin-top: 1.6em; }
.uecn-prose h3 { font-size: 1.3rem; margin-top: 1.4em; }
.uecn-prose ul, .uecn-prose ol { padding-inline-start: 1.4em; }
.uecn-prose blockquote { margin: 1.5em 0; padding: 4px 0; padding-inline-start: 20px; border-inline-start: 3px solid var(--red-600); color: var(--ink-2); font-style: italic; }
.uecn-alert-update { background: var(--amber-50); border-inline-start: 3px solid var(--amber-600); padding: 10px 16px; margin-bottom: 1.2em; }
.uecn-article__figure { margin: 0 0 28px; }
.uecn-article__figure img { border-radius: var(--radius); width: 100%; }
.uecn-article__figure figcaption { font-size: 13px; color: var(--muted); margin-top: 8px; }
.uecn-record { background: #fff; border: 1px solid var(--line); border-top: 4px solid var(--red-600); border-radius: var(--radius); padding: 22px 24px; margin-bottom: 32px; }
.uecn-record--policy { border-top-color: var(--green-800); }
.uecn-record dl { margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px 28px; }
.uecn-record dl div { display: grid; gap: 2px; }
.uecn-record dt { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); }
body.lang-ar .uecn-record dt, body.lang-zh .uecn-record dt { letter-spacing: 0; font-size: 13px; }
.uecn-record dd { margin: 0; font-weight: 500; }
.uecn-guidance { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); }
.uecn-guidance h2 { font-size: 1.15rem; }
.uecn-sources, .uecn-corrections, .uecn-history { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--line); }
.uecn-sources h2, .uecn-corrections h2, .uecn-history h2 { font-size: 1.2rem; }
.uecn-sources ul, .uecn-corrections ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.uecn-sources li { display: flex; gap: 8px; align-items: center; }
.uecn-history ol { margin: 0; padding-inline-start: 1.2em; display: grid; gap: 8px; font-size: 15px; }
.uecn-history time, .uecn-corrections time { color: var(--muted); font-size: 14px; }
.uecn-corrections { background: var(--amber-50); padding: 20px 22px; border: 0; border-inline-start: 3px solid var(--amber-600); }
.uecn-article__tags { margin-top: 40px; display: grid; gap: 10px; font-size: 14px; }
.uecn-withdrawn { background: var(--red-50); color: var(--red-700); border-inline-start: 4px solid var(--red-600); padding: 12px 16px; margin-bottom: 16px; }
.uecn-withdrawn--info { background: var(--green-50); color: var(--green-900); border-color: var(--green-700); }
.uecn-related { background: var(--bg-soft) !important; }

/* pagination */
.nav-links { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 36px; }
.nav-links .page-numbers { min-width: 42px; height: 42px; padding: 0 12px; display: inline-grid; place-items: center; border: 1px solid var(--line); border-radius: var(--radius); text-decoration: none; color: var(--ink-2); }
.nav-links .page-numbers.current { background: var(--green-800); border-color: var(--green-800); color: #fff; }

/* ---------------------------------------------------------------- footer */
.uecn-footer { position: relative; background: var(--black); color: #b9c2bd; font-size: 15px; }
.uecn-footer a { color: #e3eee9; text-decoration: none; }
.uecn-footer a:hover { color: #fff; text-decoration: underline; }
.uecn-footer .uecn-btn--light { color: var(--green-900); margin-top: 8px; }
.uecn-footer .uecn-btn--light:hover { color: var(--green-950); text-decoration: none; }
.uecn-footer::before { content: ""; display: block; height: 4px; background: linear-gradient(90deg, var(--green-800) 0 25%, var(--silver) 25% 50%, #2a2f2c 50% 75%, var(--red-600) 75% 100%); }
.uecn-footer__top { display: grid; grid-template-columns: 5fr 7fr; gap: 56px; padding-block: 64px 44px; }
.uecn-footer .uecn-wordmark { color: #fff; }
.uecn-footer .uecn-wordmark__mark { box-shadow: inset 0 0 0 9px var(--green-950), 0 0 0 1px #fff; background: conic-gradient(#fff 0 75%, var(--red-600) 75% 100%); }
.uecn-footer .custom-logo { max-height: 56px; width: auto; background: #fff; padding: 8px; border-radius: var(--radius); }
.uecn-footer__claim { color: #fff; font: 600 1.1rem/1.4 var(--font-serif); margin: 18px 0 8px; }
.uecn-footer__text { max-width: 440px; }
.uecn-footer__links { list-style: none; padding: 0; margin: 0; columns: 2; column-gap: 40px; }
.uecn-footer__links li { padding: 6px 0; break-inside: avoid; }
.uecn-footer__bottom { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; padding-block: 22px; border-top: 1px solid rgba(255, 255, 255, .12); font-size: 14px; }
.uecn-footer__bottom p { margin: 0; }

/* ---------------------------------------------------------------- responsive */
@media (max-width: 1180px) {
	.uecn-nav__list > li > a { padding-inline: 9px; font-size: 15px; }
	.uecn-grid--4 { grid-template-columns: repeat(2, 1fr); }
	.uecn-industries { grid-template-columns: repeat(2, 1fr); }
	.uecn-catgrid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 1023px) {
	.uecn-menu-toggle { display: inline-grid; }
	.uecn-header__inner { min-height: 68px; gap: 12px; }
	.uecn-brand .custom-logo { max-height: 46px; }
	.uecn-nav { position: fixed; inset: 0; top: 72px; background: #fff; overflow-y: auto; padding: 12px var(--gutter) 40px; transform: translateX(-100%); transition: transform .2s; visibility: hidden; }
	[dir="rtl"] .uecn-nav { transform: translateX(100%); }
	.uecn-nav.is-open { transform: none; visibility: visible; }
	.uecn-nav:not(.is-open) { pointer-events: none; }
	html.uecn-nav-open { overflow: hidden; }
	.uecn-nav__list { flex-direction: column; gap: 0; }
	.uecn-nav__list > li { border-bottom: 1px solid var(--line); }
	.uecn-nav__list > li > a { padding: 16px 4px; font-size: 18px; box-shadow: none !important; justify-content: space-between; }
	.uecn-nav .sub-menu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; padding: 0 0 10px; display: none; min-width: 0; }
	.uecn-nav li.is-open > .sub-menu { display: block; }
	.uecn-nav .sub-menu a { padding: 10px 14px; }
	.uecn-nav__mobile-extra { display: block; padding-top: 24px; }
	.uecn-nav__mobile-extra .uecn-lang { color: var(--ink-2); font-size: 17px; }
	.uecn-nav__mobile-extra .uecn-lang a.is-current { color: var(--green-900); }
	.uecn-header__cta { padding: 8px 14px; min-height: 40px; font-size: 14px; }
	.uecn-topbar__claim { display: none; }
	.uecn-topbar__inner { justify-content: flex-end; }
	.uecn-featured__grid, .uecn-mission__grid, .uecn-join__inner, .uecn-newsletter__inner, .uecn-nlstrip__inner, .uecn-footer::before { content: ""; display: block; height: 4px; background: linear-gradient(90deg, var(--green-800) 0 25%, var(--silver) 25% 50%, #2a2f2c 50% 75%, var(--red-600) 75% 100%); }
.uecn-footer__top { grid-template-columns: 1fr; gap: 28px; }
	.uecn-grid--3 { grid-template-columns: repeat(2, 1fr); }
	.uecn-section { padding-block: 52px; }
}

@media (max-width: 680px) {
	:root { --gutter: 16px; }
	body { font-size: 16px; }
	.uecn-header__cta { padding: 6px 10px; min-height: 36px; font-size: 13px; }
	.uecn-header__actions { gap: 2px; }
	.uecn-brand .custom-logo { max-height: 40px; }
	.uecn-logo img { height: auto; max-height: 40px; max-width: 100%; }
	.uecn-brand { flex: 0 1 auto; min-width: 0; }
	.uecn-header__actions { flex: none; }
	.uecn-header__cta { max-width: 128px; overflow: hidden; text-overflow: ellipsis; display: inline-block; line-height: 22px; }
	.uecn-wordmark__mark { width: 28px; height: 28px; box-shadow: inset 0 0 0 7px #fff, 0 0 0 1px var(--green-800); }
	.uecn-alertbar__inner { flex-direction: column; align-items: flex-start; gap: 8px; padding-block: 12px; }
	.uecn-hero__inner { min-height: 0; padding-block: 44px 48px; }
	.uecn-hero__actions .uecn-btn { flex: 1 1 100%; }
	.uecn-grid--2, .uecn-grid--3, .uecn-grid--4, .uecn-industries, .uecn-catgrid, .uecn-mem-grid, .uecn-form-grid, .uecn-record dl { grid-template-columns: 1fr; }
	.uecn-shead { flex-direction: column; align-items: flex-start; }
	.uecn-card--row { flex-direction: column; }
	.uecn-card--row .uecn-card__media { flex: none; width: 100%; margin-block: 20px 0; }
	.uecn-card--row.has-img .uecn-card__body { padding-inline-start: 0; }
	.uecn-nl-row { flex-direction: column; }
	.uecn-footer__links { columns: 1; }
	.uecn-alertbar__time { display: block; margin: 0; }
	.uecn-filters label { min-width: 100%; }
	.uecn-membership .uecn-card { padding: 22px 18px; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

@media print {
	.uecn-topbar, .uecn-header, .uecn-nlstrip, .uecn-footer, .uecn-alertbar { display: none; }
}

/* shortcodes inside page content */
.uecn-prose .uecn-membership h2, .uecn-prose .uecn-card > h2:first-child, .uecn-prose .uecn-card > h3:first-child { margin-top: 0; }
.uecn-prose .uecn-card h3 + ul, .uecn-prose .uecn-card h3 + ol, .uecn-prose .uecn-card h3 + p { margin-top: 0; }
.uecn-prose ul.uecn-ticks { padding-inline-start: 0; }
.uecn-prose .uecn-form { font-size: 16px; line-height: 1.5; }
.uecn-prose .uecn-newsletter-form { max-width: 760px; }

/* ================================================================ 1.1 — photos, form pages, pop-up */

/* photo page headers: dark overlay, white text */
.uecn-phead.has-photo { position: relative; color: #fff; border-bottom: 0; background: var(--green-950) var(--ph) center/cover no-repeat; isolation: isolate; }
.uecn-phead.has-photo::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(7, 15, 10, .92) 0%, rgba(7, 15, 10, .78) 45%, rgba(7, 15, 10, .45) 100%), linear-gradient(0deg, rgba(7, 15, 10, .6), transparent 55%); }
[dir="rtl"] .uecn-phead.has-photo::before { background: linear-gradient(270deg, rgba(7, 15, 10, .92) 0%, rgba(7, 15, 10, .78) 45%, rgba(7, 15, 10, .45) 100%), linear-gradient(0deg, rgba(7, 15, 10, .6), transparent 55%); }
.uecn-phead.has-photo::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 4px; background: linear-gradient(90deg, var(--green-800) 0 25%, var(--silver) 25% 50%, var(--black) 50% 75%, var(--red-600) 75% 100%); }
.uecn-phead.has-photo .uecn-phead__title { color: #fff; }
.uecn-phead.has-photo .uecn-phead__lead { color: #e4ebe7; text-shadow: 0 1px 2px rgba(0, 0, 0, .3); }
.uecn-phead.has-photo .uecn-eyebrow { color: var(--gold); }
.uecn-phead.has-photo .uecn-tabs a { color: #dfe7e2; }
.uecn-phead.has-photo .uecn-tabs a:hover { color: #fff; }
.uecn-phead.has-photo .uecn-tabs a.is-current { color: var(--green-950); background: #fff; }
.uecn-phead.has-photo { padding-top: 72px; }
.uecn-phead--xl { padding-top: 64px; }
.uecn-phead--xl.has-photo { padding-top: 110px; min-height: 380px; }
.uecn-phead--xl .uecn-phead__lead { max-width: 640px; }
.uecn-phead__actions { margin: 0; }
.uecn-phead > .uecn-wrap > .uecn-phead__actions:last-child { padding-bottom: 56px; }

/* form pages */
.uecn-formpage .uecn-mem-intro { display: none; }
.uecn-formpage .uecn-form-card { padding: 32px 34px; }
.uecn-formpage--membership .uecn-membership { margin-top: -96px; position: relative; z-index: 2; }
.uecn-formpage--membership .uecn-mem-grid .uecn-card { box-shadow: var(--shadow); border: 0; }
.uecn-formpage--contact .uecn-form-card, .uecn-formpage--newsletter .uecn-form-card { margin-top: -80px; position: relative; z-index: 2; box-shadow: var(--shadow); }
.uecn-phead--xl.has-photo + .uecn-formpage { padding-top: 0; }
.uecn-phead--xl:not(.has-photo) + .uecn-formpage .uecn-membership, .uecn-phead--xl:not(.has-photo) + .uecn-formpage .uecn-form-card { margin-top: 0; }

/* old Elementor pages: full width, their own design */
.uecn-builder { width: 100%; overflow-x: clip; }
.uecn-builder > .elementor { max-width: none; }

/* homepage: mission with photo */
.uecn-mission.has-photo .uecn-mission__inner { display: grid; grid-template-columns: 5fr 7fr; gap: 56px; align-items: center; }
.uecn-mission.has-photo .uecn-mission__grid { grid-template-columns: 1fr; gap: 18px; }
.uecn-mission__photo { margin: 0; position: relative; }
.uecn-mission__photo img { display: block; width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: var(--radius); box-shadow: var(--shadow); }
.uecn-mission__photo::after { content: ""; position: absolute; inset-inline-start: -14px; bottom: -14px; width: 42%; height: 42%; z-index: -1; background: linear-gradient(135deg, var(--green-800) 0 50%, var(--red-600) 50% 100%); border-radius: var(--radius); }
.uecn-mission.has-photo { position: relative; z-index: 0; }

/* homepage: membership band with photo */
.uecn-join.has-photo { background: var(--green-950) var(--ph) center/cover no-repeat !important; isolation: isolate; }
.uecn-join.has-photo::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(7, 15, 10, .93) 0%, rgba(7, 15, 10, .82) 50%, rgba(7, 15, 10, .6) 100%); }
[dir="rtl"] .uecn-join.has-photo::before { background: linear-gradient(270deg, rgba(7, 15, 10, .93) 0%, rgba(7, 15, 10, .82) 50%, rgba(7, 15, 10, .6) 100%); }
.uecn-join.has-photo .uecn-join__list li { background: rgba(7, 15, 10, .45); backdrop-filter: blur(4px); }

/* pop-up */
.uecn-pop { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 20px; }
.uecn-pop[hidden] { display: none; }
.uecn-pop__backdrop { position: absolute; inset: 0; background: rgba(7, 15, 10, .7); opacity: 0; transition: opacity .25s; }
.uecn-pop__box { position: relative; display: grid; grid-template-columns: 5fr 6fr; width: min(880px, 100%); max-height: calc(100vh - 40px); overflow: auto; background: #fff; border-radius: 6px; box-shadow: 0 24px 80px rgba(0, 0, 0, .4); opacity: 0; transform: translateY(18px) scale(.98); transition: opacity .25s, transform .25s; }
.uecn-pop.is-open .uecn-pop__backdrop { opacity: 1; }
.uecn-pop.is-open .uecn-pop__box { opacity: 1; transform: none; }
html.uecn-pop-open { overflow: hidden; }
.uecn-pop__media { position: relative; min-height: 100%; background: var(--green-950) var(--pop) center/cover no-repeat; display: flex; align-items: flex-end; padding: 22px; isolation: isolate; }
.uecn-pop__media::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgba(7, 15, 10, .85), rgba(7, 15, 10, .15) 60%); }
.uecn-pop__media.is-empty { background-image: radial-gradient(ellipse at 90% 0%, rgba(220, 49, 48, .5), transparent 55%), radial-gradient(ellipse at 0% 100%, rgba(0, 115, 47, .6), transparent 55%); }
.uecn-pop__media::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 4px; background: linear-gradient(90deg, var(--green-800) 0 25%, var(--silver) 25% 50%, var(--black) 50% 75%, var(--red-600) 75% 100%); }
.uecn-pop__logo { width: 200px; height: auto; }
.uecn-pop__body { padding: 40px 38px 34px; }
.uecn-pop__title { font-size: clamp(1.5rem, 2.6vw, 2rem); margin: 0 0 .4em; }
.uecn-pop__text { color: var(--ink-2); margin: 0 0 16px; }
.uecn-pop__list { list-style: none; margin: 0 0 24px; padding: 0; display: grid; gap: 10px; }
.uecn-pop__list li { display: flex; gap: 10px; align-items: center; font-weight: 500; }
.uecn-pop__list .uecn-ic { flex: none; color: #fff; background: var(--green-800); border-radius: 50%; padding: 3px; width: 22px; height: 22px; }
.uecn-pop__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.uecn-pop__later { background: none; border: 0; padding: 8px 4px; font: inherit; color: var(--muted); text-decoration: underline; cursor: pointer; }
.uecn-pop__close { position: absolute; top: 10px; inset-inline-end: 10px; z-index: 2; width: 40px; height: 40px; display: grid; place-items: center; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .92); color: var(--ink); cursor: pointer; }
.uecn-pop__close:hover { background: #fff; }

@media (max-width: 1023px) {
	.uecn-mission.has-photo .uecn-mission__inner { grid-template-columns: 1fr; gap: 36px; }
	.uecn-mission__photo { max-width: 640px; }
}
@media (max-width: 719px) {
	.uecn-phead--xl.has-photo { padding-top: 64px; min-height: 0; }
	.uecn-formpage--membership .uecn-membership, .uecn-formpage--contact .uecn-form-card, .uecn-formpage--newsletter .uecn-form-card { margin-top: -48px; }
	.uecn-formpage .uecn-form-card { padding: 22px 18px; }
	.uecn-pop { padding: 0; align-items: end; }
	.uecn-pop__box { grid-template-columns: 1fr; border-radius: 12px 12px 0 0; max-height: 92vh; }
	.uecn-pop__media { min-height: 150px; }
	.uecn-pop__logo { width: 160px; }
	.uecn-pop__body { padding: 24px 20px 26px; }
	.uecn-pop__actions .uecn-btn { flex: 1 1 100%; }
}
.uecn-phead--xl.has-photo > .uecn-wrap > :last-child { padding-bottom: 150px; }
@media (max-width: 719px) { .uecn-phead--xl.has-photo > .uecn-wrap > :last-child { padding-bottom: 90px; } }

/* ================================================================ 1.4 — hero: full-width photo slideshow */
.uecn-hero--slides { position: relative; isolation: isolate; background: var(--green-950); }
.uecn-hero--slides::before { content: ""; position: absolute; inset: 0; z-index: 1; width: auto; transform: none; pointer-events: none;
	background: linear-gradient(90deg, rgba(5, 12, 8, .92) 0%, rgba(5, 12, 8, .78) 38%, rgba(5, 12, 8, .38) 72%, rgba(5, 12, 8, .2) 100%), linear-gradient(0deg, rgba(5, 12, 8, .7) 0%, transparent 45%); }
[dir="rtl"] .uecn-hero--slides::before { background: linear-gradient(270deg, rgba(5, 12, 8, .92) 0%, rgba(5, 12, 8, .78) 38%, rgba(5, 12, 8, .38) 72%, rgba(5, 12, 8, .2) 100%), linear-gradient(0deg, rgba(5, 12, 8, .7) 0%, transparent 45%); }
.uecn-hero--slides::after { z-index: 2; }
.uecn-hero__slides { position: absolute; inset: 0; z-index: 0; overflow: hidden; }
.uecn-hero__slide { position: absolute; inset: 0; background-size: cover; background-position: 70% 40%; opacity: 0; transform: scale(1.06); transition: opacity 1.4s ease, transform 8s linear; }
.uecn-hero__slide.is-active { opacity: 1; transform: scale(1); }
.uecn-hero--slides .uecn-hero__inner { position: relative; z-index: 2; min-height: 620px; padding-block: 96px 110px; }
.uecn-hero--slides .uecn-hero__text { max-width: 700px; }
.uecn-hero--slides .uecn-hero__title { font-size: clamp(2.2rem, 4.4vw, 3.6rem); text-shadow: 0 2px 18px rgba(0, 0, 0, .35); }
.uecn-hero__dots { position: absolute; inset-inline-start: var(--gutter); bottom: 34px; display: flex; gap: 8px; }
.uecn-hero__dots button { width: 34px; height: 4px; padding: 0; border: 0; border-radius: 2px; background: rgba(255, 255, 255, .4); cursor: pointer; }
.uecn-hero__dots button.is-active { background: #fff; }
@media (prefers-reduced-motion: reduce) { .uecn-hero__slide { transition: opacity .4s; transform: none !important; } }
@media (max-width: 719px) {
	.uecn-hero--slides .uecn-hero__inner { min-height: 520px; padding-block: 56px 72px; }
	.uecn-hero--slides::before { background: linear-gradient(0deg, rgba(5, 12, 8, .94) 0%, rgba(5, 12, 8, .72) 60%, rgba(5, 12, 8, .45) 100%); }
}

/* ================================================================ 1.5 — pop-up with form, mission photo */
.uecn-pop__box { width: min(960px, 100%); grid-template-columns: 4fr 6fr; }
.uecn-pop__media { align-items: stretch; padding: 28px 24px; }
.uecn-pop__media::before { background: linear-gradient(0deg, rgba(7, 15, 10, .92), rgba(7, 15, 10, .45) 70%, rgba(7, 15, 10, .3)); }
.uecn-pop__mediatext { display: flex; flex-direction: column; justify-content: space-between; gap: 24px; width: 100%; }
.uecn-pop__media .uecn-pop__list { color: #fff; margin: 0; }
.uecn-pop__media .uecn-pop__list li { font-size: 15px; }
.uecn-pop__body { padding: 32px 34px 26px; }
.uecn-pop__title { font-size: clamp(1.4rem, 2.3vw, 1.8rem); }
.uecn-form--quick .uecn-form-grid { grid-template-columns: 1fr 1fr; gap: 12px 14px; margin-bottom: 12px; }
.uecn-form--quick label { font-size: 13px; }
.uecn-form--quick input, .uecn-form--quick select { padding: 9px 11px; }
.uecn-form--quick .uecn-check { margin: 4px 0 14px; font-size: 13px; }
.uecn-form--quick .uecn-btn { width: 100%; }
.uecn-pop__more { margin: 12px 0 0; font-size: 14px; color: var(--muted); text-align: center; }
.uecn-pop .uecn-notice { margin: 0 0 14px; }
.uecn-mission__photo img { aspect-ratio: 16 / 10; }
@media (max-width: 719px) {
	.uecn-pop__box { grid-template-columns: 1fr; }
	.uecn-pop__media { min-height: 110px; padding: 18px; }
	.uecn-pop__media .uecn-pop__list { display: none; }
	.uecn-form--quick .uecn-form-grid { grid-template-columns: 1fr; }
	.uecn-pop__body { padding: 20px 18px 22px; }
}