/* Home Showcase (v3.175.0) — see includes/class-mbe-showcase.php
   Mobile first: one column on phones, two on tablets, the full layout from
   1024px. Every class is prefixed mbx- so nothing leaks into the hero or the
   rest of the landing page. */

.mbx{--mbx-ink:#1d2a22;--mbx-soft:#4f4835;--mbx-mute:#5d5340;--mbx-green:#123826;--mbx-deep:#0f2e1f;--mbx-gold:#e0b558;--mbx-gold-d:#8a6417;--mbx-cream:#f7f1e3;--mbx-paper:#fffdf7;--mbx-line:#eadfc4;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--mbx-ink);background:var(--mbx-cream);overflow-x:clip;line-height:1.5;-webkit-text-size-adjust:100%}
.mbx *,.mbx *:before,.mbx *:after{box-sizing:border-box}
.mbx h2,.mbx h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:700;margin:0;letter-spacing:0}
.mbx p{margin:0}
.mbx ul{list-style:none;margin:0;padding:0}
.mbx a{color:inherit}
.mbx-i{display:block;flex:none}
.mbx-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}
@media (min-width:600px){.mbx-wrap{padding:0 24px}}

/* ── type ── */
.mbx-eyebrow{display:inline-flex;align-items:center;gap:8px;font:600 12px/1.3 Inter,sans-serif;letter-spacing:1.3px;text-transform:uppercase}
.mbx-eyebrow--green{color:#155c35}.mbx-eyebrow--gold{color:var(--mbx-gold-d)}.mbx-eyebrow--blue{color:#1a3d66}.mbx-eyebrow--light{color:var(--mbx-gold)}
.mbx-h2{font-size:clamp(30px,6.4vw,56px);line-height:1.06;margin-top:14px!important;color:var(--mbx-green);overflow-wrap:break-word}
.mbx-h3{font-size:clamp(21px,3vw,27px);line-height:1.15;color:var(--mbx-green)}
.mbx-h3--sm{font-size:clamp(19px,2.4vw,23px);margin-top:12px!important}
.mbx-lede{font-size:clamp(16px,2.1vw,18px);line-height:1.7;color:var(--mbx-soft);margin-top:14px!important}
.mbx-muted{font-size:14px;line-height:1.55;color:var(--mbx-mute);margin-top:8px!important}
.mbx-gold{color:var(--mbx-gold-d)}
.mbx-shine{background:linear-gradient(100deg,#c9952b 0%,#f5d98f 40%,#c9952b 60%,#b5832a 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:mbxShine 6s linear infinite}
.mbx-sec--green .mbx-shine,.mbx-sec--deep .mbx-shine{background-image:linear-gradient(100deg,#e0b558 0%,#fff1c9 40%,#e0b558 60%,#c9952b 100%)}

/* ── sections ── */
.mbx-sec{padding:64px 0;position:relative}
@media (min-width:900px){.mbx-sec{padding:96px 0}}
.mbx-sec--numbers{padding:48px 0 8px}
.mbx-sec--soft{background:#fffaf0;border-top:1px solid #efe6cf;border-bottom:1px solid #efe6cf}
.mbx-sec--green{background:var(--mbx-green);color:var(--mbx-cream);overflow:hidden}
.mbx-sec--deep{background:linear-gradient(160deg,#0f2e1f,#173f2b);color:var(--mbx-cream);overflow:hidden}
.mbx-sec--green .mbx-h2,.mbx-sec--deep .mbx-h2{color:#fbf5e6}
.mbx-sec--green .mbx-lede,.mbx-sec--deep .mbx-lede{color:#d7ccad}
.mbx-head{max-width:780px}
.mbx-head--center{text-align:center;margin:0 auto}

/* ── building blocks ── */
.mbx-card{background:var(--mbx-paper);border:1px solid var(--mbx-line);border-radius:18px;min-width:0}
.mbx-glass{background:rgba(255,255,255,.05);border:1px solid rgba(224,181,88,.2);border-radius:18px;padding:20px;min-width:0}
.mbx-glass b{display:block;font-size:16px;color:#fbf5e6;margin-top:14px}
.mbx-glass p{font-size:14px;line-height:1.6;color:#cdbf93;margin-top:6px}
.mbx-ic{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:13px}
.mbx-ic--sm{width:36px;height:36px;border-radius:10px}
.mbx-ic--xs{width:34px;height:34px;border-radius:10px}
.mbx-ic--lg{width:50px;height:50px;border-radius:14px}
.mbx-ic--gold{background:#fdf1d6;color:var(--mbx-gold-d)}
.mbx-ic--green{background:#e3f3e8;color:#155c35}
.mbx-ic--blue{background:#e8eef6;color:#1a3d66}
.mbx-ic--sand{background:#efe9dc;color:#3b3220}
.mbx-ic--dark{background:var(--mbx-green)}
.mbx-ic--glass{background:rgba(224,181,88,.15);color:var(--mbx-gold)}
.mbx-ic--solidgold{background:var(--mbx-gold);width:54px;height:54px;border-radius:16px}
.mbx-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.mbx-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:99px;font:600 12.5px/1.2 Inter,sans-serif}
.mbx-chip--sm{padding:5px 10px;font-size:11.5px}
.mbx-chip--green{background:#e3f3e8;color:#155c35}
.mbx-chip--sand{background:#efe9dc;color:#4a4130}
.mbx-chip--dark{background:var(--mbx-green);color:var(--mbx-cream)}
.mbx-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:#6b6149;font-weight:600}
.mbx-big{font:700 clamp(34px,5vw,42px)/1 "Cormorant Garamond",serif;color:var(--mbx-green);margin-top:14px}
.mbx-big small{font:500 15px Inter,sans-serif;color:#6b6149}
.mbx-ping{position:relative;width:10px;height:10px;border-radius:50%;background:#3ccf7a;flex:none;display:inline-block}
.mbx-ping:after{content:"";position:absolute;inset:0;border-radius:50%;background:#3ccf7a;animation:mbxPing 1.8s ease-out infinite}
.mbx-updated{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b6149;margin-top:16px!important}
.mbx-bar{height:10px;border-radius:99px;background:#e8dfc8;overflow:hidden;margin-top:14px}
.mbx-bar>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#1a6b41,#3ccf7a);transition:width 1.8s cubic-bezier(.2,.7,.2,1)}

/* hover lift (pointer devices only, so taps never leave cards stuck up) */
.mbx-lift{transition:transform .25s ease,box-shadow .25s ease,border-color .25s}
@media (hover:hover){
  .mbx-lift:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(18,56,38,.14);border-color:#d9b866}
  .mbx-lift:hover .mbx-bob{animation:mbxBob .8s ease-in-out}
}

/* ── ticker ── */
.mbx-ticker{background:var(--mbx-gold);color:var(--mbx-deep);overflow:hidden;padding:12px 0;font:600 13.5px/1 Inter,sans-serif}
.mbx-ticker__track{display:flex;width:max-content;animation:mbxMarquee 46s linear infinite}
.mbx-ticker:hover .mbx-ticker__track{animation-play-state:paused}
.mbx-ticker__item{display:inline-flex;align-items:center;gap:10px;padding:0 24px;white-space:nowrap}

/* ── numbers ── */
.mbx-numbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:700px){.mbx-numbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media (min-width:1100px){.mbx-numbers{grid-template-columns:repeat(6,minmax(0,1fr))}}
.mbx-num{padding:18px 16px}
.mbx-num__v{font:700 clamp(30px,5vw,40px)/1 "Cormorant Garamond",serif;color:var(--mbx-green);margin-top:14px;font-variant-numeric:tabular-nums}
.mbx-num__l{font-size:13px;color:var(--mbx-mute);margin-top:6px;line-height:1.45}

/* ── split layout ── */
.mbx-split{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:center}
@media (min-width:1000px){.mbx-split{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px}}
.mbx-split--gov{grid-template-columns:minmax(0,1fr)}
@media (min-width:800px){.mbx-split--gov{grid-template-columns:minmax(0,1fr) auto}}

/* ── live map ── */
.mbx-mapwrap{position:relative;min-width:0}
.mbx-map{background:linear-gradient(160deg,#173f2b,#0c2618);border:1px solid rgba(224,181,88,.25);border-radius:22px;padding:18px;box-shadow:0 30px 60px rgba(15,46,31,.3)}
@media (min-width:600px){.mbx-map{padding:24px;border-radius:26px}}
.mbx-map__head{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:#cdbf93;margin-bottom:12px;letter-spacing:.6px;text-transform:uppercase}
.mbx-map__live{display:inline-flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0}
.mbx-map__grid{display:grid;gap:4px}
.mbx-map__grid--a{grid-template-columns:repeat(10,minmax(0,1fr))}
.mbx-map__grid--b{grid-template-columns:repeat(11,minmax(0,1fr))}
@media (min-width:600px){.mbx-map__grid{gap:5px}}
.mbx-plot{display:block;height:18px;border-radius:3px;background:#24533a;border:1px solid rgba(255,255,255,.06);position:relative}
@media (min-width:600px){.mbx-plot{height:22px}}
.mbx-plot.is-lit{animation:mbxGlow 7s ease-in-out infinite}
.mbx-plot.is-lit:nth-child(5n+1){animation-delay:.4s}.mbx-plot.is-lit:nth-child(5n+2){animation-delay:1.9s}.mbx-plot.is-lit:nth-child(5n+3){animation-delay:3.1s}.mbx-plot.is-lit:nth-child(5n+4){animation-delay:4.6s}.mbx-plot.is-lit:nth-child(5n){animation-delay:5.8s}
.mbx-plot.is-home:after{content:"";position:absolute;left:22%;right:22%;bottom:2px;top:4px;background:#f2e3bd;border-radius:2px 2px 1px 1px;transform-origin:bottom;animation:mbxBuild 9s ease-out infinite}
.mbx-plot.is-green{background:#3f7a4f}
.mbx-map__road{height:18px;margin:8px 0;border-radius:4px;background:repeating-linear-gradient(90deg,#6b5a3a 0 18px,#7d6a46 18px 36px);display:flex;align-items:center;justify-content:center;font-size:9.5px;letter-spacing:2px;color:#f2e3bd}
.mbx-map__legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:14px;font-size:11.5px;color:#cdbf93}
.mbx-map__legend span{display:inline-flex;align-items:center;gap:6px}
.mbx-map__legend i{width:12px;height:12px;border-radius:3px;display:inline-block}

/* floating notes: a tidy list under the map on phones, floating on desktop */
.mbx-floats{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:14px}
@media (min-width:600px) and (max-width:999px){.mbx-floats{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mbx-float{display:flex;gap:10px;align-items:center;padding:11px 13px;box-shadow:0 12px 28px rgba(0,0,0,.12)}
.mbx-float b{display:block;font-size:13px}
.mbx-float small{display:block;font-size:12px;color:var(--mbx-mute)}
@media (min-width:1000px){
  .mbx-mapwrap{padding:18px 0 40px}
  .mbx-floats{display:block;margin:0}
  .mbx-float{position:absolute;max-width:240px;box-shadow:0 18px 40px rgba(0,0,0,.2)}
  .mbx-float--1{left:-18px;top:56px;animation:mbxFloat 6s ease-in-out infinite}
  .mbx-float--2{right:-14px;top:46%;animation:mbxFloat 7s ease-in-out 1.2s infinite}
  .mbx-float--3{left:24px;bottom:0;animation:mbxFloat 8s ease-in-out .6s infinite}
}

/* ── pulse cards ── */
.mbx-pulse{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:40px}
/* each card carries its span for tablet (t) and desktop (d), packed in PHP so rows never leave gaps */
@media (min-width:640px){.mbx-pulse{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mbx-t-1{grid-column:span 1}.mbx-t-2{grid-column:span 2}}
@media (min-width:1100px){.mbx-pulse{grid-template-columns:repeat(4,minmax(0,1fr))}.mbx-d-1{grid-column:span 1}.mbx-d-2{grid-column:span 2}.mbx-d-3{grid-column:span 3}.mbx-d-4{grid-column:span 4}}
.mbx-pcard{padding:22px}
.mbx-contrib{padding:22px;display:flex;flex-wrap:wrap;gap:22px;align-items:center}
.mbx-contrib__body{flex:1 1 240px;min-width:0}
.mbx-contrib .mbx-h3{margin-top:10px}
.mbx-contrib__amt{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:10px}
.mbx-contrib__amt b{font:700 clamp(30px,5vw,38px)/1 "Cormorant Garamond",serif;color:var(--mbx-green);font-variant-numeric:tabular-nums}
.mbx-contrib__amt>span{font-size:14px;color:#6b6149}
.mbx-ring{position:relative;width:124px;height:124px;flex:none}
.mbx-ring svg{width:100%;height:100%;display:block}
.mbx-ring__bg{fill:none;stroke:#efe6cf;stroke-width:12}
.mbx-ring__fg{fill:none;stroke:#c9952b;stroke-width:12;stroke-linecap:round;stroke-dasharray:326.7;transition:stroke-dashoffset 2.2s cubic-bezier(.2,.7,.2,1)}
.mbx-ring.is-waiting .mbx-ring__fg{stroke-dashoffset:326.7!important}
.mbx-ring__in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.mbx-ring__in b{font:700 30px/1 "Cormorant Garamond",serif;color:var(--mbx-green)}
.mbx-ring__in small{font-size:11px;color:#6b6149;margin-top:2px}
.mbx-trio{display:flex;flex-wrap:wrap;gap:16px 22px;margin-top:14px}
.mbx-trio b{display:block;font:700 30px/1 "Cormorant Garamond",serif;color:var(--mbx-green)}
.mbx-trio small{display:block;font-size:12.5px;color:#6b6149;margin-top:4px}
.mbx-notices{padding:22px}
.mbx-notices ul{margin-top:8px}
.mbx-notices li{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #efe6cf}
.mbx-notices__t{flex:1;min-width:0;font-weight:600;font-size:15px;overflow-wrap:break-word}
.mbx-notices__d{flex:none;font-size:12px;color:#6b6149}

/* ── a day ── */
.mbx-track{position:relative;height:4px;background:#efe6cf;border-radius:4px;margin:44px 0 26px}
.mbx-track span{position:absolute;top:-5px;left:0;width:14px;height:14px;border-radius:50%;background:var(--mbx-gold);box-shadow:0 0 0 6px rgba(224,181,88,.25),0 0 18px rgba(224,181,88,.9);animation:mbxTravel 12s linear infinite}
.mbx-day{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:520px){.mbx-day{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:900px){.mbx-day{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media (min-width:1150px){.mbx-day{grid-template-columns:repeat(6,minmax(0,1fr))}}
.mbx-daycard{padding:18px}
.mbx-daycard__top{display:flex;justify-content:space-between;align-items:center}
.mbx-daycard__time{font:700 20px/1 "Cormorant Garamond",serif;color:var(--mbx-gold-d)}
.mbx-daycard b{display:block;font-size:15.5px;margin-top:14px;color:var(--mbx-green)}
.mbx-daycard p{font-size:13.5px;line-height:1.55;color:var(--mbx-mute);margin-top:6px}

/* ── abroad ── */
.mbx-spark{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--mbx-gold);opacity:.5;animation:mbxDrift 9s ease-in-out infinite;pointer-events:none}
.mbx-world{margin:32px auto 0;max-width:900px;border-radius:20px;background:var(--mbx-deep);border:1px solid rgba(224,181,88,.2);padding:8px;overflow:hidden}
.mbx-world svg{display:block;width:100%;height:auto}
.mbx-arc{fill:none;stroke:var(--mbx-gold);stroke-width:1.6;stroke-dasharray:4 7;animation:mbxFlow 2.6s linear infinite}
.mbx-cities{fill:#f2d48c;font:600 13px Inter,sans-serif}
.mbx-cities circle{animation:mbxTwinkle 3s ease-in-out infinite}
.mbx-juja{fill:rgba(60,207,122,.5);transform-origin:center;transform-box:fill-box;animation:mbxPing 2s ease-out infinite}
.mbx-juja__t{fill:#fbf5e6;font:700 20px "Cormorant Garamond",serif}
.mbx-split--abroad{margin-top:44px;align-items:start}
@media (min-width:1000px){.mbx-split--abroad{align-items:center}}
.mbx-abroad{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:560px){.mbx-abroad{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
.mbx-phonecol{display:flex;flex-direction:column;align-items:center;gap:16px;min-width:0}
.mbx-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.mbx-tab{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:11px;border:1px solid rgba(224,181,88,.4);background:transparent;color:#f2e3bd;font:600 13.5px/1 Inter,sans-serif;cursor:pointer}
.mbx-tab.is-on{background:var(--mbx-gold);border-color:var(--mbx-gold);color:var(--mbx-deep)}
.mbx-tab:focus-visible{outline:3px solid #fff1c9;outline-offset:2px}
.mbx-phone{width:320px;max-width:100%;border-radius:40px;background:#0a1d13;padding:11px;box-shadow:0 34px 70px rgba(0,0,0,.45);border:1px solid rgba(224,181,88,.25);animation:mbxFloat 6s ease-in-out infinite}
.mbx-phone__screen{border-radius:30px;background:var(--mbx-cream);color:var(--mbx-ink);min-height:520px;padding:20px 16px;overflow:hidden}
.mbx-phone__bar{display:flex;justify-content:space-between;align-items:center}
.mbx-phone__bar b{font:700 18px/1 "Cormorant Garamond",serif;color:var(--mbx-green)}
.mbx-phone__bar i{width:32px;height:32px;border-radius:50%;background:#d9c99c}
.mbx-pane[hidden]{display:none!important}
.mbx-pane.is-on>*{animation:mbxPop .5s cubic-bezier(.2,.9,.3,1.3) both}
.mbx-pane.is-on>*:nth-child(2){animation-delay:.08s}.mbx-pane.is-on>*:nth-child(3){animation-delay:.16s}.mbx-pane.is-on>*:nth-child(4){animation-delay:.24s}
.mbx-pane__k{margin-top:16px;font-size:11.5px;letter-spacing:.6px;text-transform:uppercase;color:#6b6149;font-weight:600}
.mbx-pane__card{padding:13px;margin-top:10px}
.mbx-pane__card b,.mbx-pane>b{display:block;font-size:14px;margin-top:8px}
.mbx-pane__card b:first-child{margin-top:0}
.mbx-pane__card small,.mbx-pane>small{display:block;font-size:12.5px;color:#6b6149;margin-top:3px;line-height:1.5}
.mbx-photo{height:110px;border-radius:12px;background:linear-gradient(135deg,#c9b98d,#8f7f55);display:flex;align-items:flex-end;gap:8px;padding:10px;color:#fff;font-size:12px;font-weight:600}
.mbx-steps{margin-top:14px!important;display:flex;flex-direction:column;gap:10px}
.mbx-steps li{display:flex;gap:10px;align-items:center;font-size:13px}
.mbx-steps li>span{width:22px;height:22px;border-radius:50%;border:2px solid #d4c7a6;flex:none;display:inline-flex;align-items:center;justify-content:center}
.mbx-steps li.is-done>span{background:#1a6b41;border-color:#1a6b41}
.mbx-steps li.is-now{font-weight:700}
.mbx-steps li.is-now>span{background:var(--mbx-gold);border-color:var(--mbx-gold)}
.mbx-steps li:not(.is-done):not(.is-now){color:#8a7f66}
.mbx-scene{margin-top:10px;height:230px;border-radius:16px;background:linear-gradient(180deg,#bfe0f2 0%,#e7f2f6 55%,#9cc48a 56%,#7fae6c 100%);position:relative;overflow:hidden}
.mbx-house{position:absolute;left:50%;bottom:48px;width:150px;margin-left:-75px;animation:mbxFloat 6s ease-in-out infinite}
.mbx-house__roof{display:block;width:0;height:0;border-left:85px solid transparent;border-right:85px solid transparent;border-bottom:50px solid #8a3b2a;margin-left:-10px}
.mbx-house__body{height:80px;background:#f4ead2;border:2px solid #d5c69f;display:flex;justify-content:space-around;align-items:center}
.mbx-house__body span{width:28px;height:28px;background:#9fc3d8}
.mbx-house__body .mbx-house__door{width:26px;height:50px;background:#6b4a2a;align-self:flex-end}

/* ── governance ── */
.mbx-seal{position:relative;width:160px;height:160px;margin:0 auto}
@media (min-width:600px){.mbx-seal{width:180px;height:180px}}
.mbx-seal__in{width:100%;height:100%;border-radius:50%;border:5px solid var(--mbx-gold-d);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--mbx-gold-d);background:rgba(253,241,214,.6);animation:mbxStamp 6s cubic-bezier(.2,.9,.3,1.2) infinite}
.mbx-seal__in b{font:700 22px/1 "Cormorant Garamond",serif;letter-spacing:2px;margin-top:6px}
.mbx-seal__in small{font-size:10.5px;letter-spacing:1.5px;margin-top:4px}
.mbx-halo{position:absolute;inset:-14px;border-radius:50%;border:2px solid rgba(224,181,88,.45);animation:mbxHalo 3s ease-out infinite;pointer-events:none}
.mbx-halo--2{animation-delay:1.5s}
.mbx-steps5{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin-top:44px}
@media (min-width:560px){.mbx-steps5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:900px){.mbx-steps5{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}}
.mbx-steps5__line{display:none}
@media (min-width:900px){.mbx-steps5__line{display:block;position:absolute;left:10%;width:80%;top:34px;height:20px}
  .mbx-steps5__line line{stroke:#c99a3c;stroke-width:3;stroke-dasharray:6 8;animation:mbxFlow 1.6s linear infinite}}
.mbx-step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}
.mbx-step__dot{width:76px;height:76px;border-radius:50%;background:var(--mbx-green);display:flex;align-items:center;justify-content:center;border:4px solid var(--mbx-cream);box-shadow:0 0 0 2px #c99a3c}
.mbx-step small{font-size:12px;color:var(--mbx-gold-d);font-weight:700;margin-top:12px;letter-spacing:1px}
.mbx-step b{font-size:17px;margin-top:4px;color:var(--mbx-green)}
.mbx-step p{font-size:14px;line-height:1.55;color:var(--mbx-mute);margin-top:6px;max-width:280px}
.mbx-grid4{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:48px}
@media (min-width:560px){.mbx-grid4{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media (min-width:1050px){.mbx-grid4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.mbx-gov{padding:22px}
.mbx-gov__top{display:flex;justify-content:space-between;align-items:flex-start}
.mbx-gov__big{font:700 42px/1 "Cormorant Garamond",serif;color:var(--mbx-gold-d)}
.mbx-gov b{display:block;font-size:16px;margin-top:12px;color:var(--mbx-green)}
.mbx-gov p{font-size:14px;line-height:1.6;color:var(--mbx-mute);margin-top:6px}

/* ── inside the portal ── */
.mbx-groups{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:40px}
@media (min-width:700px){.mbx-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media (min-width:1100px){.mbx-groups{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mbx-group{padding:22px}
.mbx-group__head{display:flex;align-items:center;gap:12px}
.mbx-group__head small{display:block;font-size:13px;color:#6b6149;margin-top:3px}
.mbx-group ul{display:flex;flex-direction:column;gap:14px;margin-top:18px}
.mbx-group li{display:flex;gap:12px;align-items:flex-start}
.mbx-group li b{display:block;font-size:15px}
.mbx-group li p{font-size:13.5px;line-height:1.5;color:var(--mbx-mute)}

/* ── trust ── */
.mbx-trust{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:40px;align-items:stretch}
@media (min-width:860px){.mbx-trust{grid-template-columns:minmax(0,1fr) 140px minmax(0,1fr);gap:22px}}
.mbx-trust__col{padding:26px}
.mbx-trust__col--dark{background:var(--mbx-green);border-color:var(--mbx-green);color:var(--mbx-cream)}
.mbx-trust__col--dark .mbx-h3{color:#f2d48c}
.mbx-trust__h{display:flex;gap:12px;align-items:center}
.mbx-trust__col ul{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.mbx-trust__col li{display:flex;gap:10px;align-items:center;font-size:15px;line-height:1.4}
.mbx-trust__col--dark li{color:#e8dcb8}
.mbx-trust__lock{position:relative;width:96px;height:96px;margin:6px auto;align-self:center}
.mbx-trust__lock>div{width:100%;height:100%;border-radius:50%;background:var(--mbx-green);display:flex;align-items:center;justify-content:center}

/* ── the Bakersfield standard ── */
.mbx-compare{margin-top:40px;border:1px solid rgba(224,181,88,.25);border-radius:20px;overflow:hidden}
.mbx-compare__row{display:grid;grid-template-columns:minmax(0,1fr)}
.mbx-compare__row+.mbx-compare__row{border-top:1px solid rgba(224,181,88,.15)}
@media (min-width:860px){.mbx-compare__row{grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr)}}
.mbx-compare__k{display:flex;gap:12px;align-items:center;padding:18px 18px 6px}
@media (min-width:860px){.mbx-compare__k{padding:22px}}
.mbx-compare__k b{font:700 23px/1.2 "Cormorant Garamond",serif;color:#fbf5e6}
.mbx-compare__b,.mbx-compare__a{display:flex;gap:10px;align-items:flex-start;padding:12px 18px}
@media (min-width:860px){.mbx-compare__b,.mbx-compare__a{padding:22px}}
.mbx-compare__a{background:rgba(224,181,88,.07)}
.mbx-compare small{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:600;margin-bottom:5px}
.mbx-compare__b small{color:#b9ab84}.mbx-compare__a small{color:var(--mbx-gold)}
.mbx-compare__b p{font-size:15px;line-height:1.55;color:#a99d7c}
.mbx-compare__a p{font-size:15px;line-height:1.55;color:#f2e3bd}
.mbx-dot{width:22px;height:22px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;margin-top:1px}
.mbx-dot--x{background:rgba(214,104,80,.18)}.mbx-dot--ok{background:#3ccf7a}
.mbx-who{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:44px}
@media (min-width:760px){.mbx-who{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
.mbx-who .mbx-glass{padding:26px}
.mbx-who__k{display:block;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--mbx-gold);font-weight:600;margin-top:18px}
.mbx-who .mbx-h3{color:#fbf5e6;margin-top:8px}
.mbx-who p{font-size:15px;line-height:1.7;color:#cdbf93;margin-top:10px}
.mbx-quote{margin:64px auto 0;max-width:840px;text-align:center}
.mbx-quote svg{margin:0 auto;opacity:.8}
.mbx-quote blockquote{margin:14px 0 0;font:italic 600 clamp(23px,3.4vw,38px)/1.32 "Cormorant Garamond",serif;color:#fbf5e6}
.mbx-quote figcaption{margin-top:22px;font-size:15px;color:#cdbf93;line-height:1.6}
.mbx-quote a{color:#f2d48c;text-underline-offset:4px;font-weight:600}

/* ── reveal on scroll (script adds .mbx-js so nothing hides without it) ── */
.mbx-js .mbx-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.mbx-js .mbx-reveal.is-in{opacity:1;transform:none}

/* ── motion ── */
@keyframes mbxShine{from{background-position:250% 0}to{background-position:-50% 0}}
@keyframes mbxPing{0%{transform:scale(.5);opacity:.9}100%{transform:scale(2.6);opacity:0}}
@keyframes mbxBob{0%,100%{transform:translateY(0)}40%{transform:translateY(-5px) rotate(-6deg)}}
@keyframes mbxMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes mbxGlow{0%,72%,100%{background:#24533a;box-shadow:none}80%{background:#e0b558;box-shadow:0 0 14px rgba(224,181,88,.8)}}
@keyframes mbxBuild{0%,8%{transform:scaleY(0)}28%,100%{transform:scaleY(1)}}
@keyframes mbxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes mbxTravel{from{left:0}to{left:calc(100% - 14px)}}
@keyframes mbxFlow{to{stroke-dashoffset:-44}}
@keyframes mbxTwinkle{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes mbxStamp{0%,70%{transform:scale(1) rotate(-8deg);opacity:1}76%{transform:scale(1.6) rotate(-18deg);opacity:0}84%{transform:scale(.94) rotate(-8deg);opacity:1}90%,100%{transform:scale(1) rotate(-8deg);opacity:1}}
@keyframes mbxHalo{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.45);opacity:0}}
@keyframes mbxDrift{0%,100%{transform:translate(0,0)}50%{transform:translate(14px,-22px)}}
@keyframes mbxPop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}

/* off-screen sections pause their animations (script toggles .is-off) */
.mbx-sec.is-off *,.mbx-sec.is-off *:after{animation-play-state:paused!important}

@media (prefers-reduced-motion:reduce){
  .mbx *,.mbx *:before,.mbx *:after{animation:none!important;transition:none!important}
  .mbx-js .mbx-reveal{opacity:1;transform:none}
  .mbx-seal__in{transform:rotate(-8deg)}
}
html[data-mbe-calm="1"] .mbx *,html[data-mbe-calm="1"] .mbx *:after{animation:none!important;transition:none!important}
html[data-mbe-calm="1"] .mbx-js .mbx-reveal{opacity:1;transform:none}
html[data-mbe-calm="1"] .mbx-seal__in{transform:rotate(-8deg)}

/* night reading (the Aa panel) */
html[data-mbe-applied="dark"] .mbx{--mbx-ink:#ece4cf;--mbx-soft:#cdbf9b;--mbx-mute:#bfb294;--mbx-green:#e6d9b4;--mbx-paper:#17261d;--mbx-line:#2c3f32;--mbx-cream:#0f1a14;--mbx-gold-d:#e0b558}
html[data-mbe-applied="dark"] .mbx-sec--soft{background:#132219;border-color:#24372a}
html[data-mbe-applied="dark"] .mbx-sec--green{background:#0b1f15}
html[data-mbe-applied="dark"] .mbx-trust__col--dark{background:#0b1f15;border-color:#24372a}
html[data-mbe-applied="dark"] .mbx-step__dot,html[data-mbe-applied="dark"] .mbx-ic--dark,html[data-mbe-applied="dark"] .mbx-trust__lock>div{background:#1d3a28}
html[data-mbe-applied="dark"] .mbx-kicker,html[data-mbe-applied="dark"] .mbx-big small,html[data-mbe-applied="dark"] .mbx-updated,html[data-mbe-applied="dark"] .mbx-contrib__amt span,html[data-mbe-applied="dark"] .mbx-ring__in small,html[data-mbe-applied="dark"] .mbx-trio small,html[data-mbe-applied="dark"] .mbx-notices__d,html[data-mbe-applied="dark"] .mbx-group__head small{color:#b5a886}
html[data-mbe-applied="dark"] .mbx-notices li{border-color:#24372a}
html[data-mbe-applied="dark"] .mbx-ring__bg,html[data-mbe-applied="dark"] .mbx-bar{stroke:#24372a;background:#24372a}
html[data-mbe-applied="dark"] .mbx-phone__screen{background:#f7f1e3;color:#1d2a22}
html[data-mbe-applied="dark"] .mbx-eyebrow--green{color:#7fd8a4}
html[data-mbe-applied="dark"] .mbx-eyebrow--blue{color:#a9c6ec}
html[data-mbe-applied="dark"] .mbx-chip--green{background:#1f3b2a;color:#9be2b8}
html[data-mbe-applied="dark"] .mbx-chip--sand{background:#2b2a22;color:#e6d9b4}
.mbx-sec{scroll-margin-top:84px}

/* v3.177.2: contact the committee */
.mbx-contact{margin:40px auto 0;max-width:900px;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(224,181,88,.3);border-radius:22px;padding:24px;text-align:center}
@media (min-width:860px){.mbx-contact{grid-template-columns:auto minmax(0,1fr) auto;text-align:left;padding:26px 30px;gap:24px}}
.mbx-contact__ic{width:58px;height:58px;border-radius:16px;background:var(--mbx-gold);display:inline-flex;align-items:center;justify-content:center;margin:0 auto}
.mbx-contact__text .mbx-h3{color:#fbf5e6}
.mbx-contact__text p{color:#cdbf93;font-size:15px;line-height:1.6;margin-top:6px!important}
.mbx-contact__actions{display:flex;flex-direction:column;align-items:center;gap:10px}
.mbx-contact__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:14px;background:var(--mbx-gold);color:var(--mbx-deep)!important;font:700 15.5px Inter,sans-serif;text-decoration:none;white-space:nowrap;box-shadow:0 10px 26px rgba(0,0,0,.25);transition:transform .2s,box-shadow .2s}
@media (hover:hover){.mbx-contact__btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.3)}}
.mbx-contact__btn:focus-visible{outline:3px solid #fff1c9;outline-offset:3px}
.mbx-contact__addr{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}
.mbx-contact__addr a{color:#f2d48c;font-weight:600;font-size:14px;text-underline-offset:3px;overflow-wrap:anywhere}

/* v3.177.5: webmail choice on computers */
.mbx-contact__pick{position:relative;display:inline-block}
.mbx-contact__menu{position:absolute;z-index:20;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);min-width:250px;background:#fffdf7;border:1px solid #eadfc4;border-radius:14px;padding:8px;box-shadow:0 20px 50px rgba(0,0,0,.35);text-align:left}
.mbx-contact__menu[hidden]{display:none}
.mbx-contact__menu p{margin:4px 10px 6px!important;font-size:11.5px;letter-spacing:.8px;text-transform:uppercase;color:#6b6149;font-weight:600}
.mbx-contact__menu a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:10px;color:#123826!important;font:600 14.5px Inter,sans-serif;text-decoration:none}
.mbx-contact__menu a:hover,.mbx-contact__menu a:focus-visible{background:#f3ecdb;outline:none}
.mbx-contact__menu a span{color:#8a6417}