/* Supplied homepage artwork: frame the illustrations within their transparent canvases. */
.forum-home .forum-hero-art,.forum-home .governance-art{height:auto;aspect-ratio:1.25;overflow:hidden}
.forum-home .delivery-image{height:auto;aspect-ratio:1.4;overflow:hidden}
.forum-home .forum-hero-art img,.forum-home .governance-art img,.forum-home .delivery-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 65%;transform:none}
.forum-home .secretariat-image{position:relative}
.forum-home .secretariat-image img{position:absolute;inset:0;width:92%;margin-inline:auto;object-position:center 80%}

/* Participant header: identity at one end, navigation at the other. */
body.participant-site{--header-height:76px}
body.participant-site .participant-header{display:flex;direction:inherit;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:28px;position:sticky;top:0;z-index:70;height:76px;min-height:76px;padding-block:8px}
body.participant-site #app [id]{scroll-margin-top:calc(var(--header-height) + 20px)}
body.participant-site .participant-header .wordmark{direction:inherit;flex:none;margin:0;width:auto;gap:18px}
body.participant-site .participant-header .spcf-official-logo{width:100px;max-height:48px}
body.participant-site .participant-header .ministry-logo{width:145px}
.participant-nav-area{margin-inline-start:auto;min-width:0}
.participant-navigation{display:flex;align-items:center;gap:5px;direction:inherit}
.participant-navigation a{font-size:12px;padding:10px 12px;color:#42636d;text-decoration:none;white-space:nowrap;border-radius:5px;border:1px solid transparent;line-height:1.5}
html[lang=ar] .participant-navigation a{font-size:15px}
.participant-navigation a:hover{background:transparent;color:#07404d}
.participant-navigation a[aria-current=page]{background:transparent;color:#07404d;border-color:transparent;text-decoration:underline;text-decoration-color:#8cb5bf;text-underline-offset:9px;text-decoration-thickness:1px}
.participant-navigation .nav-logout{margin-inline-start:8px;padding-inline-start:18px;border-inline-start:1px solid #dce6e8;border-radius:0;color:#6d838a}
.participant-header-tools{display:flex;align-items:center;gap:14px;flex:none;direction:inherit}
body.participant-site .participant-header .nav-signin{margin:0;order:0;padding:10px 21px;min-height:42px}
.participant-menu-toggle,.participant-navigation .mobile-signin{display:none}
.participant-navigation a:focus-visible,.participant-menu-toggle:focus-visible{outline:2px solid #689ca8;outline-offset:3px}
@media(max-width:1200px){body.participant-site .participant-header{gap:18px;padding-inline:28px}.participant-navigation a{padding-inline:8px}body.participant-site .participant-header .spcf-official-logo{width:100px}body.participant-site .participant-header .ministry-logo{width:145px}.participant-header-tools{gap:8px}}
@media(max-width:1050px){body.participant-site{--header-height:74px}body.participant-site .participant-header{height:74px;min-height:74px;flex-wrap:nowrap}.participant-menu-toggle{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;border:1px solid #d6e3e6;background:#fff;color:#315a65;border-radius:5px;font:inherit;font-size:12px}.participant-menu-toggle svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.5;fill:none}.participant-navigation{display:none;position:absolute;inset-inline:25px;top:calc(100% - 1px);padding:10px;background:#fff;box-shadow:0 20px 40px #153e4b16;border:1px solid #dce7e9;border-radius:0 0 9px 9px;z-index:50;flex-direction:column;align-items:stretch;gap:3px}.participant-header.nav-is-open .participant-navigation{display:flex}.participant-navigation a{padding:12px 16px;font-size:14px;white-space:normal}html[lang=ar] .participant-navigation a{font-size:14px}.participant-navigation .nav-logout{border-inline-start:0;border-top:1px solid #e0e8ea;margin:5px 0 0;padding:14px 16px}.participant-navigation .mobile-signin{display:block;background:#07404d;color:#fff}.participant-header-tools>.nav-signin{display:none!important}}
@media(max-width:700px){body.participant-site{--header-height:68px}body.participant-site .participant-header{padding:10px 18px;gap:10px;height:68px;min-height:68px}.participant-nav-area{margin-inline-start:auto}.participant-header-tools{gap:0}body.participant-site .participant-header .wordmark{gap:10px}body.participant-site .participant-header .spcf-official-logo{width:86px;max-height:44px}body.participant-site .participant-header .ministry-logo{width:98px;max-width:none}.participant-menu-toggle{padding:8px;border:0}.participant-menu-toggle>span{display:none}.participant-header .language-menu summary{font-size:11px;gap:4px;padding:8px 4px}.participant-header .language-menu summary svg{width:12px}.participant-navigation{inset-inline:18px}}
@media(max-width:360px){body.participant-site .participant-header .ministry-logo{width:88px}body.participant-site .participant-header .spcf-official-logo{width:87px}.participant-header-tools .language-menu summary{font-size:10px}}

/* A single, ordered sign-in card. */
.language-menu .language-options{display:flex;flex-direction:column;gap:5px;min-width:144px;padding:7px;text-align:start}
.language-menu .language-options a{display:flex;align-items:center;flex:none;min-height:39px;padding:9px 13px;margin:0;line-height:1.5;border:0;border-radius:4px;position:static;transform:none;white-space:nowrap;font-size:12px}
.language-menu .language-options a[lang=ar]{direction:rtl;font-size:15px}
.language-menu .language-options a[lang=en]{direction:ltr}
.language-menu .language-options a[aria-current=true]{background:transparent;color:#315e6a}
.language-menu .language-options a:hover{background:#eef4f5;color:#07404d}
details.language-menu:not([open])>.language-options{display:none}
body.participant-site.is-login{background:#eff4f5}
.is-login #app{position:relative;isolation:isolate;overflow:hidden}
.is-login #app::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 20%,#ffffff 0%,#f6f9fa80 44%,transparent 76%)}
.signin-shell{min-height:calc(100vh - 225px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 22px 28px}
.auth-card{width:100%;max-width:440px;padding:34px 38px 29px;background:#fff;border:1px solid #dce6e8;border-radius:12px;box-shadow:0 16px 55px #164c5a09;position:relative}
.auth-card::before{content:'';position:absolute;top:-1px;inset-inline:38px;height:3px;background:#86b4bf;border-radius:0 0 3px 3px}
.auth-card-heading{text-align:center;margin-bottom:28px}
.auth-eyebrow{font-size:9px;letter-spacing:.14em;color:#6d8a94;margin:0 0 9px;line-height:1.6}
html[lang=ar] .auth-eyebrow{font-size:14px;letter-spacing:0}
body.participant-site .auth-card #access-title{color:#07404d;font-size:29px;font-weight:500;line-height:1.3;margin:0 0 12px;letter-spacing:-.025em}
html[lang=ar] body.participant-site .auth-card #access-title{font-size:35px;font-weight:600;letter-spacing:0}
.auth-description{font-size:11px;line-height:1.8;color:#78909a;margin:0 auto;max-width:300px}
html[lang=ar] .auth-description{font-size:16px;line-height:1.7}
.auth-field{margin-bottom:20px}
.auth-field>label{display:block;font-size:11px;font-weight:500;color:#355762;line-height:1.5;margin:0 0 9px}
html[lang=ar] .auth-field>label{font-size:15px}
body.participant-site .auth-card .auth-field input{height:49px;min-height:49px;background:#fbfcfd;border:1px solid #d5e1e5;border-radius:5px;font-size:13px;padding-inline:14px;box-shadow:none}
html[lang=ar] body.participant-site .auth-card .auth-field input{font-size:16px}
.auth-card .password-control input{padding-inline-end:48px!important}
body.participant-site .auth-card .auth-submit{display:flex;align-items:center;justify-content:center;gap:11px;min-height:49px;margin:26px 0 0;padding:12px 18px;border-radius:5px;font-size:12px;font-weight:500;box-shadow:none}
html[lang=ar] body.participant-site .auth-card .auth-submit{font-size:16px}
.auth-submit svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;fill:none}
html[dir=rtl] .auth-submit svg{transform:rotate(180deg)}
.auth-help{margin:25px 0 0;padding-top:20px;border-top:1px solid #edf1f3;text-align:center;font-size:10px;line-height:1.8;color:#82979f}
html[lang=ar] .auth-help{font-size:14px;line-height:1.7}
.auth-event{display:flex;gap:12px;align-items:center;font-size:10px;color:#8599a1;margin:22px 0 0;line-height:1.5}
html[lang=ar] .auth-event{font-size:13px}
.auth-event>span{color:#b4c8cd}
.auth-card .alert{font-size:12px;margin-bottom:20px}
@media(max-width:600px){.signin-shell{padding:32px 20px;min-height:calc(100svh - 210px)}.auth-card{max-width:420px;padding:29px 25px 25px;border-radius:9px}.auth-card-heading{margin-bottom:25px}.auth-symbol{margin-bottom:13px;width:33px;height:33px}.auth-help{margin-top:22px}.auth-event{margin-top:20px}body.participant-site .auth-card #access-title{font-size:27px}html[lang=ar] body.participant-site .auth-card #access-title{font-size:32px}}

/* Paired sign-in cards share the invitation's restrained visual identity. */
.signin-shell.auth-dual{max-width:1050px;min-height:calc(100vh - 207px);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:42px 28px;align-items:stretch}
.auth-dual .auth-card{max-width:none;padding:44px 39px 32px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-radius:8px;box-shadow:none}
.auth-dual .auth-card::before{display:none}
.auth-invitation{position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:550px;padding:35px;border-radius:8px;background:linear-gradient(145deg,#063743,#07404d 60%,#155563);color:#fff;display:flex;flex-direction:column;justify-content:space-between}
.auth-invitation::before{content:'';position:absolute;inset:20px;border:1px solid #bca7754a;pointer-events:none;z-index:-1}
.auth-invitation::after{content:'';position:absolute;top:0;left:0;height:100%;aspect-ratio:1;background:url('brand/invitation-star-reference-clean.svg') center / contain no-repeat;transform:translateX(-40%);opacity:.10;pointer-events:none;z-index:-1}
html[dir=rtl] .auth-invitation::after{left:auto;right:0;transform:translateX(40%)}
.auth-visual-kicker{font:400 10px/1.5 Poppins,sans-serif;letter-spacing:.17em;color:#bfcdcc;margin:0;direction:ltr;text-align:start}
html[dir=rtl] .auth-visual-kicker{text-align:right}
.auth-visual-kicker span{margin:0 10px;color:#bca775}
.auth-visual-copy{max-width:320px;margin:auto 0;padding:55px 0;text-align:start}
.auth-visual-eyebrow{font-size:9px;letter-spacing:.12em;color:#c8d5d3;margin:0 0 17px}
html[lang=ar] .auth-visual-eyebrow{font-size:15px;letter-spacing:0}
body.participant-site .auth-visual-copy h2{font-size:30px;line-height:1.45;font-weight:400;color:#fff;margin:0;text-wrap:balance}
html[lang=ar] body.participant-site .auth-visual-copy h2{font-size:36px;line-height:1.45}
.auth-visual-rule{display:block;width:44px;height:1px;background:#bca775;margin:24px 0}
.auth-visual-copy>p:last-child{font-size:11px;line-height:1.9;color:#afc8cd;max-width:270px;margin:0}
html[lang=ar] .auth-visual-copy>p:last-child{font-size:17px;line-height:1.8}
.auth-visual-event{display:flex;justify-content:space-between;gap:16px;font-size:10px;line-height:1.5;color:#b8cdd0;padding-top:20px;border-top:1px solid #c1bc9c32}
html[lang=ar] .auth-visual-event{font-size:13px}
@media(max-width:760px){.signin-shell.auth-dual{display:flex;flex-direction:column;min-height:0;max-width:520px;padding:28px 22px;gap:18px}.auth-dual .auth-card{order:0;padding:30px 27px 27px;min-height:0}.auth-invitation{order:1;min-height:245px;padding:28px}.auth-invitation::before{inset:14px}.auth-invitation::after{opacity:.075}.auth-visual-copy{padding:27px 0;max-width:100%}.auth-visual-eyebrow{display:none}body.participant-site .auth-visual-copy h2{font-size:25px;max-width:300px}html[lang=ar] body.participant-site .auth-visual-copy h2{font-size:29px}.auth-visual-rule,.auth-visual-copy>p:last-child{display:none}.auth-visual-event{padding-top:15px}}
