/* ═══════════════════════════════════════════════════════════════════
   Oxford Saudi Society — Liquid Glass design system
   Brand inks: Oxford blue #002147 · Saudi green #14532D · Heritage gold #C99A2E
   · Warm ivory #F6F4ED · White. Type: Cormorant Garamond / Noto Sans / Noto Sans Arabic.
   Principle: a luminous colour field behind; translucent glass in front that
   refracts it — rim light, specular glare, capsule controls, concentric radii.
   ═══════════════════════════════════════════════════════════════════ */
:root{
  --navy:#002147; --green:#14532D; --gold:#C99A2E; --ivory:#F6F4ED; --white:#fff;
  --green-lt:#5CBF8A; --gold-lt:#E3B65C; --sky:#8CC0FF;
  --ink:#F6F4ED; --ink-2:rgba(246,244,237,.78); --ink-3:rgba(246,244,237,.56); --ink-4:rgba(246,244,237,.38);
  --hair:rgba(255,255,255,.14);
  --display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:"Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --arabic:"Noto Sans Arabic","Noto Sans",-apple-system,system-ui,sans-serif;
  --wrap:1120px; --edge:clamp(12px,2.5vw,40px); --pad:48px;
  --r-xl:36px; --r-lg:28px; --r-md:22px; --r-sm:16px; --r-xs:12px; --pill:999px;
  --glass:rgba(255,255,255,.085);
  --glass-strong:rgba(255,255,255,.14);
  --glass-clear:rgba(255,255,255,.05);
  --glass-deep:rgba(6,24,50,.40);
  --blur:blur(26px) saturate(175%) brightness(1.06);
  --blur-soft:blur(16px) saturate(160%);
  --rim:linear-gradient(135deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.14) 28%,rgba(255,255,255,.05) 58%,rgba(255,255,255,.42) 100%);
  --rim-soft:linear-gradient(135deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.1) 32%,rgba(255,255,255,.04) 62%,rgba(255,255,255,.26) 100%);
  --lift:0 30px 70px -24px rgba(0,0,0,.62),0 10px 26px -14px rgba(0,0,0,.42);
  --lift-sm:0 14px 34px -14px rgba(0,0,0,.5),0 4px 12px -6px rgba(0,0,0,.35);
  --spec:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -1px 0 rgba(255,255,255,.05),inset 0 0 44px rgba(255,255,255,.035);
  --ring:0 0 0 4px rgba(227,182,92,.28);
  --ease:cubic-bezier(.2,.8,.2,1); --t:.22s;
  --tabbar:0px;
}
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{scroll-behavior:smooth;background:#061A33;-webkit-text-size-adjust:100%}
body{
  font-family:var(--sans);color:var(--ink);font-size:16px;line-height:1.65;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
  min-height:100dvh;background:transparent;position:relative;overflow-x:hidden;
  padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom,0px));
}
html[dir="rtl"] body{font-family:var(--arabic);line-height:1.9}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] .disp,html[dir="rtl"] summary,
html[dir="rtl"] .person .nm,html[dir="rtl"] footer .fn{font-family:var(--arabic)}
img,svg{max-width:100%;display:block}
[hidden]{display:none!important}
a{color:var(--green-lt);text-underline-offset:3px;text-decoration-thickness:1px}
button{font:inherit;color:inherit}
::selection{background:rgba(227,182,92,.45);color:#fff}
:focus-visible{outline:2px solid var(--gold-lt);outline-offset:3px}

/* ── the field: colour the glass refracts ─────────────────────────── */
body::before{
  content:"";position:fixed;inset:-8%;z-index:-2;pointer-events:none;
  background:
    radial-gradient(46% 40% at 16% 14%, rgba(22,150,108,.72), transparent 70%),
    radial-gradient(38% 34% at 86% 12%, rgba(240,190,92,.58), transparent 70%),
    radial-gradient(54% 46% at 82% 70%, rgba(74,150,255,.66), transparent 70%),
    radial-gradient(44% 40% at 10% 82%, rgba(18,120,92,.70), transparent 70%),
    radial-gradient(28% 24% at 52% 46%, rgba(227,182,92,.20), transparent 70%),
    linear-gradient(160deg,#10396A 0%,#0A2A52 46%,#061C3C 100%);
  animation:drift 44s ease-in-out infinite alternate;
  will-change:transform;
}
@keyframes drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-2.5%,1.5%,0) scale(1.05)}}
/* soft caustics: two slow highlights that cross the field */
body::after{
  content:"";position:fixed;inset:-8%;z-index:-1;pointer-events:none;mix-blend-mode:screen;opacity:.55;
  background:
    radial-gradient(30% 22% at 30% 30%, rgba(255,255,255,.14), transparent 70%),
    radial-gradient(26% 20% at 72% 62%, rgba(140,192,255,.16), transparent 70%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='160' height='160' filter='url(%23n)' opacity='.07'/></svg>");
  animation:caustic 60s ease-in-out infinite alternate;
}
@keyframes caustic{from{transform:translate3d(0,0,0)}to{transform:translate3d(3%,-2%,0)}}
@media (prefers-reduced-motion:reduce){body::before,body::after{animation:none}}

/* ── glass materials ─────────────────────────────────────────────── */
/* blurred surfaces: refract the field */
.glass,header.site .bar,.tabbar ul,section.band > .wrap,.card,.ev,details,.pcard,.tier,.rq,footer.site > .wrap,
.lang,.btn-s,.steps li,.note,.pubbar,.err-sum,.done .ref{
  position:relative;
  background:var(--glass);
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  box-shadow:var(--lift-sm),var(--spec);
  border-radius:var(--r-md);
}
/* light controls: same rim and sheen, no blur (cheap enough to use by the hundred) */
.chip,.lnk,.avatar,.person .av,.photo-prev{
  position:relative;background:var(--glass-clear);box-shadow:var(--lift-sm),var(--spec);border-radius:var(--r-md);
}
/* rim light: a 1px ring that catches light top-left and bottom-right */
.glass::before,header.site .bar::before,.tabbar ul::before,section.band > .wrap::before,.card::before,.ev::before,details::before,
.pcard::before,.tier::before,.rq::before,footer.site > .wrap::before,.lang::before,.btn-s::before,.steps li::before,.note::before,
.pubbar::before,.err-sum::before,.done .ref::before,.chip::before,.lnk::before,.avatar::before,.person .av::before,.photo-prev::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:0;
  background:var(--rim);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
}
/* specular glare on the larger panes */
.glass::after,header.site .bar::after,section.band > .wrap::after,.card::after,.pcard::after,.tier::after,.rq::after,footer.site > .wrap::after,.steps li::after,.ev::after,details::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
  background:
    radial-gradient(110% 55% at 12% 0%,rgba(255,255,255,.14),transparent 58%),
    radial-gradient(60% 40% at 92% 102%,rgba(255,255,255,.06),transparent 60%);
}
/* content sits above the rim and glare */
.card > *,.pcard > *,.tier > *,.rq > *,.ev > *,details > *,section.band > .wrap > *,footer.site > .wrap > *,header.site .bar > *{position:relative;z-index:1}
/* large panels are deeper and more frosted; small controls stay clear */
section.band > .wrap,footer.site > .wrap{background:var(--glass-deep);border-radius:var(--r-xl);box-shadow:var(--lift),var(--spec)}
.card,.pcard,.tier,.rq,.ev,details{background:var(--glass)}
.lang,.btn-s{background:var(--glass-clear)}
.card.tinted{background:rgba(201,154,46,.11)}
section.band.tint > .wrap{background:rgba(5,24,44,.34)}
/* page heads float on the field with no pane behind them */
section.band.head > .wrap{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;padding-block:44px 8px}
section.band.head > .wrap::before,section.band.head > .wrap::after{display:none}
section.band.head .sec-head{margin-bottom:0}
section.band.head .sec-head + *{margin-top:30px}
section.band.head h2{font-size:clamp(34px,4.6vw,56px)}

/* ── layout rhythm ───────────────────────────────────────────────── */
.wrap{max-width:var(--wrap);width:calc(100% - 2*var(--edge));margin-inline:auto;padding-inline:var(--pad)}
main{display:block}
.view{display:none}.view.on,.page{display:block}
section.band{padding-block:14px}
section.band > .wrap{padding:56px var(--pad)}
.strip{padding-block:14px}
h1,h2,h3,.disp{font-family:var(--display);font-weight:600;line-height:1.08;letter-spacing:.005em;color:var(--ink);text-wrap:balance}
h2{font-size:clamp(30px,3.8vw,44px)}
h3{font-size:24px}
.eyebrow{font-family:var(--sans);font-size:11.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-lt)}
html[dir="rtl"] .eyebrow{letter-spacing:0;font-size:13px}
.gold-rule{height:2px;width:56px;background:linear-gradient(90deg,var(--gold-lt),rgba(227,182,92,.2));border:0;border-radius:2px}
.lede{font-size:19px;line-height:1.6;color:var(--ink-2)}
.muted{color:var(--ink-3)}
.ph{border-bottom:1px dotted var(--gold-lt);padding-bottom:1px;white-space:nowrap;color:var(--ink)}
p.ph,div.ph{display:inline-block}
.sec-head{max-width:640px;margin-bottom:40px}
.sec-head h2{margin-top:12px}
.sec-head .gold-rule{margin:18px 0 0}
.sec-head p{margin-top:18px;font-size:17px;color:var(--ink-2)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.prose{max-width:720px}
.faq-list{max-width:820px}
.prose h3{font-size:22px;margin:36px 0 10px}
.prose p{color:var(--ink-2);margin-bottom:14px;font-size:16px}

/* ── header: floating capsule ────────────────────────────────────── */
header.site{position:sticky;top:0;z-index:60;padding:12px 0 0}
/* progressive scrim once content starts passing under the capsule */
header.site::before{content:"";position:absolute;left:0;right:0;top:0;bottom:-26px;pointer-events:none;z-index:-1;opacity:0;transition:opacity var(--t) var(--ease);
  background:linear-gradient(180deg,rgba(6,24,46,.82) 0%,rgba(6,24,46,.45) 50%,transparent 100%);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  -webkit-mask:linear-gradient(180deg,#000 0%,#000 40%,transparent 100%);mask:linear-gradient(180deg,#000 0%,#000 40%,transparent 100%)}
header.site.scrolled::before{opacity:1}
header.site .bar{
  display:flex;align-items:center;gap:18px;height:68px;padding-inline:14px 10px;border-radius:var(--pill);
  background:rgba(6,24,46,.52);box-shadow:var(--lift),var(--spec);transition:height var(--t) var(--ease),background var(--t) var(--ease);
}
header.site.scrolled .bar{height:58px;background:rgba(6,24,46,.68)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);flex:0 0 auto;min-width:0}
.brand img{width:44px;height:44px;background:#fff;border-radius:50%;padding:2px;box-shadow:0 2px 14px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.35);transition:width var(--t) var(--ease),height var(--t) var(--ease)}
header.site.scrolled .brand img{width:38px;height:38px}
.brand .bn{font-family:var(--display);font-size:19px;font-weight:600;line-height:1.1;white-space:nowrap}
.brand .bs{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}
html[dir="rtl"] .brand .bn{font-family:var(--arabic);font-size:17px}
html[dir="rtl"] .brand .bs{letter-spacing:0;font-size:12px}
nav.main{margin-inline-start:auto;display:flex;align-items:center;gap:4px}
nav.main a{
  display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--ink-2);
  font-size:14px;font-weight:500;padding:9px 15px;border-radius:var(--pill);
  transition:background var(--t) var(--ease),color var(--t) var(--ease),transform var(--t) var(--ease);
}
nav.main a .n{display:none}
nav.main a:hover{background:rgba(255,255,255,.1);color:var(--ink)}
nav.main a.on{background:var(--ivory);color:var(--navy);box-shadow:0 6px 18px -6px rgba(0,0,0,.5),inset 0 1px 0 #fff}
.lang{display:flex;align-items:center;padding:3px;border-radius:var(--pill);gap:2px;flex:0 0 auto;margin-inline-start:6px}
.lang a,.lang button{
  font-size:12px;font-weight:700;letter-spacing:.08em;padding:7px 13px;border:0;border-radius:var(--pill);background:none;color:var(--ink-3);
  text-decoration:none;cursor:pointer;display:block;line-height:1.2;transition:background var(--t) var(--ease),color var(--t) var(--ease);
}
.lang a:hover,.lang button:hover{color:var(--ink)}
.lang a.on,.lang button.on{background:var(--ivory);color:var(--navy);box-shadow:0 4px 12px -4px rgba(0,0,0,.5),inset 0 1px 0 #fff}
.burger{display:none}

/* ── bottom tab bar (phones) ─────────────────────────────────────── */
.tabbar{
  display:none;position:fixed;z-index:70;left:0;right:0;bottom:0;pointer-events:none;
  padding:34px 12px calc(12px + env(safe-area-inset-bottom,0px));
  background:linear-gradient(180deg,rgba(6,24,46,0) 0%,rgba(6,24,46,.55) 40%,rgba(6,24,46,.82) 100%);
}
.tabbar ul{
  display:flex;list-style:none;gap:2px;pointer-events:auto;margin:0 auto;width:min(560px,100%);
  padding:8px;border-radius:var(--pill);background:rgba(6,24,46,.62);box-shadow:var(--lift),var(--spec);
}
.tabbar li{flex:1;position:relative;z-index:1}
.tabbar a{
  display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:var(--ink-3);
  font-size:10.5px;font-weight:600;letter-spacing:.02em;padding:7px 4px 6px;border-radius:var(--pill);min-height:52px;justify-content:center;
  transition:background var(--t) var(--ease),color var(--t) var(--ease);
}
.tabbar a svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.tabbar a.on{background:var(--ivory);color:var(--navy);box-shadow:0 6px 16px -6px rgba(0,0,0,.5),inset 0 1px 0 #fff}
html[dir="rtl"] .tabbar a{font-size:11.5px;letter-spacing:0}
/* Join stands out in the bottom bar: heritage gold pill, navy text */
.tabbar a.tab-join{background:linear-gradient(160deg,#dcb24d 0%,var(--gold) 55%,#a87c1f 100%);color:var(--navy);font-weight:700;
  box-shadow:0 8px 20px -8px rgba(201,154,46,.85),inset 0 1px 0 rgba(255,255,255,.55)}
.tabbar a.tab-join svg{stroke-width:2.2}
.tabbar a.tab-join.on{background:var(--ivory);color:var(--navy);box-shadow:0 0 0 2px var(--gold),0 8px 20px -8px rgba(201,154,46,.85),inset 0 1px 0 #fff}

/* ── buttons: capsules ───────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;border-radius:var(--pill);
  font-size:14.5px;font-weight:600;text-decoration:none;border:0;cursor:pointer;white-space:nowrap;
  transition:transform var(--t) var(--ease),box-shadow var(--t) var(--ease),background var(--t) var(--ease),filter var(--t) var(--ease);
}
html[dir="rtl"] .btn{font-family:var(--arabic)}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0) scale(.98)}
.btn-p{
  background:linear-gradient(180deg,#FFFFFF 0%,var(--ivory) 100%);color:var(--navy);
  box-shadow:0 14px 30px -10px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.55),inset 0 1px 0 #fff;
}
.btn-p:hover{filter:brightness(1.03);box-shadow:0 18px 36px -10px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.7),inset 0 1px 0 #fff}
.btn-s{color:var(--ink);border-radius:var(--pill);box-shadow:var(--lift-sm),var(--spec)}
.btn-s:hover{background:rgba(255,255,255,.12)}
.btn[disabled]{opacity:.55;cursor:progress;transform:none}
.btn.is-off{opacity:.5;cursor:not-allowed;transform:none;pointer-events:none}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}

/* ── hero ────────────────────────────────────────────────────────── */
.hero .wrap{padding-block:48px 64px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(44px,6vw,76px);line-height:1.02;letter-spacing:-.005em}
html[dir="rtl"] .hero h1{font-size:clamp(40px,5.2vw,64px);line-height:1.25}
.hero .ar-name{font-family:var(--arabic);direction:rtl;unicode-bidi:isolate;text-align:left;font-size:26px;color:var(--green-lt);margin-top:16px;line-height:1.8}
html[dir="rtl"] .hero .ar-name{font-family:var(--display);direction:ltr;text-align:right;line-height:1.3;font-size:24px}
.hero .lede{margin-top:22px;max-width:48ch}
.hero-seal{display:flex;justify-content:center}
.hero-seal .ring{
  position:relative;width:min(420px,78vw);aspect-ratio:1;border-radius:50%;padding:22px;
  background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--lift),var(--spec);
}
.hero-seal .ring::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--rim);pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.hero-seal .ring::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(60% 45% at 25% 8%,rgba(255,255,255,.22),transparent 60%)}
.hero-seal .disc{
  width:100%;height:100%;border-radius:50%;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;
  box-shadow:0 30px 70px -20px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.5),0 0 90px rgba(201,154,46,.18);
}
.hero-seal .disc img{width:82%}

/* ── cards & pillars ─────────────────────────────────────────────── */
.card{padding:28px 26px;border-radius:var(--r-md)}
.card h3{font-size:22px;margin-bottom:10px}
.card p{color:var(--ink-2);font-size:15.5px}
.pillar .num{font-family:var(--display);font-size:15px;color:var(--gold-lt);font-weight:600;display:block;margin-bottom:10px}
ul.ticks{list-style:none}
ul.ticks li{position:relative;padding-inline-start:24px;margin-bottom:11px;color:var(--ink-2);font-size:15.5px}
ul.ticks li b,ul.ticks li strong{color:var(--ink)}
ul.ticks li::before{content:"";position:absolute;inset-inline-start:0;top:9px;width:8px;height:8px;border-radius:50%;
  background:var(--gold-lt);box-shadow:0 0 0 4px rgba(227,182,92,.18)}

/* ── committee people ────────────────────────────────────────────── */
.cat{margin-bottom:36px}
.cat .lbl{font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-lt);padding-bottom:12px;border-bottom:1px solid var(--hair);margin-bottom:22px}
html[dir="rtl"] .cat .lbl{letter-spacing:0;font-size:13px}
.person{text-align:center}
.person .av{width:92px;height:92px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;overflow:hidden;
  font-family:var(--display);font-size:26px;color:var(--gold-lt);font-weight:600;background:rgba(255,255,255,.09)}
.person .av img{width:100%;height:100%;object-fit:cover}
.person .av .sil{width:42%;height:42%;fill:none;stroke:rgba(246,244,237,.45);stroke-width:1.6;stroke-linecap:round}
.person .nm{font-family:var(--display);font-size:19px;font-weight:600;color:var(--ink)}
.person .rl{font-size:13px;color:var(--ink-3);margin-top:3px}

/* ── events: grouped list ────────────────────────────────────────── */
#events-list{display:grid;gap:12px}
.ev{display:grid;grid-template-columns:128px 1fr auto;gap:24px;align-items:start;padding:22px 24px;border-radius:var(--r-md)}
.ev .when{font-family:var(--display);font-weight:600;color:var(--gold-lt);font-size:17px;line-height:1.3}
.ev .when span{display:block;width:max-content}
.ev .when span:last-child{font-family:var(--sans);font-size:12.5px;color:var(--ink-3);font-weight:400;margin-top:4px}
html[dir="rtl"] .ev .when{font-family:var(--arabic)}
.ev h3{font-size:21px}
.ev p{color:var(--ink-2);font-size:15.5px;margin-top:6px}
.ev .meta{font-size:13px;color:var(--ink-3)}
.ev .tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-lt);
  border-radius:var(--pill);padding:7px 13px;white-space:nowrap;background:rgba(227,182,92,.14);box-shadow:inset 0 0 0 1px rgba(227,182,92,.4)}
html[dir="rtl"] .ev .tag{letter-spacing:0}

/* ── faq / disclosure rows ───────────────────────────────────────── */
details{padding:18px 22px;margin-bottom:10px;border-radius:var(--r-md);transition:background var(--t) var(--ease)}
details[open]{background:var(--glass-strong)}
summary{cursor:pointer;list-style:none;font-family:var(--display);font-size:21px;font-weight:600;display:flex;gap:16px;align-items:center;color:var(--ink)}
summary::-webkit-details-marker{display:none}
summary::before{content:"";flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E3B65C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat:no-repeat;background-position:center;background-size:14px;transition:transform var(--t) var(--ease)}
details[open] summary::before{transform:rotate(180deg)}
details p{margin-top:12px;margin-inline-start:44px;color:var(--ink-2);font-size:15.5px}

/* ── the light moment: clear white glass ─────────────────────────── */
.strip > .wrap{
  position:relative;background:rgba(246,244,237,.9);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  border-radius:var(--r-xl);padding:56px var(--pad);color:var(--navy);
  box-shadow:0 30px 70px -24px rgba(0,0,0,.6),inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.7);
}
.strip > .wrap::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(90% 50% at 10% 0%,rgba(255,255,255,.7),transparent 60%)}
.strip > .wrap > *{position:relative;z-index:1}
.strip h2{color:var(--navy);font-size:clamp(28px,3.4vw,40px)}
.strip p{color:rgba(0,33,71,.78);margin-top:16px;font-size:17px;max-width:52ch}
.strip .disp{color:var(--navy)}
.strip p.strip-k{font-family:var(--display);font-size:22px;font-weight:600;color:#8a6a1c;margin-top:0}
.strip p.strip-big{font-family:var(--display);font-size:30px;line-height:1.2;margin-top:8px;color:var(--navy);max-width:none}
.strip p.strip-sub{margin-top:10px;font-size:15.5px;color:rgba(0,33,71,.72)}
.strip .btn{background:var(--navy);color:#fff;box-shadow:0 14px 30px -10px rgba(0,33,71,.5),inset 0 1px 0 rgba(255,255,255,.22)}
.strip .ph{border-bottom-color:#8a6a1c;color:var(--navy)}

/* ── supporters ──────────────────────────────────────────────────── */

/* ── notes ───────────────────────────────────────────────────────── */
.note{padding:16px 20px;font-size:13.5px;color:var(--ink-2);margin-top:26px;border-radius:var(--r-sm);background:rgba(227,182,92,.12)}
.note b{color:var(--gold-lt)}
.strip .note{background:rgba(201,154,46,.16);color:rgba(0,33,71,.82)}
.strip .note b{color:#8a6a1c}

/* ── footer ──────────────────────────────────────────────────────── */
footer.site{padding:14px 0 40px;color:var(--ink-2);font-size:14px}
footer.site > .wrap{padding:48px var(--pad) 28px}
footer.site .top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:44px;padding-bottom:34px;border-bottom:1px solid var(--hair)}
footer .fseal{width:68px;height:68px;border-radius:50%;background:#fff;display:flex;overflow:hidden;align-items:center;justify-content:center;margin-bottom:16px;
  box-shadow:0 10px 26px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.35)}
footer .fseal img{width:56px}
footer .fn{font-family:var(--display);color:var(--ink);font-size:20px;font-weight:600}
footer .fa{font-family:var(--arabic);direction:rtl;unicode-bidi:isolate;color:var(--gold-lt);font-size:15px;margin-top:4px;text-align:left}
html[dir="rtl"] footer .fa{font-family:var(--display);direction:ltr;text-align:right}
footer h4{font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);margin-bottom:14px;font-family:var(--sans)}
html[dir="rtl"] footer h4{letter-spacing:0;font-size:13px;font-family:var(--arabic)}
footer ul{list-style:none}
footer li{margin-bottom:9px}
footer a{color:var(--ink-2);text-decoration:none;transition:color var(--t) var(--ease)}
footer a:hover{color:var(--ink);text-decoration:underline}
footer .bottom{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-top:22px;font-size:12.5px}
footer .bottom nav{display:flex;gap:20px;flex-wrap:wrap}
footer .ph{border-bottom-color:var(--gold-lt)}

/* ── a11y helpers ────────────────────────────────────────────────── */
.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.skip:focus{width:auto;height:auto;clip:auto;clip-path:none;inset-inline-start:16px;top:12px;background:var(--ivory);color:var(--navy);padding:10px 16px;z-index:100;border-radius:8px}

/* ── responsive ──────────────────────────────────────────────────── */
@media (max-width:1000px){
  .grid4{grid-template-columns:repeat(2,1fr)}
  .hero .wrap{gap:36px}
}
@media (max-width:860px){
  :root{--tabbar:96px;--pad:22px}
  .grid3,.grid2{grid-template-columns:1fr;gap:16px}
  section.band > .wrap,footer.site > .wrap,.strip > .wrap{padding:34px var(--pad);border-radius:var(--r-lg)}
  section.band.head > .wrap{padding-block:28px 4px}
  .lang{margin-inline-start:auto}
  .sec-head{margin-bottom:28px}
  header.site{padding-top:10px}
  header.site .bar{height:60px;gap:10px;padding-inline:10px 8px}
  nav.main{display:none}
  .brand .bs{display:none}
  .brand img{width:38px;height:38px}
  .tabbar{display:block}
  footer.site .top{grid-template-columns:1fr;gap:28px}
  .hero .wrap{grid-template-columns:1fr;padding-block:20px 40px;gap:28px}
  .hero-seal{order:-1}
  .hero-seal .ring{width:min(300px,68vw);padding:16px}
  .hero h1{font-size:clamp(38px,11vw,56px)}
  .ev{grid-template-columns:1fr;gap:10px}
  .ev .when span{display:inline-block;margin-inline-end:10px}
  details p{margin-inline-start:0}
}
@media (max-width:480px){
  .cta-row .btn{flex:1 1 calc(50% - 6px)}
  .grid4{grid-template-columns:repeat(2,1fr);gap:12px}
}

/* ── reduced transparency: solid surfaces, same geometry ──────────── */
@media (prefers-reduced-transparency:reduce){
  .glass,header.site .bar,.tabbar ul,section.band > .wrap,.card,.ev,details,.pcard,.tier,.rq,footer.site > .wrap,.lang,.chip,.btn-s,.lnk,.note,.pubbar,.steps li{
    background:#0B2240;-webkit-backdrop-filter:none;backdrop-filter:none}
  .strip > .wrap{background:var(--ivory);-webkit-backdrop-filter:none;backdrop-filter:none}
  body::before{animation:none}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  section.band > .wrap,footer.site > .wrap,header.site .bar,.tabbar ul{background:rgba(6,24,46,.9)}
  header.site::before{display:none}
  .card,.ev,details,.pcard,.tier,.rq{background:rgba(10,32,60,.85)}
}

/* ── ideas page ──────────────────────────────────────────────────── */
.how .card .ic{width:42px;height:42px;border-radius:50%;background:var(--ivory);color:var(--navy);display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:20px;margin-bottom:18px;box-shadow:0 8px 20px -8px rgba(0,0,0,.5),inset 0 1px 0 #fff}
.board-strip > .wrap{display:block;padding:40px var(--pad) 32px}
.board-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 28px;margin-bottom:22px}
.board-head .strip-k{margin:0}
.strip p.board-sub{margin-top:6px;font-size:15px;max-width:60ch}
.board{position:relative;min-height:220px;border-radius:var(--r-md);background:#fff;box-shadow:inset 0 0 0 1px rgba(0,33,71,.1),0 18px 40px -24px rgba(0,33,71,.35);overflow:hidden}
.board [data-canny]{min-height:0}
.board iframe{display:block;width:100%;min-height:760px;border:0}
.board-pending{padding:48px 32px;text-align:center}
.board-pending .disp{font-size:26px;color:var(--navy);max-width:28ch;margin:0 auto}
.strip p#ideas-pending-mail{margin:14px auto 0;max-width:48ch;font-size:15.5px}
.board-pending .ph{color:var(--navy);border-bottom-color:#8a6a1c}
.strip p.board-rules{margin-top:18px;font-size:13.5px;color:rgba(0,33,71,.62);max-width:none}
/* home: ideas callout */
.callout{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px}
.callout h2{font-size:clamp(26px,3.2vw,36px);margin-top:12px}
.callout p:not(.eyebrow){margin-top:12px;color:var(--ink-2);font-size:16.5px;max-width:52ch}
.callout .cta-row{margin:0;flex:0 0 auto}
@media (max-width:860px){
  .board-pending{padding:36px 20px}
  .board-pending .disp{font-size:22px}
}

/* ── join: step pills ───────────────────────────────────────────── */
ol.steps{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin-top:6px}
ol.steps li{display:flex;align-items:center;gap:10px;padding:9px 18px 9px 10px;border-radius:var(--pill);font-size:13.5px;color:var(--ink-3);box-shadow:var(--lift-sm),var(--spec)}
ol.steps li .k{font-family:var(--display);font-weight:700;font-size:14px;color:var(--gold-lt);width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(227,182,92,.5)}
ol.steps li.on{background:var(--ivory);color:var(--navy)}
ol.steps li.on .k{color:#8a6a1c;background:rgba(0,33,71,.06);box-shadow:inset 0 0 0 1px #8a6a1c}
ol.steps li.done{color:var(--ink-2)}
ol.steps li.done .k{background:var(--green-lt);color:var(--navy);box-shadow:none}

/* ── join: tier cards ───────────────────────────────────────────── */
.tiers{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.tiers.err .tier{box-shadow:var(--lift-sm),var(--spec),0 0 0 1px rgba(224,122,122,.6)}
#tier-msg{display:none;margin-top:12px;font-size:13px;color:#F2A9A9}
.tier{display:block;cursor:pointer;padding:26px 24px 24px;border-radius:var(--r-md);transition:transform var(--t) var(--ease),background var(--t) var(--ease),box-shadow var(--t) var(--ease)}
.tier:hover{transform:translateY(-2px);background:var(--glass-strong)}
.tier input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.tier .chk{position:absolute;top:20px;inset-inline-end:20px;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35);z-index:1;transition:background var(--t) var(--ease)}
.tier .tn{display:block;font-family:var(--display);font-size:23px;font-weight:600;color:var(--ink);padding-inline-end:36px;line-height:1.15}
.tier .tp{display:block;font-family:var(--display);font-size:36px;font-weight:600;color:var(--green-lt);margin-top:10px;line-height:1.1}
.tier .tp small{font-family:var(--sans);font-size:12.5px;color:var(--ink-3);font-weight:400;display:block;margin-top:4px;letter-spacing:.02em}
.tier .td{display:block;font-size:14px;color:var(--ink-2);margin-top:14px;line-height:1.55}
.tier .tp .ph,.done .ref .rv,.kv dd{direction:ltr;unicode-bidi:isolate}
.tier .tp .ph{color:var(--green-lt);border-bottom-color:var(--green-lt)}
.tier.sel{background:rgba(246,244,237,.96);box-shadow:0 26px 60px -22px rgba(0,0,0,.6),inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.7);transform:translateY(-2px)}
.tier.sel::before,.tier.sel::after{opacity:0}
.tier.sel .tn,.tier.sel .td{color:var(--navy)}
.tier.sel .td{color:rgba(0,33,71,.76)}
.tier.sel .tp{color:var(--green)}
.tier.sel .tp .ph{color:var(--green);border-bottom-color:#8a6a1c}
.tier.sel .tp small{color:rgba(0,33,71,.6)}
.tier.sel .chk{background:var(--green);box-shadow:none}
.tier.sel .chk::after{content:"";position:absolute;left:9px;top:5px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.tier:focus-within{outline:2px solid var(--gold-lt);outline-offset:3px}
html[dir="rtl"] .tier .tn{font-family:var(--arabic)}
/* Status cards (join step 2): same card language as the membership tiers, compact, one brand tone each */
.stats{grid-template-columns:repeat(3,1fr);gap:12px}
.stat{--tone:var(--green-lt);padding:18px 18px 16px;min-height:118px;
  background:linear-gradient(160deg,color-mix(in srgb,var(--tone) 24%,transparent) 0%,var(--glass) 62%);
  box-shadow:var(--lift-sm),var(--spec),inset 0 3px 0 var(--tone)}
.stat[data-tone="gold"]{--tone:var(--gold-lt)}
.stat[data-tone="sky"]{--tone:var(--sky)}
.stat[data-tone="ivory"]{--tone:var(--ivory)}
.stat .chk{top:14px;inset-inline-end:14px;width:22px;height:22px;box-shadow:inset 0 0 0 1.5px var(--tone)}
.stat .tn{font-size:18px;padding-inline-end:28px}
.stat .td{font-size:12.5px;margin-top:8px;line-height:1.45}
.stat-other{grid-column:1/-1;min-height:0}
.stat.sel{background:linear-gradient(160deg,color-mix(in srgb,var(--tone) 30%,var(--ivory)) 0%,var(--ivory) 70%);box-shadow:0 22px 50px -22px rgba(0,0,0,.6),inset 0 4px 0 var(--tone),inset 0 0 0 1px rgba(255,255,255,.7)}
.stat[data-tone="green"].sel{--tone:var(--green)}
.stat[data-tone="gold"].sel{--tone:var(--gold)}
.stat[data-tone="sky"].sel{--tone:#2f6db5}
.stat[data-tone="ivory"].sel{--tone:var(--navy)}
.stat.sel .chk{background:var(--tone)}
.stat .oth{display:none;margin-top:12px}
.stat-other.sel .oth{display:block}
.tier .oth input{position:static;opacity:1;width:100%;height:auto;pointer-events:auto}
.stat-wrap .tier .oth input[type="text"]{font-size:15px;color:var(--navy);background:#fff;border:0;border-radius:var(--r-sm);padding:12px 14px;
  box-shadow:inset 0 0 0 1px rgba(0,33,71,.28),inset 0 1px 3px rgba(0,33,71,.12)}
.stat-wrap .tier .oth input[type="text"]::placeholder{color:rgba(0,33,71,.45)}
.stat-wrap .tier .oth input[type="text"]:focus{background:#fff;outline:0;box-shadow:inset 0 0 0 1.5px var(--gold),0 0 0 4px rgba(201,154,46,.22)}
.stat-wrap.err .tier .oth input[type="text"]{box-shadow:inset 0 0 0 1.5px rgba(200,70,70,.85),0 0 0 4px rgba(224,122,122,.18)}
.stat-wrap.err .stat{box-shadow:var(--lift-sm),var(--spec),inset 0 3px 0 var(--tone),0 0 0 1px rgba(224,122,122,.6)}
.stat-wrap .msg{margin-top:10px}


/* ── fields: inset wells ────────────────────────────────────────── */
.form{display:grid;grid-template-columns:1fr 1fr;gap:20px 22px;margin-top:8px}
.f{display:flex;flex-direction:column;gap:7px;min-width:0}
.f.full{grid-column:1/-1}
.f .lbl{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
html[dir="rtl"] .f .lbl{letter-spacing:0;font-size:13.5px}
.f .req{color:var(--gold-lt)}
.f .hint{font-size:12.5px;color:var(--ink-3);text-transform:none;letter-spacing:0;font-weight:400}
.f input[type="text"],.f input[type="email"],.f input[type="tel"],.f input[type="url"],.f input[type="date"],.f input[type="datetime-local"],.f input[type="number"],.f input[type="search"],.f select,.f textarea,.dir-search input{
  font:inherit;font-size:16px;color:var(--ink);padding:14px 18px;border-radius:var(--r-sm);width:100%;min-height:52px;
  background:rgba(2,12,28,.32);border:0;-webkit-appearance:none;appearance:none;outline:none;
  box-shadow:inset 0 2px 6px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.12),inset 0 -1px 0 rgba(255,255,255,.06);
  transition:box-shadow var(--t) var(--ease),background var(--t) var(--ease);
}
.dir-search input{-webkit-backdrop-filter:none;backdrop-filter:none}
.dir-search input::before{display:none}
html[dir="rtl"] .f input,html[dir="rtl"] .f select,html[dir="rtl"] .f textarea{font-family:var(--arabic)}
.f input::placeholder,.f textarea::placeholder,.dir-search input::placeholder{color:var(--ink-4)}
.f input:focus,.f select:focus,.f textarea:focus,.dir-search input:focus{background:rgba(2,12,28,.42);box-shadow:inset 0 2px 6px rgba(0,0,0,.35),inset 0 0 0 1px rgba(227,182,92,.7),var(--ring)}
.f select{padding-inline-end:48px;cursor:pointer;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1l6 6 6-6' fill='none' stroke='%23E3B65C' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat:no-repeat;background-position:right 18px center}
html[dir="rtl"] .f select{background-position:left 18px center}
.f select option{color:var(--navy);background:#fff}
.f textarea{resize:vertical;min-height:120px;line-height:1.55}
.f .msg{display:none;font-size:12.5px;color:#F2A9A9}
.f.err .msg{display:block}
.f.err input,.f.err select,.f.err textarea{box-shadow:inset 0 2px 6px rgba(0,0,0,.35),inset 0 0 0 1px rgba(224,122,122,.8),0 0 0 4px rgba(224,122,122,.16)}
.f input[type="file"]{font:inherit;font-size:13.5px;color:var(--ink-2)}
.f input[type="file"]::file-selector-button{font:inherit;font-size:13px;font-weight:600;color:var(--navy);background:var(--ivory);border:0;border-radius:var(--pill);padding:10px 16px;margin-inline-end:12px;cursor:pointer}

/* checkbox rows → switches */
.chks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.chk-l{display:flex;gap:14px;align-items:center;padding:12px 14px 12px 16px;border-radius:var(--r-sm);cursor:pointer;font-size:14.5px;color:var(--ink-2);line-height:1.5;
  background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:background var(--t) var(--ease)}
.chk-l:hover{background:rgba(255,255,255,.09)}
.chk-l b{color:var(--ink)}
.chk-l a{color:var(--gold-lt)}
.chk-l input{-webkit-appearance:none;appearance:none;order:2;margin-inline-start:auto;width:46px;height:28px;flex:0 0 46px;border-radius:var(--pill);position:relative;cursor:pointer;
  background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),inset 0 2px 4px rgba(0,0,0,.3);transition:background var(--t) var(--ease)}
.chk-l input::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.35);transition:transform var(--t) var(--ease)}
.chk-l input:checked{background:var(--green-lt)}
.chk-l input:checked::after{transform:translateX(18px)}
html[dir="rtl"] .chk-l input:checked::after{transform:translateX(-18px)}
.chk-l input:focus-visible{outline:2px solid var(--gold-lt);outline-offset:2px}
.f.err .chk-l.need{box-shadow:inset 0 0 0 1px rgba(224,122,122,.8);background:rgba(224,122,122,.08)}
.form-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:8px;padding-top:24px;border-top:1px solid var(--hair)}
.sum{font-size:14px;color:var(--ink-2);margin:0}
.sum b{color:var(--ink);font-family:var(--display);font-size:21px;font-weight:600;margin-inline:4px}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.err-sum{display:none;margin-bottom:18px;padding:14px 18px;border-radius:var(--r-sm);font-size:14px;background:rgba(224,122,122,.14);color:#F6D2D2}
.err-sum::before{background:linear-gradient(135deg,rgba(255,180,180,.6),rgba(255,255,255,.08) 40%,rgba(255,180,180,.35))}
.err-sum.on{display:block}

/* ── join: confirmation & payment ──────────────────────────────── */
.done .ref{display:inline-flex;align-items:baseline;gap:14px;padding:14px 22px;border-radius:var(--r-sm);background:rgba(246,244,237,.96);color:var(--navy);margin-top:20px;box-shadow:0 14px 34px -14px rgba(0,0,0,.6),inset 0 1px 0 #fff}
.done .ref::before{opacity:0}
.done .ref .rk{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#8a6a1c;font-weight:700}
html[dir="rtl"] .done .ref .rk{letter-spacing:0;font-size:12.5px}
.done .ref .rv{font-family:var(--display);font-size:30px;font-weight:600;letter-spacing:.04em}
.done .state{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-top:18px;padding:8px 14px;border-radius:var(--pill)}
html[dir="rtl"] .done .state{letter-spacing:0}
.done .state.ok{color:var(--green-lt);background:rgba(92,191,138,.14);box-shadow:inset 0 0 0 1px rgba(92,191,138,.5)}
.done .state.todo{color:var(--gold-lt);background:rgba(227,182,92,.14);box-shadow:inset 0 0 0 1px rgba(227,182,92,.5)}
.done .state::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.done .lede{margin-top:18px}
.paygrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}
.done .card h3{font-size:21px}
.done .card .big{font-family:var(--display);font-size:34px;font-weight:600;color:var(--green-lt);margin:6px 0 12px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;font-size:14.5px;margin-top:14px}
.kv dt{color:var(--ink-3)}
.kv dd{color:var(--ink);font-weight:500;text-align:start}
.done .mailrow{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:18px}
.done .addr{font-size:14px;color:var(--ink-2)}
.copybox{width:100%;margin-top:14px;min-height:150px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink);background:rgba(0,0,0,.3);border:0;border-radius:var(--r-sm);padding:14px;resize:vertical;direction:ltr;text-align:left;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.done .again{margin-top:30px;font-size:14px}

/* ── committee desk: table ─────────────────────────────────────── */
.tbl-wrap{overflow:auto;border-radius:var(--r-sm);margin-top:18px;background:rgba(2,12,28,.3);box-shadow:inset 0 0 0 1px var(--hair)}
table.apps{width:100%;border-collapse:collapse;font-size:13.5px;min-width:980px;direction:ltr;text-align:left}
table.apps th{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-lt);font-weight:700;padding:12px 14px;border-bottom:1px solid var(--hair);white-space:nowrap}
table.apps td{padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.07);color:var(--ink-2);vertical-align:top}
table.apps td:first-child{font-family:var(--display);font-weight:600;color:var(--ink);white-space:nowrap}
table.apps tr:last-child td{border-bottom:0}
table.apps td.n{white-space:nowrap}

@media (max-width:860px){
  .tiers,.form,.paygrid,.chks{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .stat{min-height:108px;padding:16px 14px 14px}
  .stat .tn{font-size:16.5px}
  .stat-other{min-height:0}
  .tier .tp{font-size:30px}
}

/* ── community: filters & cards ─────────────────────────────────── */
.dir-tools{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;justify-content:space-between;margin-bottom:28px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font:inherit;font-size:13.5px;font-weight:500;color:var(--ink-2);cursor:pointer;padding:10px 17px;border:0;border-radius:var(--pill);
  transition:background var(--t) var(--ease),color var(--t) var(--ease),transform var(--t) var(--ease)}
html[dir="rtl"] .chip{font-family:var(--arabic)}
.chip:hover{background:rgba(255,255,255,.12);color:var(--ink)}
.chip.on{background:var(--ivory);color:var(--navy);box-shadow:0 8px 20px -8px rgba(0,0,0,.55),inset 0 1px 0 #fff}
.chip.on::before{opacity:0}
.chip .cnt{font-size:11.5px;opacity:.7;margin-inline-start:4px}
.chip .cnt:empty{display:none}
.dir-search{flex:0 1 320px;min-width:240px}
.dir-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dir-empty{color:var(--ink-3);font-size:15.5px;padding:34px 0;text-align:center}
.pcard{display:flex;flex-direction:column;gap:12px;padding:22px 22px 20px;border-radius:var(--r-md);transition:transform var(--t) var(--ease),background var(--t) var(--ease)}
.pcard:hover{transform:translateY(-2px);background:var(--glass-strong)}
.pcard .top{display:flex;gap:14px;align-items:center}
.avatar{width:64px;height:64px;flex:0 0 64px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;
  font-family:var(--display);font-size:24px;font-weight:600;color:var(--gold-lt);background:rgba(255,255,255,.1)}
.avatar img{width:100%;height:100%;object-fit:cover;display:block}
.pcard .nm{font-family:var(--display);font-size:21px;font-weight:600;color:var(--ink);line-height:1.15}
html[dir="rtl"] .pcard .nm{font-family:var(--arabic)}
.pcard .nm-ar{font-family:var(--arabic);font-size:14px;color:var(--gold-lt);direction:rtl;unicode-bidi:isolate;text-align:left;margin-top:2px}
html[dir="rtl"] .pcard .nm-ar{font-family:var(--display);direction:ltr;text-align:right}
.badge{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-lt);
  border-radius:var(--pill);padding:4px 11px;background:rgba(201,154,46,.14);box-shadow:inset 0 0 0 1px rgba(201,154,46,.45);margin-top:6px}
html[dir="rtl"] .badge{letter-spacing:0;font-size:12px}
.badge.student{color:var(--green-lt);background:rgba(92,191,138,.12);box-shadow:inset 0 0 0 1px rgba(92,191,138,.45)}
.badge.brookes{color:var(--sky);background:rgba(140,192,255,.12);box-shadow:inset 0 0 0 1px rgba(140,192,255,.45)}
.pcard .hl{font-size:14.5px;color:var(--ink);font-weight:500}
.pcard .meta{font-size:13px;color:var(--ink-3)}
.pcard .bio{font-size:14px;color:var(--ink-2);line-height:1.6}
.pcard [dir="auto"]{text-align:start}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tags span{font-size:12px;color:var(--ink-2);padding:4px 11px;border-radius:var(--pill);background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.pcard .links{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px}
.lnk{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;text-decoration:none;color:var(--ink);
  padding:9px 14px;border-radius:var(--pill);transition:background var(--t) var(--ease),transform var(--t) var(--ease)}
.lnk:hover{background:rgba(255,255,255,.14);transform:translateY(-1px)}
.lnk svg{width:14px;height:14px;fill:currentColor;flex:0 0 14px}
.lnk.in{color:var(--sky)}.lnk.wa{color:var(--green-lt)}.lnk.em{color:var(--gold-lt)}
.photo-row{display:flex;gap:16px;align-items:center}
.photo-prev{width:72px;height:72px;flex:0 0 72px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.08)}
.photo-prev::before{background:none;border:1px dashed rgba(255,255,255,.35);-webkit-mask:none;mask:none;padding:0}
.photo-prev img{width:100%;height:100%;object-fit:cover;display:block}

/* ── committees page ────────────────────────────────────────────── */
.term{margin-bottom:12px}
.term.current .cm-grid{margin-top:22px}
.term details{padding:16px 22px}
.term summary{font-size:22px}
.term summary .yrs{font-family:var(--display);direction:ltr;unicode-bidi:isolate}
.cur-head h3{font-family:var(--display)}
html[dir="rtl"] .cur-head h3{font-family:var(--arabic)}
.term summary .n{font-family:var(--sans);font-size:12.5px;color:var(--ink-3);font-weight:400;margin-inline-start:auto;text-align:end}
html[dir="rtl"] .term summary .n{font-family:var(--arabic)}
.cm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:18px}
.cm-grid .person .nm{font-size:18px}
.term .trace{color:var(--ink-3);font-size:14.5px;margin:12px 0 4px 44px}
html[dir="rtl"] .term .trace{margin:12px 44px 4px 0}
.term .trace a{color:var(--gold-lt)}
.cur-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 18px;margin-bottom:6px}
.cur-head h3{font-size:30px}
.cur-head .badge{margin:0}
.term-note{font-size:14px;color:var(--ink-3);margin:4px 0 8px}
.lbl.decade{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-lt);border-bottom:1px solid var(--hair);padding-bottom:8px;margin:30px 0 12px}
html[dir="rtl"] .lbl.decade{letter-spacing:0;font-size:13px}
.term details .term-note{margin:12px 0 0 44px}
html[dir="rtl"] .term details .term-note{margin:12px 44px 0 0}

/* ── committee desk ─────────────────────────────────────────────── */
.tabs{margin-bottom:18px}
.tabpanel{display:none}
.tabpanel.on{display:block}
.pubbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:14px 18px;margin-bottom:18px;border-radius:var(--r-sm);
  background:rgba(227,182,92,.14);color:var(--ink);font-size:14px}
.pubbar::before{background:linear-gradient(135deg,rgba(255,225,160,.7),rgba(255,255,255,.08) 40%,rgba(255,225,160,.4))}
.pubbar .btn{min-height:40px;padding:8px 18px;font-size:13.5px}
.pubbar .btn-s{background:rgba(6,24,46,.45)}
.rq-list{display:grid;gap:14px;margin-top:16px}
.rq{display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:start;padding:18px 20px;border-radius:var(--r-sm)}
.rq .avatar{width:72px;height:72px;flex-basis:72px}
.rq .who{font-family:var(--display);font-size:20px;font-weight:600;color:var(--ink)}
.rq .det{font-size:13.5px;color:var(--ink-2);margin-top:4px;line-height:1.6;word-break:break-word}
.rq .det b{color:var(--ink-3);font-weight:500}
.rq .acts{display:flex;flex-direction:column;gap:8px}
.rq .acts .btn{min-height:40px;padding:8px 16px;font-size:13px;white-space:nowrap}
.btn.btn-ok{background:var(--green-lt);color:var(--navy);box-shadow:0 10px 24px -10px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.5)}
.btn.btn-no{background:rgba(224,122,122,.18);color:#F6D2D2;box-shadow:inset 0 0 0 1px rgba(224,122,122,.5)}
.cm-rows{display:grid;gap:10px;margin-top:16px}
.cm-row{display:grid;grid-template-columns:1.1fr 1.2fr 1.2fr 1fr auto;gap:10px;align-items:center}
.cm-row input,.cm-row select{font:inherit;font-size:14px;color:var(--ink);padding:10px 14px;border-radius:var(--r-xs);width:100%;min-height:44px;border:0;outline:none;-webkit-appearance:none;appearance:none;
  background:rgba(2,12,28,.32);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 2px 6px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.12)}
.cm-row select option{color:var(--navy);background:#fff}
.cm-row input:focus,.cm-row select:focus{box-shadow:inset 0 2px 6px rgba(0,0,0,.35),inset 0 0 0 1px rgba(227,182,92,.7),var(--ring)}
.cm-row .x{font:inherit;cursor:pointer;background:rgba(255,255,255,.06);border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);color:var(--ink-3);border-radius:var(--pill);padding:10px 14px;min-height:44px}
.cm-row .x:hover{color:#F6D2D2;box-shadow:inset 0 0 0 1px rgba(224,122,122,.5)}
.cm-head{display:grid;grid-template-columns:1.1fr 1.2fr 1.2fr 1fr auto;gap:10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-lt);font-weight:700;margin-top:18px}
html[dir="rtl"] .cm-head{letter-spacing:0;font-size:12.5px}
.status-line{font-size:13.5px;color:var(--ink-2);margin-top:10px}

@media(max-width:900px){
  .dir-grid{grid-template-columns:1fr}
  .cm-grid{grid-template-columns:repeat(2,1fr)}
  .rq{grid-template-columns:56px 1fr}
  .rq .acts{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}
  .cm-row,.cm-head{grid-template-columns:1fr 1fr}
  .cm-head{display:none}
}
@media(min-width:901px) and (max-width:1100px){.dir-grid{grid-template-columns:repeat(2,1fr)}}

/* ── membership confirmation ───────────────────────────────────── */
.done .done-h{font-size:clamp(30px,3.8vw,42px);margin:12px 0 0}
.done .done-lede{max-width:62ch;margin-top:12px}
.mcard{position:relative;display:grid;gap:6px;max-width:560px;margin-top:26px;padding:24px 26px 22px;border-radius:var(--r-lg);color:var(--navy);
  background:linear-gradient(135deg,#fbfaf5 0%,#f1ede0 60%,#e9e1c8 100%);box-shadow:0 24px 50px -22px rgba(0,0,0,.7),inset 0 1px 0 #fff,inset 0 0 0 1px rgba(201,154,46,.35);overflow:hidden}
.mcard::after{content:"";position:absolute;inset-inline-end:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(closest-side,rgba(20,83,45,.14),transparent);pointer-events:none}
.mcard-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
.mcard-org{font-family:var(--display);font-weight:600;font-size:17px;color:var(--navy)}
html[dir="rtl"] .mcard-org{font-family:var(--arabic)}
.mstate{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;border-radius:var(--pill);background:rgba(201,154,46,.18);color:#7a5a12;white-space:nowrap}
.mstate.s-approved{background:rgba(20,83,45,.14);color:#14532D}.mstate.s-declined,.mstate.s-revoked,.mstate.s-expired{background:rgba(160,30,30,.12);color:#8a1c1c}
html[dir="rtl"] .mstate{letter-spacing:0}
.mcard .mk{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#8a6a1c}
html[dir="rtl"] .mcard .mk{letter-spacing:0;font-size:12.5px}
.mno{font-family:var(--display);font-weight:600;font-size:clamp(34px,6vw,46px);letter-spacing:.03em;line-height:1.05;color:var(--navy);direction:ltr;unicode-bidi:isolate;text-align:start}
.mcard-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(0,33,71,.14)}
.mcard-meta b{display:block;font-size:14px;font-weight:600;color:var(--navy);margin-top:2px;overflow-wrap:anywhere}
.mcopy{position:absolute;inset-inline-end:18px;top:62px;font:inherit;font-size:12.5px;font-weight:600;color:var(--navy);background:rgba(0,33,71,.07);border:0;border-radius:var(--pill);padding:7px 12px;cursor:pointer}
.mcopy:hover{background:rgba(0,33,71,.12)}
.qtile{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:18px;align-items:center;max-width:560px;margin-top:14px;padding:18px 22px;border-radius:var(--r-md);background:var(--glass);box-shadow:var(--lift-sm),var(--spec)}
.qtile .mk{grid-column:2;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-lt)}
html[dir="rtl"] .qtile .mk{letter-spacing:0;font-size:13px}
.qtile .qno{grid-row:1/3;grid-column:1;font-family:var(--display);font-size:56px;line-height:1;color:var(--ink);min-width:56px;text-align:center}
.qtile p{grid-column:2;margin:4px 0 0;font-size:14px;color:var(--ink-2)}
.track{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;max-width:760px}
.track li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-sm);background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font-size:14px;color:var(--ink-3)}
.track .tk{flex:0 0 26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:700;background:rgba(255,255,255,.1);color:var(--ink-2)}
.track .tt small{display:block;font-size:12px;color:var(--ink-3);margin-top:2px}
.track li.done{color:var(--ink)}.track li.done .tk{background:var(--green-lt);color:var(--navy)}
.track li.now{color:var(--ink);background:rgba(227,182,92,.14);box-shadow:inset 0 0 0 1px rgba(227,182,92,.45)}.track li.now .tk{background:var(--gold-lt);color:var(--navy)}
.nextpanel{margin-top:30px;max-width:860px}
.nextpanel h3.disp{font-size:26px;margin:0 0 8px}
.nextpanel > p{color:var(--ink-2);max-width:62ch}
.done-mail{font-size:14px;margin-top:26px;max-width:62ch}
.done-mail b{color:var(--ink)}
.done-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
#join-fail{margin:0 0 14px}
@media (max-width:620px){
  .mcard{padding:20px 18px}.mcard-meta{grid-template-columns:1fr 1fr}.mcopy{position:static;justify-self:start;margin-top:8px}
  .qtile .qno{font-size:46px}
}
@media print{
  header.site,.tabbar,footer.site,.done-actions,.again,.mcopy,ol.steps,.sec-head{display:none!important}
  body{background:#fff!important;color:#000}
  .done,.done *{color:#000!important}
  .mcard{box-shadow:none;border:1px solid #bbb}
  .qtile,.track li{background:none;box-shadow:none;border:1px solid #ccc}
}
html[dir="rtl"] .mno{text-align:right}
.f input[type="date"],.f input[type="datetime-local"]{color-scheme:dark}
.mcard-top{flex-wrap:wrap}
.mstate{white-space:normal;text-align:center;max-width:100%}
@media (max-width:620px){.mcard-top{flex-direction:column;align-items:flex-start;gap:8px}}

/* ── 2026-11 review fixes ─────────────────────────────────────── */
/* step numbers are drawn by CSS, so the list is never numbered twice */
ol.steps{counter-reset:step}
ol.steps li{counter-increment:step}
ol.steps li .k::before{content:counter(step)}
html[dir="rtl"] ol.steps li .k::before{content:counter(step,arabic-indic)}
.track{counter-reset:tk}
.track li{counter-increment:tk}
.track .tk:empty::before{content:counter(tk)}
html[dir="rtl"] .track .tk:empty::before{content:counter(tk,arabic-indic)}
/* header: the longer subtitle stays on one tidy line, and the language buttons never leave the screen */
.brand .bs{letter-spacing:.12em;white-space:nowrap}
.brand > span{min-width:0}
@media (max-width:420px){
  header.site .bar{gap:8px}
  .brand{flex:0 1 auto;gap:9px}
  .brand img{width:38px;height:38px}
  .brand .bn{font-size:16.5px;display:block;overflow:hidden;text-overflow:ellipsis}
  html[dir="rtl"] .brand .bn{font-size:15.5px}
  .lang a,.lang button{padding:7px 10px}
}
.board-hint{margin:12px 0 0;font-size:13px;color:rgba(0,33,71,.7);text-align:center}
.lbl.term-label{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-lt);margin:0 0 14px}
html[dir="rtl"] .lbl.term-label{letter-spacing:0;font-size:14px}
/* small laptops and tablets: the full menu, the brand and both language buttons all fit on one line */
nav.main a{white-space:nowrap}
@media (min-width:861px) and (max-width:1060px){
  header.site .bar{gap:10px}
  .brand .bs{display:none}
  nav.main{gap:1px}
  nav.main a{padding:9px 8px;font-size:13.5px}
}
/* college / department suggestions: the same surface, corners, type and gold edge as the field they belong to */
.combo{position:relative}
.combo input{padding-inline-end:48px}
.combo::after{content:"";position:absolute;inset-inline-end:18px;top:26px;width:14px;height:9px;margin-top:-4px;pointer-events:none;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1l6 6 6-6' fill='none' stroke='%23E3B65C' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center;
  transition:transform var(--t) var(--ease)}
.combo.open::after{transform:rotate(180deg)}
.combo-list{position:absolute;inset-inline:0;top:calc(100% + 8px);z-index:40;margin:0;padding:6px;list-style:none;
  max-height:min(272px,44vh);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  border-radius:var(--r-sm);background:rgba(6,22,46,.96);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);
  box-shadow:0 22px 44px -14px rgba(0,0,0,.7),inset 0 0 0 1px rgba(227,182,92,.55),inset 0 1px 0 rgba(255,255,255,.08);
  font-size:16px;line-height:1.35;color:var(--ink);text-align:start;scrollbar-width:thin;scrollbar-color:rgba(227,182,92,.55) transparent}
.combo-list::-webkit-scrollbar{width:8px}
.combo-list::-webkit-scrollbar-thumb{background:rgba(227,182,92,.5);border-radius:8px;border:2px solid transparent;background-clip:padding-box}
.combo-list li{padding:11px 12px;border-radius:var(--r-xs);cursor:pointer;color:var(--ink-2)}
.combo-list li b{color:var(--gold-lt);font-weight:700}
.combo-list li:hover{background:rgba(255,255,255,.07);color:var(--ink)}
.combo-list li.on{background:rgba(227,182,92,.18);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(227,182,92,.5)}
/* details the browser fills in for you keep the field's own colours instead of the browser's pale highlight */
.f input:-webkit-autofill,.f input:-webkit-autofill:hover,.f input:-webkit-autofill:focus,.f textarea:-webkit-autofill,.dir-search input:-webkit-autofill{
  -webkit-text-fill-color:var(--ink);caret-color:var(--ink);transition:background-color 100000s ease-out 0s,color 100000s ease-out 0s,box-shadow var(--t) var(--ease)}
.f input:autofill{-webkit-text-fill-color:var(--ink);caret-color:var(--ink)}
/* the SSO username is typed left-to-right; on the Arabic page its Arabic placeholder still reads right-to-left */
html[dir="rtl"] #f-sso:placeholder-shown{direction:rtl;text-align:right}
/* fee code on the join form */
.fee-code{margin-top:22px;max-width:560px}
.code-row{display:flex;gap:10px;align-items:stretch}
.code-row input{flex:1 1 auto;min-width:0;letter-spacing:.06em}
.code-row .btn{flex:0 0 auto;white-space:nowrap}
.code-state{margin:2px 0 0;padding:10px 14px;border-radius:var(--r-xs);font-size:14px;font-weight:600}
.code-state.is-ok{color:var(--green-lt);background:rgba(92,191,138,.14);box-shadow:inset 0 0 0 1px rgba(92,191,138,.5)}
.code-state.is-bad{color:#F2A9A9;background:rgba(224,122,122,.12);box-shadow:inset 0 0 0 1px rgba(224,122,122,.55)}
.code-state.is-wait{color:var(--ink-2);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font-weight:400}
html[dir="rtl"] #f-fee-code:placeholder-shown{direction:rtl;text-align:right;letter-spacing:0}
@media (max-width:420px){.code-row{flex-wrap:wrap}.code-row .btn{flex:1 1 100%}}

/* ── join: one step at a time ───────────────────────────────────── */
.step-h{font-size:28px;margin:10px 0 22px}
.step-h:focus{outline:0}
.step-nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:30px;padding-top:24px;border-top:1px solid var(--hair)}
ol.steps li.done{cursor:pointer}
.stat.compact{min-height:0;padding:17px 18px 16px}
.stat.compact .tn{font-size:16.5px;line-height:1.3}
.stat-wrap + .stat-wrap{margin-top:26px}
.sub-h{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:0 0 12px}
html[dir="rtl"] .sub-h{letter-spacing:0;font-size:13.5px}
.who{margin-top:22px;font-size:14px;color:var(--ink-2);max-width:86ch}
.who summary{cursor:pointer;color:var(--gold-lt);font-weight:600;font-size:14.5px}
.who p{margin-top:10px;line-height:1.65}
.alert{padding:14px 18px;border-radius:var(--r-sm);font-size:14.5px;margin:0 0 18px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.alert.ok{background:rgba(92,191,138,.16);color:#d8f3e2}
.alert p{margin:0 0 12px}
#switch-note{margin-top:14px}
.form .review{padding:20px 22px 22px;border-radius:var(--r-md);background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.form .review .kv{margin-top:6px;grid-template-columns:minmax(120px,auto) 1fr}
.rev-miss{color:#F2A9A9;font-weight:400;font-style:italic}
.form .assess{padding:16px;border-radius:var(--r-md);background:rgba(227,182,92,.07);box-shadow:inset 0 0 0 1px rgba(227,182,92,.28)}
#assess-more{display:flex;flex-direction:column;gap:12px;margin-top:8px}
#assess-more .alert{margin:0}
.form .fee-code{margin-top:0}
.form .f textarea{min-height:92px}
.form-foot .btn-s{order:0}
.done-kv{max-width:560px;margin-top:22px}
.mstate.g-active{background:rgba(20,83,45,.14);color:#14532D}
.mstate.g-needs_info,.mstate.g-awaiting_payment{background:rgba(201,154,46,.24);color:#6a4c0c}
@media (max-width:860px){
  .step-h{font-size:24px}
  .step-nav .btn,.form-foot .btn{flex:1 1 auto}
}
/* lists of answers (review, confirmation, account): the values follow the page's direction; only an address stays left-to-right */
.review .kv dd,.done-kv dd,.mem-pane .kv dd{direction:inherit;unicode-bidi:normal}
html[dir="rtl"] .review .kv dd[dir="ltr"]{direction:ltr;text-align:right}
@media (max-width:560px){
  .form .review{padding:16px 16px 18px}
  .form .review .kv{grid-template-columns:auto 1fr;gap:8px 14px}
}
/* people who ask their device for less motion get no gliding scroll */
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}