/* =====================================================================
   MyCyberWay Header Menu - the menu's styles
   SCOPED: every rule starts with .mcw-hm (or html.mcw-hm-lock, the scroll
   lock while the phone menu or search is open), so nothing here can reach
   the theme, the pages, the shop or the LMS. build_header_menu.py refuses
   a selector that could. The palette is the site's: yellow for every
   action, dark panels, 9% hairlines, the programme and family tones.
   1180 / 1181 = the phone menu's breakpoint; 1700 = where the bar's
   yellow button appears. The build writes them in.
   ===================================================================== */
.mcw-hm{--hm-panel:#121418;--hm-raised:#1A1D23;--hm-fg:#EAECEF;--hm-soft:#C9CFD8;--hm-muted:#A3ACB8;--hm-label:#B4BDC9;
  --hm-rule:rgba(255,255,255,.09);--hm-line:rgba(255,255,255,.15);--hm-y:#F9D548;--hm-y2:#FFE37E;--hm-ink:#0b0b0d;
  --hm-blue:#6BA6F5;--hm-teal:#00D4AA;--hm-amber:#F0B429;--hm-violet:#A78BFA;--hm-cyan:#3ED8E0;--hm-pink:#F06AAE;
  --hm-coral:#FF7A45;--hm-green:#4FBF89;--hm-mint:#7FE0B1;--hm-tone:var(--hm-y);
  --hm-body:var(--wp--preset--font-family--karla,'Karla',system-ui,-apple-system,'Segoe UI',Arial,sans-serif);
  --hm-head:var(--wp--preset--font-family--marcellus,'Marcellus',Georgia,'Times New Roman',serif);
  --hm-ease:cubic-bezier(.2,.7,.2,1);
  position:relative;flex:1 1 0%;min-width:0;display:flex;align-items:center;justify-content:center;gap:12px;
  font-family:var(--hm-body);font-size:16px;line-height:1.4;color:var(--hm-fg);-webkit-font-smoothing:antialiased;text-align:left}
.mcw-hm,.mcw-hm *,.mcw-hm *::before,.mcw-hm *::after{box-sizing:border-box}
.mcw-hm :is(ul,ol,p,figure,h2,h3,form){margin:0;padding:0;list-style:none}
.mcw-hm :is(li)::marker{content:none}
.mcw-hm a{color:inherit;text-decoration:none;box-shadow:none}
.mcw-hm button{-webkit-appearance:none;appearance:none;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;
  letter-spacing:inherit;text-transform:none;text-decoration:none;cursor:pointer;box-shadow:none;min-height:0;line-height:inherit}
.mcw-hm :is(a,button,input):focus-visible{outline:2px solid var(--hm-y);outline-offset:3px;border-radius:10px}
.mcw-hm [hidden]{display:none !important}
.mcw-hm img{max-width:100%;height:auto;border:0}
.mcw-hm .mcw-hm-sprite{position:absolute;width:0;height:0;overflow:hidden}
.mcw-hm .mcw-hm-i{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mcw-hm .mcw-hm-sr{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.mcw-hm kbd{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:6px;border:1px solid var(--hm-line);
  background:rgba(255,255,255,.05);box-shadow:none;font:700 11px/1 var(--hm-body);color:var(--hm-muted);white-space:nowrap}

/* ---- tones: set once on an element, every accent inside follows ---- */
.mcw-hm .mcw-hm-t-blue{--hm-tone:var(--hm-blue)}     .mcw-hm .mcw-hm-t-teal{--hm-tone:var(--hm-teal)}
.mcw-hm .mcw-hm-t-amber{--hm-tone:var(--hm-amber)}   .mcw-hm .mcw-hm-t-violet{--hm-tone:var(--hm-violet)}
.mcw-hm .mcw-hm-t-cyan{--hm-tone:var(--hm-cyan)}     .mcw-hm .mcw-hm-t-pink{--hm-tone:var(--hm-pink)}
.mcw-hm .mcw-hm-t-coral{--hm-tone:var(--hm-coral)}   .mcw-hm .mcw-hm-t-green{--hm-tone:var(--hm-green)}
.mcw-hm .mcw-hm-t-yellow{--hm-tone:var(--hm-y)}

/* =====================================================================
   THE BAR - each name is a link to its main page; the arrow beside it
   opens its panel. The two read as one item.
   ===================================================================== */
.mcw-hm .mcw-hm-nav{position:static;min-width:0}
.mcw-hm .mcw-hm-bar{position:static;display:flex;align-items:center;gap:2px}
.mcw-hm .mcw-hm-item{position:static;margin:0}
.mcw-hm .mcw-hm-tw{position:relative;z-index:1;display:inline-flex;align-items:center}
.mcw-hm .mcw-hm-top{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 13px;border-radius:12px;
  font:700 clamp(15.5px,1.05vw,17.5px)/1 var(--hm-body);color:var(--hm-fg);white-space:nowrap;transition:color .2s}
.mcw-hm .mcw-hm-tw > .mcw-hm-top{padding-right:2px}
.mcw-hm .mcw-hm-tog{display:inline-grid;place-items:center;width:28px;height:44px;margin-right:3px;border-radius:10px;color:var(--hm-fg);transition:color .2s}
.mcw-hm .mcw-hm-top:hover,.mcw-hm .mcw-hm-tog:hover,.mcw-hm .mcw-hm-item.is-open > .mcw-hm-tw > :is(.mcw-hm-top,.mcw-hm-tog){color:var(--hm-y)}
.mcw-hm .mcw-hm-item.is-current > .mcw-hm-top::after,.mcw-hm .mcw-hm-item.is-current > .mcw-hm-tw > .mcw-hm-top::after{content:"";position:absolute;
  left:13px;right:13px;bottom:5px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--hm-y),rgba(249,213,72,.25))}
.mcw-hm .mcw-hm-item.is-current > .mcw-hm-tw > .mcw-hm-top::after{right:2px}
.mcw-hm .mcw-hm-chev{width:14px;height:14px;opacity:.65;transition:transform .3s var(--hm-ease),opacity .2s}
.mcw-hm .mcw-hm-tog:hover .mcw-hm-chev{opacity:1}
.mcw-hm .mcw-hm-item.is-open .mcw-hm-tog .mcw-hm-chev{transform:rotate(180deg);opacity:1}
/* Premium Jobs, the flagship: a live dot and its badge */
.mcw-hm .mcw-hm-live{width:7px;height:7px;flex:none;border-radius:50%;background:var(--hm-green);box-shadow:0 0 0 0 rgba(79,191,137,.6);
  animation:mcw-hm-beat 2.2s ease-out infinite}
.mcw-hm .mcw-hm-badge{display:inline-block;padding:3px 6px;border-radius:999px;background:linear-gradient(90deg,var(--hm-mint),var(--hm-cyan));
  color:#06130c;font:800 9.5px/1 var(--hm-body);letter-spacing:.08em;text-transform:uppercase}
.mcw-hm .mcw-hm-badge.is-member{background:var(--hm-y);color:var(--hm-ink)}
/* the pill that slides under the item you point at */
.mcw-hm .mcw-hm-hover{position:absolute;left:0;top:0;z-index:0;width:var(--hw,0px);height:var(--hh,44px);border-radius:12px;pointer-events:none;
  transform:translate(var(--hx,0px),var(--hy,0px));background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);opacity:0;
  transition:transform .32s var(--hm-ease),width .32s var(--hm-ease),opacity .2s}
.mcw-hm .mcw-hm-hover.is-on{opacity:1}
.mcw-hm .mcw-hm-hover.is-instant{transition:opacity .2s}
/* search and the call to action */
.mcw-hm .mcw-hm-tools{display:flex;align-items:center;gap:10px;flex:none}
.mcw-hm .mcw-hm-sbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 9px 0 12px;border-radius:12px;
  border:1px solid var(--hm-line);background:rgba(255,255,255,.03);color:var(--hm-soft);font:700 14px/1 var(--hm-body);
  transition:border-color .2s,color .2s,background .2s}
.mcw-hm .mcw-hm-sbtn .mcw-hm-i{width:18px;height:18px}
.mcw-hm .mcw-hm-sbtn:hover{border-color:var(--hm-y);color:var(--hm-y);background:rgba(249,213,72,.06)}
.mcw-hm .mcw-hm-cta{display:none;align-items:center;height:40px;padding:0 16px;border-radius:10px;background:var(--hm-y);color:var(--hm-ink);
  font:700 14.5px/1 var(--hm-body);white-space:nowrap;transition:background .2s,transform .2s,box-shadow .2s}
.mcw-hm .mcw-hm-cta:hover{background:var(--hm-y2);color:var(--hm-ink);transform:translateY(-1px);box-shadow:0 10px 28px -10px rgba(249,213,72,.6)}
/* the bar makes room for itself: the full bar on wide screens; below 1700px the
   search button is an icon and the yellow button goes; below 1440px the items close
   up and the badge goes. menu.js measures too, and closes the bar up (is-tight) or
   switches to the phone menu (is-phone) wherever the header has less room than that */
@media (min-width:1700px){.mcw-hm:not(.is-tight) .mcw-hm-cta{display:inline-flex}}
@media (max-width:1699px){
  .mcw-hm .mcw-hm-sbtn{width:40px;padding:0}
  .mcw-hm .mcw-hm-sbtn-t,.mcw-hm .mcw-hm-sbtn kbd{display:none}
}
@media (max-width:1439px){
  .mcw-hm .mcw-hm-top{padding:0 10px}
  .mcw-hm .mcw-hm-badge{display:none}
}
.mcw-hm.is-tight .mcw-hm-sbtn{width:40px;padding:0}
.mcw-hm.is-tight :is(.mcw-hm-sbtn-t,.mcw-hm-sbtn kbd,.mcw-hm-badge,.mcw-hm-cta){display:none}
.mcw-hm.is-tight .mcw-hm-top{padding:0 9px;font-size:15.5px}
.mcw-hm.is-tight .mcw-hm-tw > .mcw-hm-top{padding-right:1px}
.mcw-hm.is-tight .mcw-hm-tog{width:24px;margin-right:2px}
.mcw-hm.no-cta .mcw-hm-cta{display:none}
/* the phone menu's own parts: hidden on a wide screen */
.mcw-hm .mcw-hm-burger,.mcw-hm .mcw-hm-dhead,.mcw-hm .mcw-hm-dsearch,.mcw-hm .mcw-hm-dfoot,.mcw-hm .mcw-hm-scrim{display:none}

/* =====================================================================
   PANELS - the same markup on every screen. Wide: they float under the
   header on one shared card that morphs from panel to panel (menu.js
   places them). Narrow: they open one at a time inside the phone menu.
   ===================================================================== */
.mcw-hm .mcw-hm-panel{display:none}
.mcw-hm .mcw-hm-pin{display:grid;gap:20px 26px}
.mcw-hm .mcw-hm-col{min-width:0}
/* ---- THE CROWN: the panel's main page, at its top. One link - the whole band is its
   target, the yellow pill included; the page's sections to jump to sit above it ---- */
.mcw-hm .mcw-hm-crown{position:relative;display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:16px;
  border:1px solid color-mix(in srgb,var(--hm-tone) 28%,transparent);
  background:radial-gradient(ellipse 70% 140% at 0% 0%,color-mix(in srgb,var(--hm-tone) 15%,transparent),transparent 70%),rgba(255,255,255,.02);
  transition:border-color .25s}
.mcw-hm .mcw-hm-crown > .mcw-hm-ico{width:48px;height:48px;border-radius:14px}
.mcw-hm .mcw-hm-crown > .mcw-hm-ico .mcw-hm-i{width:22px;height:22px}
.mcw-hm .mcw-hm-crown-tx{flex:1 1 auto;min-width:0;display:grid;gap:4px}
.mcw-hm .mcw-hm-crown-a{display:grid;gap:4px;justify-items:start}
.mcw-hm .mcw-hm-crown-a::after{content:"";position:absolute;inset:0;z-index:0;border-radius:16px}
.mcw-hm .mcw-hm-crown-a:focus-visible{outline:0}
.mcw-hm .mcw-hm-crown-a:focus-visible::after{outline:2px solid var(--hm-y);outline-offset:2px}
.mcw-hm .mcw-hm-crown-t{display:inline-flex;align-items:center;gap:8px;font:400 23px/1.15 var(--hm-head);color:var(--hm-fg);transition:color .2s}
.mcw-hm .mcw-hm-crown-t .mcw-hm-go{display:none}
.mcw-hm .mcw-hm-crown-d{font-size:14px;line-height:1.45;color:var(--hm-soft)}
.mcw-hm .mcw-hm-jump{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}
.mcw-hm .mcw-hm-jump-k{margin-right:2px;font:800 11px/1.2 var(--hm-body);letter-spacing:.12em;text-transform:uppercase;color:var(--hm-label)}
.mcw-hm .mcw-hm-jump a{display:inline-flex;align-items:center;min-height:30px;padding:5px 12px;border-radius:999px;border:1px solid var(--hm-line);
  background:rgba(255,255,255,.03);font:700 13px/1.2 var(--hm-body);color:var(--hm-soft);transition:border-color .2s,color .2s,background .2s}
.mcw-hm .mcw-hm-jump a:is(:hover,:focus-visible){border-color:var(--hm-y);color:var(--hm-y);background:rgba(249,213,72,.07)}
.mcw-hm .mcw-hm-crown-go{flex:none;display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 18px;border-radius:10px;
  background:var(--hm-y);color:var(--hm-ink);font:700 15px/1.2 var(--hm-body);white-space:nowrap;pointer-events:none;
  transition:background .2s,transform .2s,box-shadow .2s}
.mcw-hm .mcw-hm-crown-go .mcw-hm-i{width:17px;height:17px;transition:transform .2s}
.mcw-hm .mcw-hm-crown-live{flex:none;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid rgba(79,191,137,.4);
  background:rgba(79,191,137,.1);font:700 13px/1.2 var(--hm-body);color:var(--hm-soft);white-space:nowrap}
.mcw-hm .mcw-hm-crown-live b{color:var(--hm-fg);font-variant-numeric:tabular-nums}
.mcw-hm .mcw-hm-crown:has(.mcw-hm-crown-a:hover){border-color:color-mix(in srgb,var(--hm-tone) 62%,transparent)}
.mcw-hm .mcw-hm-crown:has(.mcw-hm-crown-a:hover) .mcw-hm-crown-t{color:var(--hm-y)}
.mcw-hm .mcw-hm-crown:has(.mcw-hm-crown-a:hover) > .mcw-hm-ico{box-shadow:0 0 0 2px color-mix(in srgb,var(--hm-tone) 75%,transparent),0 0 22px -4px var(--hm-tone)}
.mcw-hm .mcw-hm-crown:has(.mcw-hm-crown-a:hover) .mcw-hm-crown-go{background:var(--hm-y2);transform:translateY(-1px);box-shadow:0 10px 30px -10px rgba(249,213,72,.55)}
.mcw-hm .mcw-hm-crown:has(.mcw-hm-crown-a:hover) .mcw-hm-crown-go .mcw-hm-i{transform:translateX(3px)}
/* column headings */
.mcw-hm .mcw-hm-h{margin:0 0 8px;padding:0 10px;font:800 12px/1.2 var(--hm-body);letter-spacing:.14em;text-transform:uppercase;color:var(--hm-label)}
.mcw-hm .mcw-hm-h a{display:inline-flex;align-items:center;gap:6px;transition:color .2s}
.mcw-hm .mcw-hm-h a .mcw-hm-go{width:14px;height:14px;opacity:.55;transform:none}
.mcw-hm .mcw-hm-h a:hover{color:var(--hm-y)}
.mcw-hm .mcw-hm-h a:hover .mcw-hm-go{opacity:1;transform:translateX(2px)}
/* an icon tile, a title, a line - the arrow slides in on hover */
.mcw-hm .mcw-hm-list{display:grid;gap:2px}
.mcw-hm .mcw-hm-rich{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 10px;
  border-radius:14px;transition:background .25s}
.mcw-hm .mcw-hm-ico{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;color:var(--hm-tone);
  background:color-mix(in srgb,var(--hm-tone) 13%,transparent);border:1px solid color-mix(in srgb,var(--hm-tone) 32%,transparent);
  transition:box-shadow .3s var(--hm-ease),transform .3s var(--hm-ease)}
.mcw-hm .mcw-hm-tx{display:grid;gap:2px;min-width:0}
.mcw-hm .mcw-hm-tx b{display:flex;align-items:baseline;gap:8px;font:700 15.5px/1.25 var(--hm-body);color:var(--hm-fg);transition:color .2s}
.mcw-hm .mcw-hm-tx small{font:400 13.5px/1.35 var(--hm-body);color:var(--hm-muted)}
.mcw-hm .mcw-hm-go{width:16px;height:16px;color:var(--hm-y);opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .25s var(--hm-ease)}
.mcw-hm .mcw-hm-rich:is(:hover,:focus-visible){background:color-mix(in srgb,var(--hm-tone) 9%,transparent)}
.mcw-hm .mcw-hm-rich:is(:hover,:focus-visible) .mcw-hm-ico{transform:translateY(-1px);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--hm-tone) 75%,transparent),0 0 22px -4px var(--hm-tone)}
.mcw-hm .mcw-hm-rich:is(:hover,:focus-visible) .mcw-hm-tx b{color:var(--hm-y)}
.mcw-hm .mcw-hm-rich:is(:hover,:focus-visible) .mcw-hm-go{opacity:1;transform:none}
/* the Microsoft exam codes, two columns, a bar in the family colour */
.mcw-hm .mcw-hm-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px}
.mcw-hm .mcw-hm-code{position:relative;display:grid;gap:1px;padding:8px 10px 8px 17px;border-radius:11px;transition:background .25s}
.mcw-hm .mcw-hm-code::before{content:"";position:absolute;left:6px;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--hm-tone);opacity:.45;
  transform:scaleY(.55);transition:transform .3s var(--hm-ease),opacity .3s}
.mcw-hm .mcw-hm-code b{font:800 14.5px/1.2 var(--hm-body);letter-spacing:.02em;color:var(--hm-tone)}
.mcw-hm .mcw-hm-code small{font-size:12.5px;line-height:1.3;color:var(--hm-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mcw-hm .mcw-hm-code:is(:hover,:focus-visible){background:color-mix(in srgb,var(--hm-tone) 9%,transparent)}
.mcw-hm .mcw-hm-code:is(:hover,:focus-visible)::before{opacity:1;transform:none}
.mcw-hm .mcw-hm-code:is(:hover,:focus-visible) small{color:var(--hm-soft)}
/* an eyebrow */
.mcw-hm .mcw-hm-k{display:flex;align-items:center;gap:8px;font:800 11.5px/1.2 var(--hm-body);letter-spacing:.12em;text-transform:uppercase;
  color:color-mix(in srgb,var(--hm-tone) 70%,var(--hm-label))}
/* buttons: yellow for every action, as in the shop */
.mcw-hm .mcw-hm-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 18px;border-radius:10px;
  border:1px solid var(--hm-y);background:var(--hm-y);color:var(--hm-ink);font:700 15px/1.2 var(--hm-body);text-align:center;
  transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s}
.mcw-hm .mcw-hm-btn .mcw-hm-i{width:17px;height:17px;transition:transform .2s}
.mcw-hm .mcw-hm-btn:hover{background:var(--hm-y2);border-color:var(--hm-y2);color:var(--hm-ink);transform:translateY(-1px);box-shadow:0 10px 30px -10px rgba(249,213,72,.55)}
.mcw-hm .mcw-hm-btn:hover .mcw-hm-i{transform:translateX(3px)}
.mcw-hm .mcw-hm-btn--ghost{background:rgba(255,255,255,.03);border-color:var(--hm-line);color:var(--hm-fg)}
.mcw-hm .mcw-hm-btn--ghost:hover{background:rgba(249,213,72,.08);border-color:var(--hm-y);color:var(--hm-y);box-shadow:none}
.mcw-hm .mcw-hm-more{align-self:flex-start;font:700 13.5px/1.3 var(--hm-body);color:var(--hm-soft);text-decoration:underline;
  text-decoration-color:rgba(249,213,72,.5);text-underline-offset:4px;transition:color .2s}
.mcw-hm .mcw-hm-more:hover{color:var(--hm-y)}
.mcw-hm .mcw-hm-small{font-size:12.5px;line-height:1.45;color:var(--hm-muted)}
.mcw-hm .mcw-hm-inl{color:var(--hm-soft);text-decoration:underline;text-decoration-color:rgba(249,213,72,.5);text-underline-offset:3px;transition:color .2s}
.mcw-hm .mcw-hm-inl:hover{color:var(--hm-y)}
/* a feature card, with the revolving border of the pages' featured blocks */
.mcw-hm .mcw-hm-card{position:relative;display:flex;flex-direction:column;gap:9px;padding:20px;border-radius:18px;border:1px solid var(--hm-rule);
  overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 90% 70% at 100% 0%,color-mix(in srgb,var(--hm-tone) 15%,transparent),transparent 70%),#15181d}
.mcw-hm .mcw-hm-card-t{font:400 24px/1.12 var(--hm-head);color:var(--hm-fg)}
.mcw-hm .mcw-hm-card-d{font-size:14px;line-height:1.5;color:var(--hm-soft)}
.mcw-hm .mcw-hm-card .mcw-hm-btn{margin-top:auto;align-self:stretch}
.mcw-hm .mcw-hm-orbit{position:relative}
.mcw-hm .mcw-hm-ring{position:absolute;inset:0;z-index:2;border-radius:inherit;padding:1.5px;pointer-events:none;overflow:hidden;
  -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 exclude,linear-gradient(#000 0 0)}
.mcw-hm .mcw-hm-ring::before{content:"";position:absolute;left:50%;top:50%;width:max(220%,700px);aspect-ratio:1;transform:translate(-50%,-50%) rotate(0deg);
  animation:mcw-hm-spin 7s linear infinite;
  background:conic-gradient(from 0deg,transparent 0 64%,color-mix(in srgb,var(--hm-tone) 70%,transparent) 80%,#fff 84%,transparent 88%)}
/* the row of links at the foot of a panel */
.mcw-hm .mcw-hm-foot{display:flex;flex-wrap:wrap;gap:4px 22px;padding:14px 26px 16px;border-top:1px solid var(--hm-rule);background:rgba(255,255,255,.015)}
.mcw-hm .mcw-hm-foot a{font:700 13.5px/1.3 var(--hm-body);color:var(--hm-soft);transition:color .2s}
.mcw-hm .mcw-hm-foot a:hover{color:var(--hm-y)}

/* ---- COURSES: the preview of whatever you point at ---- */
.mcw-hm .mcw-hm-col--pv{position:relative;display:flex;flex-direction:column;min-height:310px}
.mcw-hm .mcw-hm-pv{display:none;flex:1}
.mcw-hm .mcw-hm-pv.is-on{display:flex;flex-direction:column;gap:10px;animation:mcw-hm-pv .35s var(--hm-ease)}
.mcw-hm a.mcw-hm-pv{padding:20px;border-radius:18px;border:1px solid color-mix(in srgb,var(--hm-tone) 36%,transparent);
  background:radial-gradient(ellipse 80% 60% at 100% 0%,color-mix(in srgb,var(--hm-tone) 17%,transparent),transparent 70%),#15181d}
.mcw-hm .mcw-hm-pv-top{display:flex;align-items:center;gap:14px}
.mcw-hm .mcw-hm-pv-top img{width:68px;height:68px;flex:none;filter:drop-shadow(0 8px 16px rgba(0,0,0,.55))}
.mcw-hm .mcw-hm-pv-top > span{display:grid;gap:5px}
.mcw-hm .mcw-hm-pv-t{display:block;font:400 22px/1.15 var(--hm-head);color:var(--hm-fg)}
.mcw-hm .mcw-hm-pv-code{font:800 30px/1 var(--hm-body);letter-spacing:.02em;color:var(--hm-tone)}
.mcw-hm .mcw-hm-pv-d{font-size:14px;line-height:1.5;color:var(--hm-soft)}
.mcw-hm .mcw-hm-pv-d b{color:var(--hm-fg)}
.mcw-hm .mcw-hm-chips{display:flex;flex-wrap:wrap;gap:6px}
.mcw-hm .mcw-hm-chips i{padding:4px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--hm-tone) 40%,transparent);
  background:color-mix(in srgb,var(--hm-tone) 10%,transparent);font:700 12px/1.2 var(--hm-body);font-style:normal;color:var(--hm-fg)}
.mcw-hm .mcw-hm-pv-go{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font:800 14px/1.2 var(--hm-body);color:var(--hm-y)}
.mcw-hm .mcw-hm-pv-go .mcw-hm-go{opacity:1;transform:none}

/* ---- PREMIUM JOBS: the job engine's last run, live ---- */
.mcw-hm .mcw-hm-live-card{position:relative;display:grid;gap:11px;padding:18px;border-radius:18px;border:1px solid rgba(79,191,137,.36);overflow:hidden;
  background:radial-gradient(ellipse 80% 70% at 0% 0%,rgba(79,191,137,.17),transparent 65%),
    radial-gradient(ellipse 70% 60% at 100% 100%,rgba(107,166,245,.13),transparent 65%),#12161a}
.mcw-hm .mcw-hm-live-card::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--hm-blue),var(--hm-teal) 33%,var(--hm-pink) 66%,var(--hm-y))}
.mcw-hm .mcw-hm-lk{display:flex;align-items:center;gap:8px;font:800 11.5px/1.2 var(--hm-body);letter-spacing:.12em;text-transform:uppercase;color:var(--hm-mint)}
.mcw-hm .mcw-hm-lwhen{margin-left:auto;font-weight:700;letter-spacing:.02em;text-transform:none;color:var(--hm-muted);white-space:nowrap}
.mcw-hm .mcw-hm-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--hm-green);box-shadow:0 0 0 0 rgba(79,191,137,.6);
  animation:mcw-hm-beat 2.2s ease-out infinite}
.mcw-hm .mcw-hm-lnum{display:grid;gap:11px}
.mcw-hm .mcw-hm-lbig{display:grid;gap:4px}
.mcw-hm .mcw-hm-lbig b{font:400 54px/1 var(--hm-head);color:var(--hm-fg);font-variant-numeric:tabular-nums}
.mcw-hm .mcw-hm-lbig span{font-size:14px;color:var(--hm-soft)}
.mcw-hm .mcw-hm-lbar{display:flex;gap:3px;height:8px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.06)}
.mcw-hm .mcw-hm-lbar i{flex:var(--n,1) 1 0;min-width:0;border-radius:999px;background:var(--hm-tone);transition:flex-grow 1.1s var(--hm-ease)}
.mcw-hm .mcw-hm-lkey{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;color:var(--hm-muted)}
.mcw-hm .mcw-hm-lkey span{display:inline-flex;align-items:center;gap:6px}
.mcw-hm .mcw-hm-lkey i{width:8px;height:8px;border-radius:50%;background:var(--hm-tone)}
.mcw-hm .mcw-hm-lkey b{font-weight:800;color:var(--hm-fg);font-variant-numeric:tabular-nums}
.mcw-hm .mcw-hm-lfoot{padding-top:10px;border-top:1px solid var(--hm-rule);font-size:12.5px;line-height:1.45;color:var(--hm-muted)}
.mcw-hm .mcw-hm-lfoot b{color:var(--hm-fg);font-variant-numeric:tabular-nums}
.mcw-hm .mcw-hm-lnone{display:none;font-size:14px;line-height:1.5;color:var(--hm-soft)}
.mcw-hm [data-mcw-hm-engine="off"] :is(.mcw-hm-lnum,.mcw-hm-lwhen){display:none}
.mcw-hm [data-mcw-hm-engine="off"] .mcw-hm-lnone{display:block}
/* still being read: soft placeholders where the numbers go */
.mcw-hm [data-mcw-hm-engine="fetch"] [data-e]:empty{display:inline-block;min-width:2.4em;height:.85em;vertical-align:-.05em;border-radius:6px;
  background:linear-gradient(90deg,rgba(255,255,255,.07),rgba(255,255,255,.16),rgba(255,255,255,.07));background-size:200% 100%;
  animation:mcw-hm-shim 1.2s linear infinite}
/* the plans: each opens the product with that plan chosen - its price is there, not here */
.mcw-hm .mcw-hm-col--plans{display:flex;flex-direction:column;gap:10px}
.mcw-hm .mcw-hm-col--plans .mcw-hm-h{margin-bottom:0;padding:0}
.mcw-hm .mcw-hm-plans{display:grid;gap:8px}
.mcw-hm .mcw-hm-plan{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:11px 14px;border-radius:14px;
  border:1px solid var(--hm-line);background:rgba(255,255,255,.025);transition:border-color .2s,background .2s,transform .2s}
.mcw-hm .mcw-hm-plan b{grid-column:1;font:800 15px/1.2 var(--hm-body);color:var(--hm-fg);transition:color .2s}
.mcw-hm .mcw-hm-plan small{grid-column:1;font-size:12.5px;line-height:1.35;color:var(--hm-muted)}
.mcw-hm .mcw-hm-plan .mcw-hm-go{grid-column:2;grid-row:1 / span 2}
.mcw-hm .mcw-hm-plan:is(:hover,:focus-visible){border-color:var(--hm-y);background:rgba(249,213,72,.06);transform:translateY(-1px)}
.mcw-hm .mcw-hm-plan:is(:hover,:focus-visible) b{color:var(--hm-y)}
.mcw-hm .mcw-hm-plan:is(:hover,:focus-visible) .mcw-hm-go{opacity:1;transform:none}
.mcw-hm .mcw-hm-member{display:flex;flex-direction:column;gap:9px;padding:18px;border-radius:18px;border:1px solid rgba(79,191,137,.4);
  background:radial-gradient(ellipse 90% 70% at 100% 0%,rgba(79,191,137,.16),transparent 70%),#13171b}
.mcw-hm .mcw-hm-member .mcw-hm-k{color:var(--hm-mint)}
/* the free channels */
.mcw-hm .mcw-hm-chans{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:2px;padding-top:12px;border-top:1px solid var(--hm-rule);
  font-size:12.5px;color:var(--hm-muted)}
.mcw-hm .mcw-hm-chan{display:inline-flex;align-items:center;gap:7px;padding:3px 11px 3px 4px;border-radius:999px;border:1px solid var(--hm-line);
  font:700 12.5px/1.2 var(--hm-body);color:var(--hm-fg);transition:border-color .2s,background .2s}
.mcw-hm .mcw-hm-glyph{width:22px;height:22px;flex:none;padding:3px;border-radius:50%;fill:#fff;color:#fff;background:#3A3F48}
.mcw-hm .mcw-hm-glyph--wa{background:#25D366}
.mcw-hm .mcw-hm-glyph--tg{background:#2AABEE;padding:1px}
.mcw-hm .mcw-hm-chan--wa:hover{border-color:#25D366;background:rgba(37,211,102,.12)}
.mcw-hm .mcw-hm-chan--tg:hover{border-color:#2AABEE;background:rgba(42,171,238,.12)}

/* ---- NEWS: the newsroom's desks (in its colours), its topics, its search, the newest ---- */
.mcw-hm .mcw-hm-topics{display:grid;gap:2px}
.mcw-hm .mcw-hm-topic{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:11px;
  font:700 15px/1.3 var(--hm-body);color:var(--hm-fg);transition:background .2s,color .2s,padding .25s var(--hm-ease)}
.mcw-hm .mcw-hm-topic .mcw-hm-go{margin-left:auto}
.mcw-hm .mcw-hm-pip{width:9px;height:9px;flex:none;border-radius:50%;background:var(--hm-tone);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--hm-tone) 22%,transparent);transition:box-shadow .25s}
.mcw-hm .mcw-hm-topic:is(:hover,:focus-visible){background:color-mix(in srgb,var(--hm-tone) 10%,transparent);color:var(--hm-y);padding-left:14px}
.mcw-hm .mcw-hm-topic:is(:hover,:focus-visible) .mcw-hm-pip{box-shadow:0 0 0 4px color-mix(in srgb,var(--hm-tone) 35%,transparent),0 0 14px var(--hm-tone)}
.mcw-hm .mcw-hm-topic:is(:hover,:focus-visible) .mcw-hm-go{opacity:1;transform:none}
.mcw-hm .mcw-hm-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 20px;padding:0 4px}
.mcw-hm .mcw-hm-tag{display:inline-flex;align-items:center;min-height:32px;padding:6px 12px;border-radius:999px;border:1px solid var(--hm-line);
  background:rgba(255,255,255,.03);font:700 13.5px/1.2 var(--hm-body);color:var(--hm-fg);transition:border-color .2s,color .2s,background .2s}
.mcw-hm .mcw-hm-tag:is(:hover,:focus-visible){border-color:var(--hm-y);color:var(--hm-y);background:rgba(249,213,72,.07)}
.mcw-hm .mcw-hm-nsearch{display:flex;align-items:center;gap:8px;margin:0 4px;padding:5px 5px 5px 12px;border-radius:12px;border:1px solid var(--hm-line);
  background:rgba(255,255,255,.04);transition:border-color .2s}
.mcw-hm .mcw-hm-nsearch:focus-within{border-color:var(--hm-y)}
.mcw-hm .mcw-hm-nsearch > .mcw-hm-i{width:18px;height:18px;color:var(--hm-muted)}
.mcw-hm .mcw-hm-nsearch input{flex:1;min-width:0;width:auto;height:auto;margin:0;padding:8px 0;border:0;border-radius:0;outline:0;background:transparent;
  box-shadow:none;color:var(--hm-fg);font:600 14.5px/1.3 var(--hm-body);-webkit-appearance:none;appearance:none}
.mcw-hm .mcw-hm-nsearch input::placeholder{color:#8d97a4;opacity:1}
.mcw-hm .mcw-hm-nsearch input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.mcw-hm .mcw-hm-nsearch input:focus-visible{outline:0}
.mcw-hm .mcw-hm-nsearch .mcw-hm-btn{flex:none;min-height:38px;padding:6px 14px;font-size:14px}
.mcw-hm .mcw-hm-posts{display:grid;gap:8px}
.mcw-hm .mcw-hm-post{display:grid;gap:5px;padding:12px 14px;border-radius:14px;border:1px solid var(--hm-rule);background:rgba(255,255,255,.025);
  transition:border-color .25s,background .25s,transform .25s var(--hm-ease)}
.mcw-hm .mcw-hm-post-m{display:flex;align-items:center;gap:8px;font:800 11px/1.2 var(--hm-body);letter-spacing:.08em;text-transform:uppercase;color:var(--hm-muted)}
.mcw-hm .mcw-hm-post-m i{font-style:normal;color:var(--hm-mint)}
.mcw-hm .mcw-hm-post-m i::before{content:"·";margin-right:8px;color:var(--hm-muted)}
.mcw-hm .mcw-hm-post b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:700 15px/1.35 var(--hm-body);color:var(--hm-fg);
  transition:color .2s}
.mcw-hm .mcw-hm-post:is(:hover,:focus-visible){border-color:rgba(249,213,72,.45);background:rgba(249,213,72,.05);transform:translateY(-2px)}
.mcw-hm .mcw-hm-post:is(:hover,:focus-visible) b{color:var(--hm-y)}

/* =====================================================================
   WIDE SCREENS: the bar, and one card under the header that morphs from
   panel to panel (menu.js sets --x --y --w --h; the panels ride on it)
   ===================================================================== */
.mcw-hm:not(.is-phone) .mcw-hm-stage{position:absolute;left:0;top:0;z-index:1000;width:var(--w,0px);height:var(--h,0px);pointer-events:none;opacity:0;
  transform:translate(var(--x,0px),var(--y,0px));
  transition:opacity .22s ease,transform .4s var(--hm-ease),width .4s var(--hm-ease),height .4s var(--hm-ease)}
.mcw-hm:not(.is-phone) .mcw-hm-stage.is-on{opacity:1}
.mcw-hm:not(.is-phone) .mcw-hm-stage.is-instant{transition:opacity .22s ease}
.mcw-hm:not(.is-phone) .mcw-hm-stage-bg{position:absolute;inset:0;border-radius:22px;border:1px solid var(--hm-line);
  background:linear-gradient(180deg,rgba(23,26,32,.985),rgba(14,16,20,.985));box-shadow:0 34px 90px -26px rgba(0,0,0,.92),0 0 0 1px rgba(0,0,0,.45);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.mcw-hm:not(.is-phone) .mcw-hm-arrow{position:absolute;top:-7px;left:var(--ax,50%);width:14px;height:14px;margin-left:-7px;border-radius:3px 0 0 0;transform:rotate(45deg);
  background:#171a20;border-left:1px solid var(--hm-line);border-top:1px solid var(--hm-line);transition:left .4s var(--hm-ease)}
.mcw-hm:not(.is-phone) .mcw-hm-stage.is-instant .mcw-hm-arrow{transition:none}
.mcw-hm:not(.is-phone) .mcw-hm-panel{position:absolute;left:0;top:0;z-index:1001;width:var(--pw);transform:translate(var(--x,0px),var(--y,0px))}
.mcw-hm:not(.is-phone) .mcw-hm-panel.is-open{display:block}
/* an invisible bridge over the gap between the bar and the card */
.mcw-hm:not(.is-phone) .mcw-hm-panel::before{content:"";position:absolute;left:0;right:0;top:-34px;height:34px}
.mcw-hm:not(.is-phone) .mcw-hm-crown{margin:18px 18px 0}
.mcw-hm:not(.is-phone) .mcw-hm-pin{padding:22px 24px 18px}
.mcw-hm:not(.is-phone) .mcw-hm-crown + .mcw-hm-pin{padding-top:18px}
.mcw-hm:not(.is-phone) .mcw-hm-pin:last-child{padding-bottom:22px}
.mcw-hm:not(.is-phone) .mcw-hm-foot{border-radius:0 0 22px 22px}
.mcw-hm:not(.is-phone) .mcw-hm-panel--courses{--pw:min(1080px,calc(100vw - 32px))}
.mcw-hm:not(.is-phone) .mcw-hm-panel--courses .mcw-hm-pin{grid-template-columns:minmax(0,.94fr) minmax(0,1.24fr) minmax(0,.94fr)}
.mcw-hm:not(.is-phone) .mcw-hm-panel--jobs{--pw:min(1060px,calc(100vw - 32px))}
.mcw-hm:not(.is-phone) .mcw-hm-panel--jobs .mcw-hm-pin{grid-template-columns:minmax(0,1.02fr) minmax(0,1.08fr) minmax(0,.86fr)}
.mcw-hm:not(.is-phone) .mcw-hm-panel--services{--pw:min(1000px,calc(100vw - 32px))}
.mcw-hm:not(.is-phone) .mcw-hm-panel--services .mcw-hm-pin{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr)}
.mcw-hm:not(.is-phone) .mcw-hm-panel--news{--pw:min(1020px,calc(100vw - 32px))}
.mcw-hm:not(.is-phone) .mcw-hm-panel--news .mcw-hm-pin{grid-template-columns:minmax(0,.84fr) minmax(0,.9fr) minmax(0,1.26fr)}
.mcw-hm:not(.is-phone) .mcw-hm-col--card{display:flex}
.mcw-hm:not(.is-phone) .mcw-hm-col--card .mcw-hm-card{flex:1}
/* arriving: the crown first, then the columns rise, or slide in from the side you came from */
.mcw-hm.is-js:not(.is-phone) .mcw-hm-panel :is(.mcw-hm-crown,.mcw-hm-col,.mcw-hm-foot){opacity:0;
  transform:translate(calc(var(--dir,0) * 30px),calc((1 - var(--dir,0) * var(--dir,0)) * 10px))}
.mcw-hm.is-js:not(.is-phone) .mcw-hm-panel.is-in :is(.mcw-hm-crown,.mcw-hm-col,.mcw-hm-foot){opacity:1;transform:none;transition:opacity .3s ease,transform .48s var(--hm-ease)}
.mcw-hm.is-js:not(.is-phone) .mcw-hm-panel.is-in .mcw-hm-col:nth-child(1){transition-delay:.05s}
.mcw-hm.is-js:not(.is-phone) .mcw-hm-panel.is-in .mcw-hm-col:nth-child(2){transition-delay:.09s}
.mcw-hm.is-js:not(.is-phone) .mcw-hm-panel.is-in .mcw-hm-col:nth-child(3){transition-delay:.13s}
.mcw-hm.is-js:not(.is-phone) .mcw-hm-panel.is-in .mcw-hm-foot{transition-delay:.16s}
.mcw-hm.is-js:not(.is-phone) .mcw-hm-panel :is(.mcw-hm-list,.mcw-hm-codes,.mcw-hm-topics) > li{opacity:0;transform:translateY(7px)}
.mcw-hm.is-js:not(.is-phone) .mcw-hm-panel.is-in :is(.mcw-hm-list,.mcw-hm-codes,.mcw-hm-topics) > li{opacity:1;transform:none;
  transition:opacity .3s ease,transform .45s var(--hm-ease);transition-delay:calc(var(--i,0) * 32ms + 70ms)}
.mcw-hm.is-js:not(.is-phone) .mcw-hm-panel.is-out{pointer-events:none}
.mcw-hm.is-js:not(.is-phone) .mcw-hm-panel.is-out :is(.mcw-hm-crown,.mcw-hm-col,.mcw-hm-foot){opacity:0;transform:translateX(calc(var(--dir,0) * 30px));
  transition:opacity .16s ease,transform .24s ease}
@media (min-width:1181px){
  /* no script: each panel opens under its item when pointed at, on its own card */
  .mcw-hm:not(.is-js) .mcw-hm-item{position:relative}
  .mcw-hm:not(.is-js) .mcw-hm-item:is(:hover,:focus-within) > .mcw-hm-panel{display:block;top:calc(100% + 6px);left:50%;
    transform:translateX(-50%);border-radius:22px;border:1px solid var(--hm-line);background:#15181d;box-shadow:0 30px 80px -24px rgba(0,0,0,.9)}
  .mcw-hm:not(.is-js) .mcw-hm-tools{display:none}
}

/* =====================================================================
   PHONES AND TABLETS: the menu button, and the menu sliding in from the
   right with the same panels, one open at a time
   ===================================================================== */
.mcw-hm.is-phone{flex:0 0 auto;justify-content:flex-end;gap:8px}
/* the badge has room again inside the phone menu */
.mcw-hm.is-phone .mcw-hm-badge{display:inline-block}
.mcw-hm.is-phone .mcw-hm-stage,.mcw-hm.is-phone .mcw-hm-hover,.mcw-hm.is-phone .mcw-hm-cta{display:none}
.mcw-hm.is-phone .mcw-hm-sbtn{width:44px;height:44px;padding:0}
.mcw-hm.is-phone .mcw-hm-sbtn-t,.mcw-hm.is-phone .mcw-hm-sbtn kbd{display:none}
.mcw-hm.is-phone .mcw-hm-burger{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--hm-line);
  background:rgba(255,255,255,.03);transition:border-color .2s,background .2s}
.mcw-hm.is-phone .mcw-hm-burger:hover{border-color:var(--hm-y)}
.mcw-hm.is-phone .mcw-hm-burger-box{position:relative;display:block;width:20px;height:14px}
.mcw-hm.is-phone .mcw-hm-burger-box i{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:var(--hm-fg);
  transition:transform .3s var(--hm-ease),opacity .2s,top .3s var(--hm-ease)}
.mcw-hm.is-phone .mcw-hm-burger-box i:nth-child(1){top:0}
.mcw-hm.is-phone .mcw-hm-burger-box i:nth-child(2){top:6px}
.mcw-hm.is-phone .mcw-hm-burger-box i:nth-child(3){top:12px}
.mcw-hm.is-phone.is-drawer .mcw-hm-burger-box i:nth-child(1){top:6px;transform:rotate(45deg)}
.mcw-hm.is-phone.is-drawer .mcw-hm-burger-box i:nth-child(2){opacity:0}
.mcw-hm.is-phone.is-drawer .mcw-hm-burger-box i:nth-child(3){top:6px;transform:rotate(-45deg)}
/* the drawer */
.mcw-hm.is-phone .mcw-hm-nav{position:fixed;top:var(--wp-admin--admin-bar--height,0px);right:0;bottom:0;z-index:100000;display:flex;flex-direction:column;
  width:min(440px,100vw);overflow-y:auto;overscroll-behavior:contain;background:#0f1115;border-left:1px solid var(--hm-rule);
  box-shadow:-30px 0 80px -20px rgba(0,0,0,.85);transform:translateX(105%);visibility:hidden;
  transition:transform .42s var(--hm-ease),visibility 0s linear .42s}
.mcw-hm.is-phone.is-drawer .mcw-hm-nav{transform:none;visibility:visible;transition:transform .42s var(--hm-ease)}
/* a long open panel makes the drawer scroll; nothing in it is squeezed instead */
.mcw-hm.is-phone .mcw-hm-nav > *{flex-shrink:0}
.mcw-hm.is-phone .mcw-hm-scrim{position:fixed;inset:0;z-index:99999;display:block;background:rgba(5,6,8,.62);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .3s}
.mcw-hm.is-phone.is-drawer .mcw-hm-scrim{opacity:1}
.mcw-hm.is-phone .mcw-hm-dhead{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 10px 22px;
  background:linear-gradient(180deg,#0f1115 70%,rgba(15,17,21,0))}
.mcw-hm.is-phone .mcw-hm-dtitle{font:800 12px/1.2 var(--hm-body);letter-spacing:.16em;text-transform:uppercase;color:var(--hm-label)}
.mcw-hm.is-phone .mcw-hm-x{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--hm-line);color:var(--hm-fg)}
.mcw-hm.is-phone .mcw-hm-x:hover{border-color:var(--hm-y);color:var(--hm-y)}
.mcw-hm.is-phone .mcw-hm-dsearch{display:flex;align-items:center;gap:10px;margin:2px 16px 8px;padding:12px 14px;border-radius:14px;border:1px solid var(--hm-line);
  background:rgba(255,255,255,.04);color:var(--hm-muted);font:600 15px/1.2 var(--hm-body);text-align:left}
.mcw-hm.is-phone .mcw-hm-bar{flex-direction:column;align-items:stretch;gap:0;padding:0 16px}
.mcw-hm.is-phone .mcw-hm-item{border-bottom:1px solid var(--hm-rule)}
/* a row: the name goes to its page, the arrow at the end opens its panel */
.mcw-hm.is-phone .mcw-hm-tw{display:flex;align-items:stretch;width:100%}
.mcw-hm.is-phone .mcw-hm-top{display:flex;width:100%;height:auto;min-height:58px;padding:14px 4px;border-radius:0;font:800 19px/1.2 var(--hm-body);text-align:left}
.mcw-hm.is-phone .mcw-hm-tw > .mcw-hm-top{flex:1 1 auto;width:auto;min-width:0;padding-right:8px}
.mcw-hm.is-phone .mcw-hm-top .mcw-hm-label{flex:0 1 auto}
.mcw-hm.is-phone .mcw-hm-tog{flex:none;width:56px;height:auto;min-height:58px;margin:0;border-radius:0;border-left:1px solid var(--hm-rule)}
.mcw-hm.is-phone .mcw-hm-chev{width:18px;height:18px}
.mcw-hm.is-phone .mcw-hm-item.is-current > .mcw-hm-top::after,.mcw-hm.is-phone .mcw-hm-item.is-current > .mcw-hm-tw > .mcw-hm-top::after{left:4px;right:auto;width:28px;bottom:8px}
.mcw-hm.is-phone .mcw-hm-item.is-open > .mcw-hm-panel{display:block;overflow:hidden;padding:0 0 16px}
.mcw-hm.is-phone .mcw-hm-pin{grid-template-columns:minmax(0,1fr);gap:16px}
.mcw-hm.is-phone .mcw-hm-desk{display:none}
.mcw-hm.is-phone .mcw-hm-h{padding:0 2px}
.mcw-hm.is-phone .mcw-hm-rich{padding:9px 4px}
.mcw-hm.is-phone .mcw-hm-foot{gap:8px 18px;margin-top:14px;padding:12px 2px 0;background:none}
/* the crown in the phone menu: the page's name and promise as one link, its sections below */
.mcw-hm.is-phone .mcw-hm-crown{flex-wrap:wrap;align-items:flex-start;gap:10px 12px;margin:2px 0 16px;padding:12px}
.mcw-hm.is-phone .mcw-hm-crown > .mcw-hm-ico{width:40px;height:40px;border-radius:12px}
.mcw-hm.is-phone .mcw-hm-crown-tx{flex-basis:calc(100% - 52px)}
.mcw-hm.is-phone .mcw-hm-crown-t{font-size:20px}
.mcw-hm.is-phone .mcw-hm-crown-t .mcw-hm-go{display:block;opacity:1;transform:none}
.mcw-hm.is-phone .mcw-hm-crown-d{font-size:13.5px}
.mcw-hm.is-phone .mcw-hm-crown-go{display:none}
.mcw-hm.is-phone .mcw-hm-crown-live{margin-left:52px}
.mcw-hm.is-phone .mcw-hm-dfoot{position:sticky;bottom:0;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding:14px 16px 18px;
  background:linear-gradient(0deg,#0f1115 75%,rgba(15,17,21,0))}
.mcw-hm.is-phone .mcw-hm-dfoot .mcw-hm-btn{padding:10px 12px;font-size:14.5px}
@media (max-width:1180px){
  /* no script: the plain links in a row (each opens its page) */
  .mcw-hm:not(.is-js) .mcw-hm-bar{flex-wrap:wrap;justify-content:center;gap:2px 4px}
  .mcw-hm:not(.is-js) .mcw-hm-tools,.mcw-hm:not(.is-js) .mcw-hm-tog,.mcw-hm:not(.is-js) .mcw-hm-badge{display:none}
}
/* a phone: just the menu button in the header (search is at the top of the menu) */
@media (max-width:600px){
  .mcw-hm.is-phone .mcw-hm-tools{display:none}
}
@media (max-width:480px){
  .mcw-hm.is-phone .mcw-hm-nav{width:100vw;border-left:0}
  .mcw-hm .mcw-hm-codes{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}

/* =====================================================================
   SEARCH - Ctrl K, "/" or the search button
   ===================================================================== */
.mcw-hm .mcw-hm-search{position:fixed;inset:0;z-index:100001;display:grid;justify-items:center;align-items:start;
  padding:calc(var(--wp-admin--admin-bar--height,0px) + min(11vh,100px)) 16px 16px;background:rgba(5,6,8,.64);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:mcw-hm-fade .2s ease}
.mcw-hm .mcw-hm-s-box{display:flex;flex-direction:column;width:min(700px,100%);max-height:min(660px,calc(100vh - 130px));overflow:hidden;border-radius:20px;
  border:1px solid var(--hm-line);background:#121418;box-shadow:0 40px 110px -30px rgba(0,0,0,.95),0 0 0 1px rgba(0,0,0,.4);
  animation:mcw-hm-pop .3s var(--hm-ease)}
.mcw-hm .mcw-hm-s-field{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 18px;border-bottom:1px solid var(--hm-rule)}
.mcw-hm .mcw-hm-s-field > .mcw-hm-i{width:21px;height:21px;color:var(--hm-y)}
.mcw-hm .mcw-hm-s-in{flex:1;min-width:0;height:auto;margin:0;padding:6px 0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;
  color:var(--hm-fg);font:600 18px/1.3 var(--hm-body);-webkit-appearance:none;appearance:none}
.mcw-hm .mcw-hm-s-in::placeholder{color:#7d8794;opacity:1}
.mcw-hm .mcw-hm-s-in::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.mcw-hm .mcw-hm-s-in:focus-visible{outline:0}
.mcw-hm .mcw-hm-s-x{display:inline-flex;align-items:center;gap:8px;padding:4px;border-radius:9px;color:var(--hm-muted)}
.mcw-hm .mcw-hm-s-x .mcw-hm-i{display:none;width:20px;height:20px}
.mcw-hm .mcw-hm-s-x:hover kbd{border-color:var(--hm-y);color:var(--hm-y)}
.mcw-hm .mcw-hm-s-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 10px}
.mcw-hm .mcw-hm-s-quick ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.mcw-hm .mcw-hm-q{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;border:1px solid var(--hm-rule);background:rgba(255,255,255,.025);
  transition:border-color .2s,background .2s}
.mcw-hm .mcw-hm-q .mcw-hm-ico{width:38px;height:38px}
.mcw-hm .mcw-hm-q > span:last-child{display:grid;gap:2px;min-width:0}
.mcw-hm .mcw-hm-q b{font:700 15px/1.25 var(--hm-body);color:var(--hm-fg)}
.mcw-hm .mcw-hm-q small{font-size:12.5px;line-height:1.3;color:var(--hm-muted)}
.mcw-hm .mcw-hm-q:is(:hover,:focus-visible){border-color:rgba(249,213,72,.5);background:rgba(249,213,72,.06)}
.mcw-hm .mcw-hm-s-list{display:grid;gap:2px}
.mcw-hm .mcw-hm-s-g{padding:10px 10px 4px;font:800 11px/1.2 var(--hm-body);letter-spacing:.14em;text-transform:uppercase;color:var(--hm-label)}
.mcw-hm .mcw-hm-s-o{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;
  transition:background .12s}
.mcw-hm .mcw-hm-s-o > span:first-child{display:grid;gap:2px;min-width:0}
.mcw-hm .mcw-hm-s-o b{font:700 15.5px/1.3 var(--hm-body);color:var(--hm-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mcw-hm .mcw-hm-s-o small{font-size:13px;line-height:1.35;color:var(--hm-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mcw-hm .mcw-hm-s-o mark{padding:0 1px;border-radius:3px;background:rgba(249,213,72,.22);color:var(--hm-y)}
.mcw-hm .mcw-hm-s-o em{font:800 10.5px/1 var(--hm-body);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--hm-muted)}
.mcw-hm .mcw-hm-s-o[aria-selected="true"]{background:rgba(249,213,72,.1);box-shadow:inset 0 0 0 1px rgba(249,213,72,.35)}
.mcw-hm .mcw-hm-s-o[aria-selected="true"] b{color:var(--hm-y)}
.mcw-hm .mcw-hm-s-none{padding:26px 14px;text-align:center;font-size:15px;line-height:1.5;color:var(--hm-muted)}
.mcw-hm .mcw-hm-s-none b{color:var(--hm-fg)}
.mcw-hm .mcw-hm-s-foot{display:flex;flex-wrap:wrap;gap:6px 18px;padding:10px 16px;border-top:1px solid var(--hm-rule);font-size:12.5px;color:var(--hm-muted)}
.mcw-hm .mcw-hm-s-foot span{display:inline-flex;align-items:center;gap:5px}
.mcw-hm .mcw-hm-s-foot kbd{min-width:20px;height:20px}
@media (max-width:640px){
  .mcw-hm .mcw-hm-search{padding:calc(var(--wp-admin--admin-bar--height,0px) + 10px) 10px 10px}
  .mcw-hm .mcw-hm-s-box{max-height:calc(100vh - 20px - var(--wp-admin--admin-bar--height,0px))}
  .mcw-hm .mcw-hm-s-quick ul{grid-template-columns:minmax(0,1fr)}
  .mcw-hm .mcw-hm-s-x kbd,.mcw-hm .mcw-hm-s-foot{display:none}
  .mcw-hm .mcw-hm-s-x .mcw-hm-i{display:block}
}
html.mcw-hm-lock{overflow:hidden}

/* =====================================================================
   THE ACCOUNT CONTROL (1.3.0) - in place of WooCommerce's account icon.
   A visitor: "Sign in", a person in a yellow ring. Someone signed in:
   their initials in a yellow ring (and first name on a wide screen); it
   opens who is signed in, their own pages and Sign out. It sits beside
   the menu, not in it, so it carries its own palette and resets.
   ===================================================================== */
.mcw-hm-acct{--hm-y:#F9D548;--hm-y2:#FFE37E;--hm-ink:#0b0b0d;--hm-fg:#EAECEF;--hm-soft:#C9CFD8;--hm-muted:#A3ACB8;
  --hm-rule:rgba(255,255,255,.09);--hm-line:rgba(255,255,255,.16);--hm-out:#FF9B73;--hm-ease:cubic-bezier(.2,.7,.2,1);
  --hm-body:var(--wp--preset--font-family--karla,'Karla',system-ui,-apple-system,'Segoe UI',Arial,sans-serif);
  position:relative;z-index:1002;display:flex;align-items:center;flex:none;margin:0;
  font-family:var(--hm-body);font-size:16px;line-height:1.4;color:var(--hm-fg);-webkit-font-smoothing:antialiased;text-align:left}
.mcw-hm-acct,.mcw-hm-acct *,.mcw-hm-acct *::before,.mcw-hm-acct *::after{box-sizing:border-box}
.mcw-hm-acct a{color:inherit;text-decoration:none;box-shadow:none}
.mcw-hm-acct :is(a,summary):focus-visible{outline:2px solid var(--hm-y);outline-offset:3px}
.mcw-hm-acct .mcw-hm-ai{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mcw-hm-acct .mcw-hm-acct-sr{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* a visitor: Sign in */
.mcw-hm-acct .mcw-hm-acct-in{display:inline-flex;align-items:center;gap:9px;height:42px;padding:0 17px 0 5px;border-radius:999px;
  border:1px solid rgba(249,213,72,.5);background:rgba(249,213,72,.07);color:var(--hm-fg);font:700 15px/1 var(--hm-body);white-space:nowrap;
  transition:border-color .2s,background .2s,color .2s,box-shadow .2s}
.mcw-hm-acct .mcw-hm-acct-ic{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--hm-y);color:var(--hm-ink)}
.mcw-hm-acct .mcw-hm-acct-ic .mcw-hm-ai{width:18px;height:18px;stroke-width:2.2}
.mcw-hm-acct .mcw-hm-acct-in:hover{border-color:var(--hm-y);background:rgba(249,213,72,.14);color:var(--hm-y);box-shadow:0 10px 28px -12px rgba(249,213,72,.55)}
/* someone signed in: their initials, first name and the arrow */
.mcw-hm-acct .mcw-hm-acct-d{position:relative;margin:0;padding:0;border:0}
/* flex, not inline-flex: inside the <details> an inline box would sit on a line of text, below the middle */
.mcw-hm-acct .mcw-hm-acct-b{display:flex;align-items:center;gap:9px;height:42px;margin:0;padding:0 12px 0 4px;border-radius:999px;
  border:1px solid var(--hm-line);background:rgba(255,255,255,.04);color:var(--hm-fg);font:700 15px/1 var(--hm-body);list-style:none;cursor:pointer;
  -webkit-user-select:none;user-select:none;white-space:nowrap;transition:border-color .2s,background .2s,color .2s,box-shadow .2s}
.mcw-hm-acct .mcw-hm-acct-b::-webkit-details-marker{display:none}
.mcw-hm-acct .mcw-hm-acct-b::marker{content:""}
.mcw-hm-acct .mcw-hm-acct-b:hover,.mcw-hm-acct .mcw-hm-acct-d[open] > .mcw-hm-acct-b{border-color:var(--hm-y);background:rgba(249,213,72,.08);
  box-shadow:0 10px 28px -14px rgba(249,213,72,.5)}
.mcw-hm-acct .mcw-hm-acct-n{max-width:112px;overflow:hidden;text-overflow:ellipsis}
.mcw-hm-acct .mcw-hm-acct-chev{width:14px;height:14px;opacity:.7;transition:transform .25s var(--hm-ease),opacity .2s}
.mcw-hm-acct .mcw-hm-acct-d[open] .mcw-hm-acct-chev{transform:rotate(180deg);opacity:1}
/* the initials: one ring for everyone, in the site's yellow (the phone menu's foot shows them too) */
.mcw-hm-acct .mcw-hm-acct-av,.mcw-hm .mcw-hm-acct-av{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;
  background:linear-gradient(140deg,var(--hm-y2),var(--hm-y) 55%,#E9B90E);color:var(--hm-ink);font:800 12.5px/1 var(--hm-body);letter-spacing:.03em;
  box-shadow:0 0 0 2px #0b0b0d,0 0 0 3.5px rgba(249,213,72,.5)}
/* what it opens */
.mcw-hm-acct .mcw-hm-acct-m{position:absolute;right:0;top:calc(100% + 12px);width:304px;max-width:calc(100vw - 24px);padding:8px;border-radius:18px;
  border:1px solid var(--hm-line);background:#121418;box-shadow:0 34px 90px -26px rgba(0,0,0,.95),0 0 0 1px rgba(0,0,0,.35);
  animation:mcw-hm-acct-in .22s var(--hm-ease)}
.mcw-hm-acct .mcw-hm-acct-m::before{content:"";position:absolute;right:var(--mcw-hm-acct-arrow,24px);top:-6px;width:11px;height:11px;transform:rotate(45deg);
  border-left:1px solid var(--hm-line);border-top:1px solid var(--hm-line);background:#121418}
.mcw-hm-acct .mcw-hm-acct-h{display:flex;align-items:center;gap:12px;padding:10px 10px 12px}
.mcw-hm-acct .mcw-hm-acct-av.is-lg{width:44px;height:44px;font-size:16px}
.mcw-hm-acct .mcw-hm-acct-who{display:grid;gap:3px;min-width:0}
.mcw-hm-acct .mcw-hm-acct-who b{font:800 15.5px/1.25 var(--hm-body);color:var(--hm-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mcw-hm-acct .mcw-hm-acct-who small{font-size:13px;line-height:1.3;color:var(--hm-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mcw-hm-acct .mcw-hm-acct-tag{display:inline-flex;align-items:center;gap:7px;margin:0 10px 10px;padding:6px 10px;border-radius:999px;
  background:rgba(249,213,72,.12);color:var(--hm-y);font:800 10.5px/1 var(--hm-body);letter-spacing:.08em;text-transform:uppercase}
.mcw-hm-acct .mcw-hm-acct-tag i{width:7px;height:7px;border-radius:50%;background:#4FBF89;box-shadow:0 0 0 3px rgba(79,191,137,.22)}
.mcw-hm-acct .mcw-hm-acct-l{margin:0;padding:6px 0;list-style:none;border-top:1px solid var(--hm-rule);border-bottom:1px solid var(--hm-rule)}
.mcw-hm-acct .mcw-hm-acct-l li{margin:0;padding:0}
.mcw-hm-acct .mcw-hm-acct-l li::marker{content:none}
.mcw-hm-acct :is(.mcw-hm-acct-l a,.mcw-hm-acct-out){display:flex;align-items:center;gap:12px;min-height:42px;padding:9px 10px;border-radius:11px;
  color:var(--hm-soft);font:700 15px/1.2 var(--hm-body);transition:background .15s,color .15s}
.mcw-hm-acct .mcw-hm-acct-l a .mcw-hm-ai{color:var(--hm-muted);transition:color .15s}
.mcw-hm-acct .mcw-hm-acct-l a:is(:hover,:focus-visible){background:rgba(249,213,72,.08);color:var(--hm-y)}
.mcw-hm-acct .mcw-hm-acct-l a:is(:hover,:focus-visible) .mcw-hm-ai{color:var(--hm-y)}
.mcw-hm-acct .mcw-hm-acct-out{margin-top:6px;color:var(--hm-fg)}
.mcw-hm-acct .mcw-hm-acct-out:is(:hover,:focus-visible){background:rgba(255,122,69,.1);color:var(--hm-out)}
/* the first name on a wide screen only; on a phone the ring alone, and the menu hangs under the header the width of the screen */
@media (max-width:1599px){
  .mcw-hm-acct .mcw-hm-acct-n{display:none}
  .mcw-hm-acct .mcw-hm-acct-b{gap:6px;padding-right:10px}
}
@media (max-width:600px){
  .mcw-hm-acct :is(.mcw-hm-acct-in,.mcw-hm-acct-b){justify-content:center;width:44px;height:44px;padding:0;border-radius:50%}
  .mcw-hm-acct :is(.mcw-hm-acct-t,.mcw-hm-acct-chev){display:none}
  .mcw-hm-acct .mcw-hm-acct-m{position:fixed;left:12px;right:12px;top:var(--mcw-hm-acct-top,76px);width:auto;max-width:none}
}
/* the narrowest phones: a smaller ring, so the logo, the menu button and the basket keep their room */
@media (max-width:370px){
  .mcw-hm-acct :is(.mcw-hm-acct-in,.mcw-hm-acct-b){width:38px;height:38px}
  .mcw-hm-acct :is(.mcw-hm-acct-ic,.mcw-hm-acct-b .mcw-hm-acct-av){width:28px;height:28px}
  .mcw-hm-acct .mcw-hm-acct-b .mcw-hm-acct-av{font-size:11px}
  .mcw-hm-acct .mcw-hm-acct-ic .mcw-hm-ai{width:16px;height:16px}
}
/* the phone menu's foot, for someone signed in: who they are, with Sign out beside it */
.mcw-hm .mcw-hm-dme{display:none}
.mcw-hm.is-phone .mcw-hm-dme{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 12px;border-radius:14px;
  border:1px solid var(--hm-rule);background:rgba(255,255,255,.03)}
.mcw-hm.is-phone .mcw-hm-dme-t{display:grid;gap:2px;flex:1 1 auto;min-width:0}
.mcw-hm.is-phone .mcw-hm-dme-t b{font:800 15px/1.25 var(--hm-body);color:var(--hm-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mcw-hm.is-phone .mcw-hm-dme-t small{font-size:12.5px;line-height:1.3;color:var(--hm-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mcw-hm.is-phone .mcw-hm-dout{display:inline-flex;align-items:center;gap:7px;flex:none;min-height:42px;padding:0 13px;border-radius:10px;
  border:1px solid var(--hm-line);color:var(--hm-fg);font:700 14px/1 var(--hm-body);white-space:nowrap;transition:border-color .2s,color .2s,background .2s}
.mcw-hm.is-phone .mcw-hm-dout .mcw-hm-i{width:16px;height:16px}
.mcw-hm.is-phone .mcw-hm-dout:hover{border-color:#FF9B73;background:rgba(255,122,69,.08);color:#FF9B73}

/* ---- calm settings: no movement for visitors who ask for less, or when it is switched off ---- */
@media (prefers-reduced-motion: reduce){
  .mcw-hm *,.mcw-hm *::before,.mcw-hm *::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;
    transition-delay:0s !important}
  .mcw-hm-acct *,.mcw-hm-acct *::before,.mcw-hm-acct *::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
}
.mcw-hm.is-still *,.mcw-hm.is-still *::before,.mcw-hm.is-still *::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;
  transition-duration:.01ms !important;transition-delay:0s !important}
.mcw-hm-acct.is-still *,.mcw-hm-acct.is-still *::before,.mcw-hm-acct.is-still *::after{animation-duration:.01ms !important;transition-duration:.01ms !important}

@keyframes mcw-hm-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes mcw-hm-beat{0%{box-shadow:0 0 0 0 rgba(79,191,137,.55)}70%,100%{box-shadow:0 0 0 8px rgba(79,191,137,0)}}
@keyframes mcw-hm-pv{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes mcw-hm-fade{from{opacity:0}to{opacity:1}}
@keyframes mcw-hm-pop{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes mcw-hm-shim{to{background-position:-200% 0}}
@keyframes mcw-hm-acct-in{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}