/* UNIPS design study. Original styles; no United Nations emblem or brand assets are used. */
:root{
  --blue:#009EDB; --blue-dk:#0077B3; --blue-ink:#00507A; --navy:#13294B; --navy-2:#0D1F3A;
  --ink:#1D2730; --body:#333F48; --muted:#5E6B75; --rule:#D8E0E6; --rule-2:#E9EEF2;
  --tint:#F1F7FB; --tint-2:#E3F1F9; --bg:#FFFFFF; --warn:#7A4B00; --warn-bg:#FFF4DC;
  --radius:4px; --wrap:1180px; --prose:46rem;
  --shadow:0 1px 2px rgba(19,41,75,.06),0 4px 14px rgba(19,41,75,.06);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:1rem}
body{margin:0;background:var(--bg);color:var(--body);font:400 17px/1.6 Roboto,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-feature-settings:"kern","liga";text-rendering:optimizeLegibility}
a{color:var(--blue-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--blue-dk);text-decoration-thickness:2px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #F2B705;outline-offset:2px}
h1,h2,h3{color:var(--ink);font-weight:500;line-height:1.2;letter-spacing:-.005em;overflow-wrap:anywhere}
h1{font-size:clamp(1.9rem,1.3rem + 2.2vw,2.9rem);margin:.2em 0 .35em}
h2{font-size:clamp(1.4rem,1.15rem + .9vw,1.75rem);margin:2.4rem 0 .8rem}
h3{font-size:1.2rem;margin:1.8rem 0 .5rem}
p{margin:0 0 1rem}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--navy);color:#fff;padding:.6rem 1rem;z-index:100}
.skip:focus{left:8px;top:8px}
.small{font-size:.875rem;color:var(--muted)}
.email{font-variant-ligatures:none;white-space:nowrap}
.ph{background:var(--tint-2);color:var(--blue-ink);border-radius:3px;padding:0 .25em;font-size:.94em;white-space:nowrap}

/* fiction banner */
.fiction-bar{background:var(--warn-bg);color:var(--warn);font-size:.8rem;text-align:center;padding:.35rem 1rem;border-bottom:1px solid #F0D9A8}

/* header */
.site-header{background:#fff;border-bottom:1px solid var(--rule);position:relative;z-index:20}
.util{background:var(--navy);color:#fff;font-size:.85rem}
.util-inner{display:flex;justify-content:flex-end;align-items:center;gap:1.5rem;min-height:40px}
.util a{color:#fff;text-decoration:none;margin-left:1.25rem}
.util a:hover{text-decoration:underline}
.util .lang{margin-left:1.25rem;opacity:.8}
.util-search{display:flex;align-items:center}
.util-search input{width:19rem;max-width:42vw;border:0;border-radius:var(--radius) 0 0 var(--radius);padding:.3rem .6rem;font:inherit;font-size:.82rem}
.util-search button{border:0;background:var(--blue);color:#fff;font:inherit;font-size:.82rem;padding:.3rem .7rem;border-radius:0 var(--radius) var(--radius) 0;cursor:pointer}
.brand-row{display:flex;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:14px}
.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--ink)}
.brand:hover{color:var(--ink)}
.mark{width:46px;height:46px;flex:none}
.brand-text{display:flex;flex-direction:column;line-height:1.15}
.brand-name{font-size:1.15rem;font-weight:500}
.brand-abbr{font-size:.82rem;color:var(--muted);letter-spacing:.06em;margin-top:.15rem}
.menu-toggle{display:none;border:1px solid var(--rule);background:#fff;font:inherit;padding:.45rem .9rem;border-radius:var(--radius);cursor:pointer;color:var(--ink)}
.primary{border-top:1px solid var(--rule-2)}
.nav-list{list-style:none;margin:0;padding:0;display:flex;gap:.25rem}
.nav-btn{background:none;border:0;font:500 1rem/1 Roboto,system-ui,sans-serif;color:var(--ink);padding:1rem 1rem 1.05rem;cursor:pointer;border-bottom:3px solid transparent}
.nav-btn::after{content:"";display:inline-block;width:.42em;height:.42em;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 0 .18em .5em}
.nav-btn[aria-expanded="true"],.nav-btn:hover{border-bottom-color:var(--blue);color:var(--blue-ink)}
.mega{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);box-shadow:0 12px 24px rgba(19,41,75,.10)}
.nav-btn[aria-expanded="true"]+.mega{display:block}
.mega-inner{max-width:var(--wrap);margin:0 auto;padding:1.6rem 24px 2rem;display:grid;grid-template-columns:1fr 18rem;gap:2.5rem}
.mega-h{margin:0 0 .8rem;font-weight:500;font-size:1.05rem}
.mega-h a{color:var(--ink);text-decoration:none}
.mega-links{list-style:none;margin:0;padding:0;columns:3 14rem;column-gap:2rem}
.mega-sub{margin:1rem 0 .5rem;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.mega-links li{break-inside:avoid;margin:0 0 .45rem}
.mega-links a{text-decoration:none;color:var(--body);font-size:.95rem}
.mega-links a:hover{color:var(--blue-ink);text-decoration:underline}
.mega-feature{display:flex;flex-direction:column;gap:.4rem;background:var(--tint);border-left:3px solid var(--blue);padding:1.1rem 1.2rem;text-decoration:none;color:var(--body)}

/* page head */
.page-head{background:var(--tint);border-bottom:1px solid var(--rule-2);padding:1.4rem 0 2.2rem}
.crumbs ol{list-style:none;margin:0 0 1.2rem;padding:0;display:flex;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}
.crumbs li+li::before{content:"/";margin:0 .5rem;color:#9AA7B1}
.crumbs a{color:var(--muted)}
.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:.78rem;font-weight:500;color:var(--blue-ink);margin:0 0 .3rem}
.page-head h1{max-width:52rem}
.lede{font-size:1.2rem;line-height:1.5;color:var(--ink);max-width:48rem;margin:.4rem 0 0}
.meta-row{display:flex;flex-wrap:wrap;gap:.6rem 2.2rem;margin:1.3rem 0 0;padding:1rem 0 0;border-top:1px solid var(--rule)}
.meta-row div{margin:0}
.meta-row dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.meta-row dd{margin:0;color:var(--ink);font-weight:500}

/* hero (home) */
.hero{position:relative;background:var(--navy);color:#fff;overflow:hidden}
.hero-art{position:absolute;inset:0;background:
  radial-gradient(circle at 78% 40%, rgba(0,158,219,.55) 0, rgba(0,158,219,0) 42%),
  repeating-radial-gradient(circle at 78% 40%, rgba(255,255,255,.08) 0 1px, transparent 1px 34px),
  linear-gradient(120deg, var(--navy-2), var(--navy) 55%, #164a7a)}
.hero-inner{position:relative;padding:5.5rem 24px 4.5rem}
.hero h1{color:#fff;font-weight:400;font-size:clamp(2.3rem,1.4rem + 3.6vw,4rem);max-width:15ch;margin:0 0 1.2rem}
.hero-cap{font-size:.82rem;opacity:.75;max-width:36rem}
.hero .btn{background:#fff;color:var(--navy);border-color:#fff}
.hero .btn:hover{background:var(--tint-2)}

/* body */
.body-wrap{padding-top:1rem;padding-bottom:4rem}
.body-wrap.with-toc{display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:3.5rem;align-items:start}
.body-wrap.with-toc .toc{order:2;position:sticky;top:1.2rem;margin-top:2.6rem;border-left:2px solid var(--rule);padding-left:1rem}
.toc-h{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .6rem}
.toc ol{list-style:none;margin:0;padding:0;font-size:.9rem}
.toc li{margin:0 0 .5rem}
.toc a{text-decoration:none;color:var(--body)}
.toc a:hover{color:var(--blue-ink);text-decoration:underline}
.content>section>p,.content>section>ul,.content>section>ol,.content>p,.content>section>.kv-group,.content>section>h3,.content>section>.note,.content>section>.num{max-width:var(--prose)}
.content section{scroll-margin-top:1rem}
.content h2{padding-top:.2rem}
.tpl-home .content>section>h2{border-top:0}
.list{padding-left:1.2rem}
.list li{margin:0 0 .45rem}
.li-key{font-weight:500;color:var(--ink)}
.strap{font-size:1.12rem;line-height:1.55;color:var(--ink);border-left:3px solid var(--blue);padding:.2rem 0 .2rem 1.1rem;max-width:var(--prose)}
.note{font-size:.88rem;color:var(--muted);border-top:1px solid var(--rule-2);padding-top:.8rem;margin-top:1.4rem}
.num{display:grid;grid-template-columns:minmax(2.2rem,max-content) 1fr;gap:.2rem .6rem}
.num.sub{padding-left:2.2rem}
.num .n{color:var(--muted);font-variant-numeric:tabular-nums}
.kv-group{margin:0 0 1.2rem}
.kv{margin:0 0 .5rem}
.kv-key{display:inline-block;min-width:0;font-weight:500;color:var(--ink);margin-right:.35rem}
.kv-key::after{content:":"}
.pills{display:inline-flex;flex-wrap:wrap;gap:.35rem;vertical-align:middle}
.pill{display:inline-block;border:1px solid var(--rule);border-radius:999px;padding:.12rem .7rem;font-size:.86rem;text-decoration:none;color:var(--body);background:#fff}
a.pill:hover{border-color:var(--blue);color:var(--blue-ink)}

/* buttons */
.btn-row{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.2rem 0 1.4rem}
.btn{display:inline-block;background:var(--blue-ink);color:#fff;border:1px solid var(--blue-ink);border-radius:var(--radius);padding:.62rem 1.15rem;font:500 .95rem/1.2 Roboto,system-ui,sans-serif;text-decoration:none;cursor:pointer}
.btn:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.btn.secondary{background:#fff;color:var(--blue-ink);border-color:#9CC9E3}
.btn.secondary:hover{border-color:var(--blue-ink);background:var(--tint)}

/* cards */
.cards{display:grid;gap:1.1rem;margin:1.2rem 0 1.8rem;grid-template-columns:repeat(auto-fill,minmax(16.5rem,1fr))}
.card{display:flex;flex-direction:column;gap:.45rem;padding:1.2rem 1.25rem 1.1rem;background:#fff;border:1px solid var(--rule);border-top:3px solid var(--blue);border-radius:var(--radius);text-decoration:none;color:var(--body);transition:box-shadow .15s,border-color .15s}
.card:hover{box-shadow:var(--shadow);border-color:#B9D9EC;color:var(--body)}
.card-title{font-size:1.08rem;font-weight:500;color:var(--ink);line-height:1.3}
.card-desc{font-size:.94rem;line-height:1.5}
.card-cta{margin-top:auto;padding-top:.4rem;font-size:.9rem;font-weight:500;color:var(--blue-ink)}
.card-cta::after{content:" \2192"}
/* programme cards: numbered, each with its own accent, so the five programmes read as distinct */
.cards:has(.card-prog){counter-reset:prog;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr))}
.card-prog{counter-increment:prog;position:relative;border-top-width:5px;padding-top:1.35rem;background:linear-gradient(180deg,var(--accent-tint,#F1F7FB),#fff 5.5rem)}
.card-prog::before{content:counter(prog,decimal-leading-zero);position:absolute;top:.9rem;inset-inline-end:1.1rem;font-size:1.9rem;font-weight:300;line-height:1;color:var(--accent,#009EDB);opacity:.55}
.card-prog .card-title{font-size:1.2rem;font-weight:600;padding-inline-end:3rem}
.card-strap{font-size:.95rem;font-style:italic;color:var(--accent,var(--blue-ink));line-height:1.4}
.card-prog .card-desc{color:var(--body)}
.card-prog:nth-child(5n+1){--accent:#009EDB;--accent-tint:#EAF6FC;border-top-color:#009EDB}
.card-prog:nth-child(5n+2){--accent:#0077B3;--accent-tint:#E7F1F8;border-top-color:#0077B3}
.card-prog:nth-child(5n+3){--accent:#13294B;--accent-tint:#ECEFF4;border-top-color:#13294B}
.card-prog:nth-child(5n+4){--accent:#2E7D8C;--accent-tint:#E8F3F5;border-top-color:#2E7D8C}
.card-prog:nth-child(5n+5){--accent:#5B6F8C;--accent-tint:#EEF1F5;border-top-color:#5B6F8C}
.tag{display:inline-block;align-self:flex-start;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;font-weight:500;color:var(--blue-ink);background:var(--tint-2);padding:.15rem .5rem;border-radius:2px}

/* item lists (publications, events, news) */
.items{list-style:none;margin:1rem 0 1.6rem;padding:0;border-top:1px solid var(--rule)}
.item{padding:1rem 0 1.05rem;border-bottom:1px solid var(--rule)}
.item p{margin:0}
.item-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.35rem!important}
.item-eyebrow .cat{font-size:.84rem;color:var(--muted)}
.item-title{font-size:1.06rem;font-weight:500;color:var(--ink);line-height:1.35;max-width:52rem}
.item-body{font-size:.94rem;margin-top:.3rem!important;max-width:52rem}
.date{white-space:nowrap;color:var(--muted)}

/* stats */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);margin:1rem 0 2rem}
.stat{background:#fff;padding:1.4rem 1.3rem}
.stat-n{display:block;font-size:2.3rem;font-weight:300;color:var(--blue-ink);line-height:1.1}
.stat-l{display:block;font-size:.93rem;margin-top:.35rem}

/* people */
.people{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:1rem;margin:1rem 0 1.6rem}
.person{display:flex;gap:.9rem;padding:1rem;border:1px solid var(--rule);border-radius:var(--radius)}
.person p{margin:0}
.mono{flex:none;width:44px;height:44px;border-radius:50%;background:var(--tint-2);color:var(--blue-ink);display:grid;place-items:center;font-weight:500;font-size:.95rem}
.p-name{font-weight:500;color:var(--ink)}
.p-role{font-size:.92rem}
.p-country{font-size:.82rem;color:var(--muted)}
.p-desc{font-size:.88rem;margin-top:.35rem!important}

/* figures */
.ph-figure{margin:1.6rem 0 2rem}
.photo-figure{margin:1.6rem 0 2rem}
.photo-figure img{display:block;width:100%;height:auto;border-radius:var(--radius)}
.photo-figure img[src*="hrc58-side-event"]{max-width:none}
/* commentary photos: inset beside the text, alternating sides, as on the live site */
.photo-figure.inset{width:42%;margin:.35rem 0 1.25rem 2rem;float:inline-end}
.photo-figure.inset-start{float:inline-start;margin:.35rem 2rem 1.25rem 0}
.photo-figure.inset img{aspect-ratio:4/3;object-fit:cover}
.content h2{clear:both}
@media (max-width:768px){.photo-figure.inset,.photo-figure.inset-start{float:none;width:100%;margin:.25rem 0 1.5rem}.photo-figure.inset img{aspect-ratio:16/9}}   /* video still: show near its real resolution */
.logo-strip{list-style:none;padding:0;margin:1.1rem 0 .7rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:1rem}
.logo-strip li{margin:0;background:#fff;border:1px solid var(--rule);border-radius:var(--radius);display:flex}
.logo-strip a,.logo-strip .logo-box{display:flex;align-items:center;justify-content:center;width:100%;height:6rem;padding:.8rem 1rem}
.logo-strip img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.ph-art{position:relative;aspect-ratio:16/6.5;border-radius:var(--radius);background:
  repeating-linear-gradient(135deg, rgba(255,255,255,.05) 0 2px, transparent 2px 18px),
  linear-gradient(135deg,#1c3f66,#0b6aa0 60%,#2b8cc4)}
.ph-figure.map .ph-art{aspect-ratio:16/7;background:repeating-linear-gradient(0deg,#e6eef3 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,#e6eef3 0 1px,transparent 1px 28px),#f6f9fb;border:1px solid var(--rule)}
.ph-tag{position:absolute;left:12px;top:12px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.9);color:var(--navy);padding:.15rem .5rem;border-radius:2px}
figcaption{font-size:.86rem;color:var(--muted);margin-top:.5rem;max-width:var(--prose)}
.credit{white-space:nowrap}
.wall{position:relative;min-height:7rem;border:1px dashed #A9BCC9;border-radius:var(--radius);background:var(--tint);margin:1.2rem 0;padding:2.6rem 1rem 1rem;font-size:.86rem;color:var(--muted)}
.wall .ph-tag{position:static;display:block;background:none;padding:0;text-transform:none;letter-spacing:0;font-size:.86rem;color:var(--muted)}

/* tables */
.table-wrap{overflow-x:auto;margin:1rem 0 1.8rem;border:1px solid var(--rule);border-radius:var(--radius)}
table{border-collapse:collapse;width:100%;font-size:.93rem}
th,td{text-align:left;vertical-align:top;padding:.65rem .85rem;border-bottom:1px solid var(--rule-2)}
th{background:var(--tint);color:var(--ink);font-weight:500;font-size:.85rem}
tr:last-child td{border-bottom:0}

/* blocks */
.appeal{background:var(--navy);color:#fff;padding:1.8rem 2rem;border-radius:var(--radius);margin:1.4rem 0 2rem}
.appeal p{max-width:44rem;font-size:1.08rem}
.appeal .btn{background:var(--blue);border-color:var(--blue)}
.appeal .btn:hover{background:#fff;color:var(--navy)}
.newsletter{background:var(--tint);border:1px solid var(--rule-2);border-radius:var(--radius);padding:1.6rem 1.8rem;margin:1.6rem 0;max-width:var(--prose)}
.newsletter h3{margin-top:0}
.subscribe label{display:block;font-weight:500;color:var(--ink);margin-bottom:.35rem}
.row{display:flex;gap:.5rem;flex-wrap:wrap}
.row input{flex:1 1 15rem;font:inherit;padding:.55rem .75rem;border:1px solid #AFC0CC;border-radius:var(--radius);background:#fff}
.row button,.search-page button{font:500 .95rem Roboto,system-ui,sans-serif;background:var(--blue-ink);color:#fff;border:0;border-radius:var(--radius);padding:.6rem 1.2rem;cursor:pointer}
.confirm{color:#1B6B3A;font-weight:500;margin-top:.6rem}
.boilerplate{border-top:1px solid var(--rule);padding-top:1rem;margin-top:2rem;max-width:var(--prose);font-size:.92rem}
.boilerplate h3{font-size:1rem;margin-top:0}
.social{margin:1rem 0}
.social-h{font-weight:500;color:var(--ink);margin:0 0 .4rem}
.share{margin:1rem 0}
.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--rule);margin:1rem 0 1.4rem}
.tabs a{padding:.55rem 1rem;text-decoration:none;color:var(--body);border-bottom:3px solid transparent;margin-bottom:-1px}
.tabs a:first-child,.tabs a:hover{color:var(--blue-ink);border-bottom-color:var(--blue)}
.pager{display:flex;gap:.35rem;align-items:center;margin:1.4rem 0;font-size:.92rem}
.pager a{padding:.3rem .7rem;border:1px solid var(--rule);border-radius:var(--radius);text-decoration:none;color:var(--body)}
.pager a[aria-current]{background:var(--blue-ink);border-color:var(--blue-ink);color:#fff}
.pager a[aria-disabled]{color:#9AA7B1;pointer-events:none}

/* filters */
.filterbar{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.8rem 1rem;background:var(--tint);border:1px solid var(--rule-2);border-radius:var(--radius);padding:1rem 1.1rem;margin:.8rem 0 .8rem}
.field label{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.25rem}
.field select,.field input{width:100%;font:inherit;font-size:.92rem;padding:.42rem .55rem;border:1px solid #AFC0CC;border-radius:var(--radius);background:#fff}
.filter-empty{background:var(--warn-bg);color:var(--warn);padding:.8rem 1rem;border-radius:var(--radius)}
.count{margin:.3rem 0 .6rem}

/* FAQ */
.faq{border-bottom:1px solid var(--rule);max-width:var(--prose)}
.faq:first-of-type{border-top:1px solid var(--rule);margin-top:1.6rem}
.faq summary{cursor:pointer;list-style:none;padding:1rem 2rem 1rem 0;position:relative;font-weight:500;color:var(--ink);font-size:1.08rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:.3rem;top:.8rem;font-size:1.4rem;font-weight:300;color:var(--blue-ink)}
.faq[open] summary::after{content:"\2212"}
.faq-a{padding:0 0 .8rem}

/* search page */
.search-page{margin:1.6rem 0 1rem;max-width:var(--prose)}
.search-page .row input{font-size:1.05rem}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0 .4rem}
.chip{font:inherit;font-size:.86rem;border:1px solid var(--rule);background:#fff;border-radius:999px;padding:.25rem .8rem;cursor:pointer;color:var(--body)}
.chip[aria-pressed="true"]{background:var(--blue-ink);border-color:var(--blue-ink);color:#fff}
.row-between{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.row-between select{font:inherit;font-size:.86rem;margin-left:.3rem}
.results{list-style:none;padding:0;margin:0;max-width:var(--prose)}
.results li{padding:1rem 0;border-bottom:1px solid var(--rule)}
.results .r-title{font-size:1.08rem;font-weight:500}
.results p{margin:.2rem 0 0;font-size:.93rem}
.results mark{background:#FFF0B3;color:inherit}

/* footer */
.site-footer{background:var(--navy);color:#C9D4DE;font-size:.92rem;margin-top:2rem}
.site-footer a{color:#fff;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.f-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:2rem;padding-top:3rem;padding-bottom:2rem}
.f-h{color:#fff;font-weight:500;margin:0 0 .8rem;font-size:.95rem}
.f-col ul{list-style:none;margin:0;padding:0}
.f-col li{margin:0 0 .45rem}
.brand-foot .brand-name{color:#fff;font-size:1rem}
.brand-foot .brand-abbr{color:#A9B9C8;letter-spacing:0;font-size:.8rem}
.f-id p{margin:1rem 0}
address{font-style:normal;line-height:1.6}
.f-mid{border-top:1px solid rgba(255,255,255,.12);padding-top:1.4rem;padding-bottom:1rem;display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;align-items:flex-start}
.f-mid .small{color:#A9B9C8;max-width:40rem}
.site-footer .social-h{color:#fff}
.site-footer .pill{background:transparent;border-color:rgba(255,255,255,.3);color:#fff}
.f-bottom{background:var(--navy-2);padding:1.2rem 0 1.4rem}
.f-util{display:flex;flex-wrap:wrap;gap:.4rem 1.3rem;margin-bottom:.8rem;font-size:.86rem}
.f-bottom .small{color:#A9B9C8;margin:.2rem 0}
.f-status{margin:1rem 0;max-width:24rem;font-size:.92rem;line-height:1.45;align-self:center}
.f-status a{color:#DCE6F0;text-decoration:underline;text-underline-offset:2px}
.prog-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1.4rem;padding:.85rem 1rem;background:#EEF4FA;border-inline-start:4px solid var(--blue-ink)}
.prog-tags-h{font-weight:600;color:var(--ink);margin-inline-end:.25rem}
.prog-tag a{display:inline-block;padding:.25rem .85rem;border-radius:999px;background:#fff;border:1px solid var(--blue-ink);color:var(--blue-ink);text-decoration:none;font-weight:500;font-size:.92rem}
.prog-tag a:hover{background:var(--blue-ink);color:#fff}
.fiction-note{font-style:normal}

/* cookie */
.cookie{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:3px solid var(--blue);box-shadow:0 -6px 20px rgba(19,41,75,.12);z-index:50;font-size:.9rem}
.cookie-inner{display:flex;gap:1.5rem;align-items:center;justify-content:space-between;padding-top:1rem;padding-bottom:1rem}
.cookie-inner p{margin:0}
.cookie .btn-row{margin:0;flex:none}

/* 404 */
.tpl-utility .content{min-height:30vh}

/* responsive */
@media (max-width:980px){
  .body-wrap.with-toc{grid-template-columns:minmax(0,1fr)}
  .body-wrap.with-toc .toc{position:static;order:0;margin-top:1.4rem}
  .f-top{grid-template-columns:1fr 1fr}
  .mega-inner{grid-template-columns:1fr}
  .mega-feature{display:none}
}
@media (max-width:760px){
  body{font-size:16px}
  .wrap{padding:0 16px}
  .util-inner{justify-content:space-between;gap:.6rem}
  .util nav a:first-child{margin-left:0}
  .util-search input{width:100%;max-width:none}
  .util-search{flex:1}
  .util nav .lang{display:none}
  .brand-name{font-size:1rem}
  .mark{width:40px;height:40px}
  .menu-toggle{display:block}
  .primary{display:none;border-top:1px solid var(--rule)}
  .primary.open{display:block}
  .nav-list{flex-direction:column;gap:0}
  .nav-item{border-bottom:1px solid var(--rule-2)}
  .nav-btn{width:100%;text-align:left;padding:1rem 0;display:flex;justify-content:space-between;align-items:center}
  .mega{position:static;box-shadow:none;border:0}
  .mega-inner{padding:0 0 1rem}
  .mega-links{columns:1}
  .hero-inner{padding:3.5rem 16px 3rem}
  .f-top{grid-template-columns:1fr}
  .cookie-inner{flex-direction:column;align-items:flex-start;gap:.8rem}
  .appeal{padding:1.4rem 1.2rem}
  .newsletter{padding:1.2rem}
  .meta-row{gap:.6rem 1.4rem}
  th,td{padding:.5rem .6rem}
}
@media print{.site-header,.site-footer,.cookie,.toc,.fiction-bar{display:none}}
.btn-static{display:inline-block;padding:.6rem 0;font-weight:500;color:var(--ink);margin-right:1rem}
@media (min-width:761px){.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cards-1{grid-template-columns:minmax(0,26rem)}}
.search-page .chip{background:#fff;color:var(--body);border:1px solid var(--rule);font-weight:400;padding:.25rem .8rem;border-radius:999px}
.search-page .chip[aria-pressed="true"]{background:var(--blue-ink);border-color:var(--blue-ink);color:#fff}
.search-page .chip.clear{border-style:dashed;color:var(--muted)}
.filter-empty p{margin:0 0 .3rem}
.wall{padding:1rem 1.1rem 1.2rem}
.wall-tag{display:block;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.8rem}
.logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.6rem,1fr));gap:.5rem}
.logo-tile{display:grid;place-items:center;min-height:3.2rem;background:#fff;border:1px solid var(--rule);border-radius:3px;font-size:.72rem;color:var(--muted);text-align:center;padding:.3rem}
.logo-tile.flag{background:linear-gradient(#fff,#fff) padding-box,repeating-linear-gradient(90deg,#E4EDF3 0 8px,#fff 8px 16px) border-box}
.logo-tile.wide{grid-column:span 2}
.wall-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.2rem}
.wall-cat{font-size:.86rem;font-weight:500;color:var(--ink);margin:0 0 .5rem}
table.facts th{background:transparent;width:13rem;font-size:.9rem;color:var(--muted);font-weight:400}
@media (max-width:760px){.fiction-bar{font-size:.72rem;line-height:1.35;padding:.3rem .8rem}}
/* hero photograph */
.hero{margin:0}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.hero.has-photo .hero-art{display:none}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,31,58,.86) 0,rgba(13,31,58,.62) 42%,rgba(13,31,58,.12) 78%),linear-gradient(0deg,rgba(13,31,58,.55),rgba(13,31,58,0) 35%)}
.hero:not(.has-photo) .hero-shade{display:none}
.hero.has-photo .hero-inner{padding-top:6.5rem;padding-bottom:6rem}
.hero-cap{position:relative;font-size:.78rem;color:#DCE6EE;background:rgba(13,31,58,.72);padding:.45rem 0}
.hero-cap a{color:#fff}
@media (max-width:760px){.hero-photo{object-position:60% 40%}.hero-shade{background:linear-gradient(0deg,rgba(13,31,58,.9),rgba(13,31,58,.55))}.hero.has-photo .hero-inner{padding-top:4rem;padding-bottom:3.5rem}}
.hero-cap{max-width:none;margin:0}
/* IGP draft additions */
.brand .logo{display:block;height:50px;width:auto}
.brand-foot .logo{height:46px;margin-bottom:.4rem}
.fiction-bar .status{vertical-align:1px}
.status{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1;padding:.32rem .5rem;border-radius:3px;margin-right:.4rem;white-space:nowrap}
.status.planned{background:#FFF4DC;color:#6B4200;border:1px solid #E8C77A}
.status.underway{background:#E3F1F9;color:#00507A;border:1px solid #9CCBE6}
.status.done{background:#E6F4EA;color:#1E5631;border:1px solid #9CCFAA}
.page-status{margin:.2rem 0 .9rem;font-size:.92rem;color:var(--body)}
.page-head.is-planned{background-image:repeating-linear-gradient(135deg,rgba(255,244,220,.0) 0 14px,rgba(232,199,122,.10) 14px 28px)}
.card .status,.item .status{margin-bottom:.35rem}
.ph,.credit{white-space:normal;overflow-wrap:anywhere}
.btn{max-width:100%;overflow-wrap:anywhere}
/* ---- languages: switcher, AI-translation notice, fonts, right-to-left */
.langs{display:flex;flex-wrap:wrap;gap:.15rem .7rem;align-items:center;font-size:.82rem}
.util .langs a{margin:0;color:#fff;opacity:.85}
.util .langs a:hover{opacity:1;text-decoration:underline}
.lang-cur{font-weight:700;color:#fff;border-bottom:2px solid var(--blue)}
.ai-notice{background:#EEF2FF;border-bottom:1px solid #C7D2FE;color:#26306B;font-size:.9rem;padding:.55rem 0}
.ai-notice a{color:#26306B;font-weight:500}
.ai-tag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.06em;background:#26306B;color:#fff;border-radius:3px;padding:.2rem .4rem;margin-inline-end:.4rem;vertical-align:1px}
html[lang="ar"] body{font-family:"Noto Sans Arabic",Roboto,system-ui,sans-serif}
html[lang="zh"] body{font-family:Roboto,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}
html[lang="ar"] .status,html[lang="zh"] .status,html[lang="ru"] .status{text-transform:none;letter-spacing:0}
[dir="rtl"] .skip:focus{left:auto;right:8px}
[dir="rtl"] .util a{margin-left:0;margin-right:1.25rem}
[dir="rtl"] .util .langs a{margin:0}
[dir="rtl"] .util-inner{justify-content:flex-start}
[dir="rtl"] .nav-btn::after{margin:0 .5em .18em 0}
[dir="rtl"] .mega-feature{border-left:0;border-right:3px solid var(--blue)}
[dir="rtl"] .body-wrap.with-toc .toc{border-left:0;padding-left:0;border-right:2px solid var(--rule);padding-right:1rem}
[dir="rtl"] .list{padding-left:0;padding-right:1.2rem}
[dir="rtl"] .strap{border-left:0;border-right:3px solid var(--blue);padding:.2rem 1.1rem .2rem 0}
[dir="rtl"] .num.sub{padding-left:0;padding-right:2.2rem}
[dir="rtl"] .kv-key{margin-right:0;margin-left:.35rem}
[dir="rtl"] .ph-tag{left:auto;right:12px}
[dir="rtl"] th,[dir="rtl"] td{text-align:right}
[dir="rtl"] .faq summary::after{right:auto;left:.3rem}
[dir="rtl"] .row-between select{margin-left:0;margin-right:.3rem}
[dir="rtl"] .btn-static{margin-right:0;margin-left:1rem}
[dir="rtl"] .status{margin-right:0;margin-left:.4rem}
[dir="rtl"] .hero-shade{background:linear-gradient(270deg,rgba(13,31,58,.86) 0,rgba(13,31,58,.62) 42%,rgba(13,31,58,.12) 78%),linear-gradient(0deg,rgba(13,31,58,.55),rgba(13,31,58,0) 35%)}
[dir="rtl"] .card-cta,[dir="rtl"] .crumbs{direction:rtl}
@media (max-width:760px){
  [dir="rtl"] .util nav a:first-child{margin-right:0}
  [dir="rtl"] .nav-btn{text-align:right}
  [dir="rtl"] .hero-shade{background:linear-gradient(0deg,rgba(13,31,58,.9),rgba(13,31,58,.55))}
}
@media (max-width:760px){
  .util-inner{flex-wrap:wrap;padding-top:.4rem;padding-bottom:.4rem}
  .langs{order:3;width:100%;justify-content:flex-start;gap:.1rem .8rem}
}
[dir="rtl"] .skip{left:auto;right:-999px}
[dir="rtl"] .skip:focus{right:8px}
@media (max-width:760px){.util-search{flex:1 1 100%;display:flex}.util-search input{flex:1;min-width:0}}
.tabs{flex-wrap:wrap}
[dir="rtl"] .skip{right:auto;left:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[dir="rtl"] .skip:focus{width:auto;height:auto;overflow:visible;clip-path:none;left:auto;right:8px}
.kv,.content a,.content p,.content li,.content dd,.content dt,.content td,.content figcaption{overflow-wrap:anywhere}   /* bare web addresses and long words wrap on phones */

/* diagrams drawn from page text (flow, contrast) */
.flow{list-style:none;margin:1.2rem 0 1.6rem;padding:0;display:flex;flex-wrap:nowrap;gap:1.7rem;counter-reset:flow;max-width:none}
.flow li{position:relative;flex:1 1 0;min-width:0;background:#EEF4FA;border-top:4px solid var(--blue-ink);border-radius:4px;padding:.8rem .9rem .9rem;counter-increment:flow}
.flow li::before{content:counter(flow);display:inline-block;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--blue-ink);color:#fff;font-size:.8rem;font-weight:600;text-align:center;line-height:1.5rem;margin-bottom:.4rem}
.flow li:not(:last-child)::after{content:"→";position:absolute;inset-inline-end:-1.35rem;top:50%;transform:translateY(-50%);color:var(--blue-ink);font-size:1.2rem;font-weight:600}
[dir="rtl"] .flow li:not(:last-child)::after{content:"←"}
.flow-t{display:block;font-weight:600;color:var(--ink);margin-bottom:.25rem}
.flow-t a{color:var(--blue-ink)}
.flow-d{display:block;font-size:.86rem;color:var(--body);line-height:1.45}
.contrast{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:stretch;margin:1.2rem 0 1.6rem}
.contrast-col{border-radius:4px;padding:.9rem 1rem}
.contrast-col.before{background:#F6EFEA;border-top:4px solid #B5653A}
.contrast-col.after{background:#EEF4FA;border-top:4px solid var(--blue-ink)}
.contrast-h{font-weight:600;color:var(--ink);margin:0 0 .5rem}
.contrast-col ul{margin:0;padding-inline-start:1.1rem}
.contrast-col li{margin:.3rem 0}
.contrast-arrow{align-self:center;font-size:1.8rem;color:var(--blue-ink)}
[dir="rtl"] .contrast-arrow{transform:scaleX(-1)}
.f-sub{margin:.8rem 0 .3rem;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#A9B9C8}
@media (max-width:700px){.flow{flex-direction:column;gap:1.6rem}.flow li:not(:last-child)::after{content:"↓";inset-inline-end:auto;left:50%;top:auto;bottom:-1.45rem;transform:translateX(-50%)}
[dir="rtl"] .flow li:not(:last-child)::after{content:"↓"}.contrast{grid-template-columns:1fr}.contrast-arrow{transform:rotate(90deg);justify-self:center}}

/* design pass: icons, programme identity, photo heads, figures, SDG badge, grids, timelines, bands */
.ic{width:1.15em;height:1.15em;vertical-align:-0.2em;flex:none}
:root{--p-concepts:#0F6E56;--p-concepts-t:#E1F5EE;--p-common:#534AB7;--p-common-t:#EEEDFE;--p-measure:#854F0B;--p-measure-t:#FAEEDA;--p-law:#993C1D;--p-law-t:#FAECE7;--p-change:#185FA5;--p-change-t:#E6F1FB}
.prog-concepts{--p:var(--p-concepts);--pt:var(--p-concepts-t)}.prog-common{--p:var(--p-common);--pt:var(--p-common-t)}
.prog-measure{--p:var(--p-measure);--pt:var(--p-measure-t)}.prog-law{--p:var(--p-law);--pt:var(--p-law-t)}
.mega-links li[class^="prog-"] a .ic,.f-col li[class^="prog-"] a .ic{color:var(--p);margin-inline-end:.4em}
.site-footer .f-col li[class^="prog-"] a .ic{color:#fff;opacity:.85}
.prog-tag.prog-concepts a,.prog-tag.prog-common a,.prog-tag.prog-measure a,.prog-tag.prog-law a{border-color:var(--p);color:var(--p);background:var(--pt)}
.prog-tag a .ic{margin-inline-end:.35em}
.cat[class*="prog-"]{color:var(--p);font-weight:500}.cat .ic{margin-inline-end:.25em}
.item-eyebrow .tag .ic{margin-inline-end:.3em;opacity:.8}
.page-head[class*="prog-"]{border-top:6px solid var(--p);background:var(--pt)}
.page-head[class*="prog-"] .eyebrow{color:var(--p);display:flex;align-items:center;gap:.4em}.page-head[class*="prog-"] .eyebrow .ic{width:1.5em;height:1.5em}
.card[class*="prog-"]{border-top:4px solid var(--p)}.card-ic{display:block;color:var(--p);margin-bottom:.4rem}.card-ic .ic{width:1.8rem;height:1.8rem}
.card.has-img{padding-top:0;overflow:hidden;border-top:1px solid var(--rule)}.card-img{display:block;margin:0 -1.25rem .8rem;height:150px;overflow:hidden}.card-img img{width:100%;height:100%;object-fit:cover;display:block}
.page-head.has-photo{position:relative;color:#fff;background:#1d2b3e;overflow:hidden}
.page-head.has-photo .head-photo{position:absolute;inset:0}.page-head.has-photo .head-photo img{width:100%;height:100%;object-fit:cover;opacity:.42}
.page-head.has-photo .wrap{position:relative;padding-top:2.6rem;padding-bottom:2.2rem}
.page-head.has-photo h1,.page-head.has-photo .lede,.page-head.has-photo .crumbs,.page-head.has-photo .crumbs a{color:#fff}
.head-credit{font-size:.75rem;opacity:.8;margin:1rem 0 0;color:#fff}
.figures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:6px;overflow:hidden;margin:1.6rem 0}
.fig{background:#fff;padding:1.1rem 1rem;display:flex;flex-direction:column;gap:.2rem}
.fig-ic{width:1.6rem;height:1.6rem;color:var(--blue-ink)}.fig-n{font-size:2rem;font-weight:600;color:var(--ink);line-height:1.1}.fig-l{font-size:.9rem;color:var(--muted)}
.sdg{display:flex;align-items:center;gap:.8rem;margin:1rem 0}.sdg-sq{width:3.2rem;height:3.2rem;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.3rem}
.sdg-16{background:#00689D}.sdg-4{background:#C5192D}.sdg-t{font-size:.95rem;color:var(--body)}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0 1.6rem;max-width:none}
.grid-c{background:#EEF4FA;border-top:4px solid var(--blue-ink);border-radius:4px;padding:1rem 1.1rem}.grid-t{font-weight:600;color:var(--ink);margin:0 0 .4rem}.grid-d{margin:0;font-size:.95rem}
.timeline{list-style:none;margin:1rem 0 1.6rem;padding:0;border-inline-start:3px solid var(--blue-ink)}
.timeline>li{position:relative;padding:0 0 1.1rem 1.4rem}[dir="rtl"] .timeline>li{padding:0 1.4rem 1.1rem 0}
.timeline>li::before{content:"";position:absolute;inset-inline-start:-.55rem;top:.35rem;width:.8rem;height:.8rem;border-radius:50%;background:#fff;border:3px solid var(--blue-ink)}
.tl-year{display:inline-block;font-weight:700;color:var(--blue-ink);font-size:1.1rem;margin-bottom:.2rem}.timeline-years p{margin:0}
.flow-objectives li{padding-top:.7rem}
.tpl-home .content>section:nth-of-type(even){background:#F2F6FA;box-shadow:0 0 0 100vmax #F2F6FA;clip-path:inset(0 -100vmax);padding-top:1.4rem;padding-bottom:1.4rem}
@media (max-width:700px){.figures{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}}
.page-head.has-photo .meta-row dt,.page-head.has-photo .meta-row dd,.page-head.has-photo .meta-row a,.page-head.has-photo .eyebrow{color:#fff}
.page-head.has-photo .meta-row dt{opacity:.8}

/* Person card with a portrait (Our people: the Director) */
.person.has-photo{grid-column:1/-1;align-items:flex-start;gap:1.4rem;padding:1.2rem}
.p-photo{flex:none;width:11rem;aspect-ratio:3/4;object-fit:cover;object-position:60% 30%;border-radius:var(--radius)}
@media (max-width:560px){.person.has-photo{flex-direction:column}.p-photo{width:100%;max-width:16rem}}
.p-meta{font-size:.82rem;color:var(--muted)}

.prog-change{--p:var(--p-change);--pt:var(--p-change-t)}

/* Event listings: host institution logo */
.item.has-logo{display:flow-root}
.item-logo{float:inline-end;width:7.5rem;height:3.4rem;object-fit:contain;object-position:center;margin:0 0 .4rem 1.2rem;padding:.35rem;background:#fff;border:1px solid var(--rule-2);border-radius:var(--radius)}
[dir="rtl"] .item-logo{margin:0 1.2rem .4rem 0}
@media (max-width:560px){.item-logo{width:5.5rem;height:2.6rem}}
.p-avatar{flex:none;width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 30%;background:var(--tint-2)}

/* Flows of five or more steps: one row per step */
.flow.flow-stack{flex-direction:column;gap:1.4rem;max-width:46rem}
.flow-stack li{display:grid;grid-template-columns:1.5rem minmax(9rem,15rem) 1fr;column-gap:1rem;align-items:start}
.flow-stack li::before{margin:0}
.flow-stack .flow-t{margin:0}
.flow-stack li:not(:last-child)::after,[dir="rtl"] .flow-stack li:not(:last-child)::after{content:"↓";inset-inline-end:auto;inset-inline-start:1.55rem;top:auto;bottom:-1.4rem;transform:none}
@media (max-width:700px){.flow-stack li{grid-template-columns:1.5rem 1fr}.flow-stack .flow-d{grid-column:2}}
.flow li.is-current{background:#fff;box-shadow:inset 0 0 0 2px var(--blue-ink)}.flow li.is-current .flow-t{color:var(--blue-ink)}

/* Programme pages: the programme's icon in the page head */
.page-head[class*="prog-"] .wrap{position:relative;padding-inline-end:10rem}
.head-icon{position:absolute;inset-inline-end:24px;top:50%;transform:translateY(-50%);width:6.5rem;height:6.5rem;border-radius:50%;background:var(--pt);box-shadow:inset 0 0 0 2px var(--p);display:grid;place-items:center}
.head-icon .ic{width:3.6rem;height:3.6rem;color:var(--p)}
@media (max-width:700px){.page-head[class*="prog-"] .wrap{padding-inline-end:24px}.head-icon{position:static;transform:none;width:3.6rem;height:3.6rem;margin:0 0 .6rem}.head-icon .ic{width:2rem;height:2rem}}
/* Home: the last band runs straight into the footer (no white gap) */
.tpl-home .body-wrap{padding-bottom:0}
.tpl-home .content>section:last-of-type{padding-bottom:3rem}
.tpl-home .site-footer{margin-top:0}