:root{
  --header-bg:#D0D7D7;
  --header-text:#86B9B2;
  --header-hover:#4A7272;
  --header-top:16px;
  --header-side:24px;
  --header-h:64px;
  --drawer-w:320px;
  --drawer-left:24px;
  --drawer-width-live:320px;
  --menu-font:20px;
}
html{direction:ltr!important;overflow-y:scroll;scrollbar-gutter:stable;scroll-behavior:smooth}
body{overflow-x:hidden}
body.header-menu-open{overflow-x:hidden!important;overflow-y:visible!important}
.site-header{
  position:fixed!important;
  z-index:1800;
  top:var(--header-top)!important;
  left:var(--header-side)!important;
  right:var(--header-side)!important;
  height:var(--header-h)!important;
  padding-left:32px!important;
  padding-right:48px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  direction:ltr!important;
  background:rgba(208,215,215,.50)!important;
  -webkit-backdrop-filter:blur(8px) saturate(108%)!important;
  backdrop-filter:blur(8px) saturate(108%)!important;
  border:0!important;
  border-radius:20px!important;
  box-shadow:none!important;
  overflow:hidden!important;
  isolation:isolate;
}
.site-header.compact{
  background:rgba(208,215,215,.50)!important;
  -webkit-backdrop-filter:blur(8px) saturate(108%)!important;
  backdrop-filter:blur(8px) saturate(108%)!important;
}
.header-left{order:1!important;display:flex;direction:ltr;align-items:center;gap:24px;position:relative;z-index:4;flex:0 0 auto}
.language-switch{display:flex;align-items:center;gap:7px;color:var(--header-text);font:600 11px/1 Arial,sans-serif;letter-spacing:.02em;user-select:none;white-space:nowrap}
.language-option{border:0;background:transparent;color:var(--header-text);padding:5px 0;cursor:pointer;transition:color .18s ease,opacity .18s ease}
.language-option:hover,.language-option:focus-visible,.language-option.active{color:var(--header-hover)}
.language-option:not(.active){opacity:.78}
.menu-toggle{
  position:relative !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  min-height:24px !important;
  box-sizing:border-box !important;
  border:0 !important;
  background:transparent !important;
  display:block !important;
  padding:0 !important;
  margin:0 !important;
  cursor:pointer;
  flex:0 0 24px !important;
  line-height:0 !important;
  font-size:0 !important;
}
.menu-toggle span{
  position:absolute !important;
  left:0 !important;
  width:24px !important;
  height:2px !important;
  min-height:2px !important;
  display:block !important;
  background:var(--header-hover) !important;
  border:0 !important;
  border-radius:999px !important;
  transform:none !important;
  opacity:1 !important;
  margin:0 !important;
  padding:0 !important;
}
.menu-toggle span:nth-child(1){top:3px !important;}
.menu-toggle span:nth-child(2){top:11px !important;}
.menu-toggle span:nth-child(3){top:19px !important;}
.menu-toggle:hover span{background:#0d3035!important}
.header-brand{order:2!important;direction:ltr;width:105px!important;height:24px!important;display:block;position:relative;z-index:4;flex:0 0 105px!important;overflow:visible!important;align-self:center!important}
.brand-stage{position:relative!important;display:block;width:105px!important;height:24px!important;right:0!important;top:0!important;overflow:visible!important}
.header-brand .brand-full,.header-brand .brand-icon{position:absolute!important;inset:auto!important;right:0!important;top:0!important;left:auto!important;width:105px!important;height:24px!important;object-fit:contain!important;object-position:right center!important;max-width:none!important;opacity:0;pointer-events:none!important}
.header-brand .brand-full{opacity:1}
.header-brand .brand-motion{position:absolute!important;inset:auto!important;top:0!important;right:-9px!important;left:auto!important;width:114px!important;height:24px!important;object-fit:fill!important;object-position:center center!important;max-width:none!important;opacity:0;pointer-events:none!important;border:0!important;outline:0!important;box-shadow:none!important;background:none!important}
.site-header.motion-playing .brand-full,.site-header.motion-playing .brand-icon{opacity:0!important}
.site-header.motion-playing .brand-motion{opacity:1!important}
.site-header.compact:not(.motion-playing) .brand-full{opacity:0!important}
.site-header.compact:not(.motion-playing) .brand-icon{opacity:1!important}
.site-header-spacer{height:96px}
.menu-backdrop{position:fixed;z-index:1900;inset:0;background:transparent!important;opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.menu-backdrop.open{opacity:1;visibility:visible}
.menu-drawer{position:fixed;z-index:2000;top:calc(var(--header-top) + var(--header-h) + 8px)!important;left:var(--drawer-left)!important;right:auto!important;bottom:auto!important;width:var(--drawer-width-live)!important;max-height:calc(100vh - var(--header-top) - var(--header-h) - 24px)!important;max-height:calc(100dvh - var(--header-top) - var(--header-h) - 24px)!important;border-radius:20px!important;overflow:hidden!important;transform:translateY(-10px) scale(.985)!important;transform-origin:top left!important;opacity:0!important;visibility:hidden!important;background:rgba(240,245,244,.42)!important;-webkit-backdrop-filter:blur(22px) saturate(112%)!important;backdrop-filter:blur(22px) saturate(112%)!important;border:1px solid rgba(74,114,114,.12)!important;box-shadow:0 14px 38px rgba(18,43,48,.10)!important;transition:opacity .24s ease,transform .30s cubic-bezier(.22,.72,.24,1),visibility .24s ease!important;display:flex;flex-direction:column}
.menu-drawer.open{transform:translateY(0) scale(1)!important;opacity:1!important;visibility:visible!important}
.drawer-head{flex:0 0 118px!important;min-height:118px!important;padding:18px 24px!important;display:flex;align-items:center;border-bottom:1px solid rgba(74,114,114,.12)!important;background:rgba(255,255,255,.06)!important}
.drawer-logo-wrap{width:152px!important;margin-left:0!important;margin-right:auto!important;direction:ltr!important}
.drawer-logo-wrap img{display:block;width:152px!important;height:auto!important;max-height:84px!important;object-fit:contain!important;object-position:left center!important}
.drawer-scroll{max-height:calc(100vh - var(--header-top) - var(--header-h) - 24px - 118px)!important;max-height:calc(100dvh - var(--header-top) - var(--header-h) - 24px - 118px)!important;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#D0D6D6 transparent;overscroll-behavior:contain}
.drawer-scroll::-webkit-scrollbar{width:8px}.drawer-scroll::-webkit-scrollbar-track{background:transparent}.drawer-scroll::-webkit-scrollbar-thumb{background:#D0D6D6;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.drawer-scroll::-webkit-scrollbar-thumb:hover{background:#4A7272;background-clip:padding-box}
.drawer-nav{padding-bottom:24px}
.menu-section{border-bottom:1px solid rgba(74,114,114,.12)!important;background:transparent!important}
.menu-section-trigger{width:100%;padding:24px;border:0;background:rgba(255,255,255,.025)!important;display:flex;direction:ltr;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;color:#86B9B2}
.menu-title{flex:1 1 auto;direction:rtl;text-align:right;font-size:var(--menu-font);font-weight:400;line-height:1.35;color:#86B9B2;transition:color .18s ease}
.menu-plus{width:22px;text-align:center;direction:ltr;color:#4A7272;font:300 30px/1 Arial,sans-serif;transform:translateY(-1px);flex:0 0 auto}
.menu-section-trigger:hover .menu-title,.menu-section-trigger:focus-visible .menu-title{color:#4A7272}
.menu-submenu{display:none;background:rgba(208,215,215,.10)!important}.menu-section.open .menu-submenu{display:block}
.menu-submenu a{display:flex;align-items:center;justify-content:flex-start;padding:24px;color:#86B9B2;text-align:right;font-size:var(--menu-font);line-height:1.45;border-top:1px solid rgba(74,114,114,.10)!important;transition:color .18s ease,background .18s ease;text-decoration:none}
.menu-submenu a:hover,.menu-submenu a:focus-visible{color:#4A7272;background:rgba(255,255,255,.20)!important}
.menu-blog,.menu-doc-link{padding:24px;display:block;color:#86B9B2;font-size:var(--menu-font);line-height:1.35;border-bottom:1px solid rgba(74,114,114,.12)!important;text-decoration:none;background:rgba(255,255,255,.025)!important;transition:color .18s ease,background .18s ease}
.menu-blog:hover,.menu-doc-link:hover,.menu-blog:focus-visible,.menu-doc-link:focus-visible{color:#4A7272;background:rgba(255,255,255,.20)!important}
body.lang-rtl .drawer-nav{direction:rtl!important}body.lang-rtl .menu-title,body.lang-rtl .menu-submenu a,body.lang-rtl .menu-blog,body.lang-rtl .menu-doc-link{direction:rtl!important;text-align:right!important}body.lang-rtl .drawer-logo-wrap{margin-left:0!important;margin-right:auto!important}body.lang-rtl .drawer-logo-wrap img{object-position:left center!important}
body:not(.lang-rtl) .drawer-nav{direction:ltr!important}body:not(.lang-rtl) .menu-title,body:not(.lang-rtl) .menu-submenu a,body:not(.lang-rtl) .menu-blog,body:not(.lang-rtl) .menu-doc-link{direction:ltr!important;text-align:left!important}body:not(.lang-rtl) .drawer-logo-wrap{margin-left:auto!important;margin-right:0!important}body:not(.lang-rtl) .drawer-logo-wrap img{object-position:right center!important}
@media(max-width:430px){.site-header{padding-left:32px!important;padding-right:48px!important}.language-switch{font-size:10px;gap:5px}.header-left{gap:24px}.site-header-spacer{height:80px}}
@media(max-width:375px){.site-header{padding-left:32px!important;padding-right:48px!important}.header-left{gap:18px}.language-switch{font-size:9px;gap:4px}}
@media(prefers-reduced-motion:reduce){.site-header,.menu-drawer,.menu-backdrop{transition:none!important}}

/* V97 — drawer Bermor logo is a real Home link */
.drawer-logo-wrap{display:block!important;text-decoration:none!important;cursor:pointer!important;outline:none!important}
.drawer-logo-wrap:focus-visible{filter:brightness(.82)}


/* V109 — language switch visual order: FA / EN / FR / DE */
.language-switch .language-option[data-lang="fa"]{order:1}
.language-switch .language-option[data-lang="en"]{order:2}
.language-switch .language-option[data-lang="fr"]{order:3}
.language-switch .language-option[data-lang="de"]{order:4}


/* =========================================================
   V166 — cross-browser hamburger normalization
   Render the three bars as one SVG asset so Chrome/Firefox/Safari
   cannot round individual span widths/thicknesses differently.
   ========================================================= */
.menu-toggle{
  position:relative !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  min-height:24px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-sizing:border-box !important;
  overflow:visible !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}
.menu-toggle span{
  display:none !important;
}
.menu-toggle::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:3px !important;
  width:24px !important;
  height:18px !important;
  display:block !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-size:24px 18px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' viewBox='0 0 24 18'%3E%3Crect x='0' y='0' width='24' height='2' rx='1' fill='%234A7272'/%3E%3Crect x='0' y='8' width='24' height='2' rx='1' fill='%234A7272'/%3E%3Crect x='0' y='16' width='24' height='2' rx='1' fill='%234A7272'/%3E%3C/svg%3E") !important;
  transform:none !important;
  -webkit-transform:none !important;
  image-rendering:auto !important;
}
.menu-toggle:hover::before,
.menu-toggle:focus-visible::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' viewBox='0 0 24 18'%3E%3Crect x='0' y='0' width='24' height='2' rx='1' fill='%230D3035'/%3E%3Crect x='0' y='8' width='24' height='2' rx='1' fill='%230D3035'/%3E%3Crect x='0' y='16' width='24' height='2' rx='1' fill='%230D3035'/%3E%3C/svg%3E") !important;
}


/* =========================================================
   V170 — shared header/menu cross-browser lock
   Applies identically in FA / EN / FR / DE and in Chromium,
   Firefox and Safari. Keep these controls independent from page typography.
   ========================================================= */
.language-switch{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  min-height:24px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  -webkit-text-size-adjust:100% !important;
  text-size-adjust:100% !important;
}
.language-switch .language-option{
  -webkit-appearance:none !important;
  appearance:none !important;
  box-sizing:border-box !important;
  flex:0 0 18px !important;
  width:18px !important;
  min-width:18px !important;
  max-width:18px !important;
  height:24px !important;
  min-height:24px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:var(--header-text) !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:11px !important;
  font-style:normal !important;
  font-weight:600 !important;
  font-stretch:normal !important;
  font-synthesis:none !important;
  line-height:24px !important;
  letter-spacing:0 !important;
  word-spacing:0 !important;
  text-align:center !important;
  text-transform:uppercase !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.language-switch .language-option.active,
.language-switch .language-option:hover,
.language-switch .language-option:focus-visible{
  font-size:11px !important;
  font-weight:600 !important;
  line-height:24px !important;
}

/* Long translated menu labels must stay fully visible instead of being clipped. */
.drawer-scroll,
.drawer-nav,
.menu-section,
.menu-blog,
.menu-doc-link,
.menu-submenu a{
  box-sizing:border-box !important;
  min-width:0 !important;
}
.menu-blog,
.menu-doc-link,
.menu-submenu a,
.menu-title{
  max-width:100% !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
  hyphens:auto !important;
}
.menu-blog .bermor-word,
.menu-doc-link .bermor-word,
.menu-submenu a .bermor-word,
.menu-title .bermor-word{
  display:inline !important;
  width:auto !important;
  max-width:100% !important;
  white-space:normal !important;
}
.menu-blog,
.menu-doc-link{
  min-height:68px !important;
  padding:20px 24px !important;
  line-height:1.4 !important;
}
.drawer-nav{
  padding-bottom:32px !important;
}

@media(max-width:430px){
  .language-switch{gap:5px !important;}
  .language-switch .language-option,
  .language-switch .language-option.active,
  .language-switch .language-option:hover,
  .language-switch .language-option:focus-visible{
    flex-basis:17px !important;
    width:17px !important;
    min-width:17px !important;
    max-width:17px !important;
    font-size:10px !important;
  }
}
@media(max-width:375px){
  .language-switch{gap:4px !important;}
  .language-switch .language-option,
  .language-switch .language-option.active,
  .language-switch .language-option:hover,
  .language-switch .language-option:focus-visible{
    flex-basis:16px !important;
    width:16px !important;
    min-width:16px !important;
    max-width:16px !important;
    font-size:9px !important;
  }
}

/* =========================================================
   V171 — menu long-label fix (shared across all pages/languages)
   - Wrap only at real word boundaries; never split letters inside a word.
   - Keep Brand Services Guide / FR / DE equivalents readable.
   - Make the last menu row fully visible.
   - Unified menu hover color: #4A7272.
   ========================================================= */
.menu-title,
.menu-submenu a,
.menu-blog,
.menu-doc-link{
  white-space:normal !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
  -webkit-hyphens:none !important;
  text-wrap:wrap !important;
}

/* Typography helper wraps each Latin word in .bermor-word. Keep each word
   intact, but allow the parent line to wrap naturally at the spaces between
   words. This avoids the split-letter columns seen in FR/DE. */
.menu-title .bermor-word,
.menu-submenu a .bermor-word,
.menu-blog .bermor-word,
.menu-doc-link .bermor-word{
  display:inline !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
  -webkit-hyphens:none !important;
}

/* Give long FR/DE document labels enough usable line width and vertical room. */
.menu-doc-link{
  width:100% !important;
  min-height:68px !important;
  padding:20px 24px !important;
  line-height:1.45 !important;
  overflow:visible !important;
}

html[lang='fr'] .menu-doc-link,
html[lang='de'] .menu-doc-link{
  font-size:clamp(15px, var(--menu-font), 18px) !important;
}

/* Keep the final item away from the drawer clipping edge. */
.drawer-scroll{
  padding-bottom:12px !important;
}
.drawer-nav{
  padding-bottom:36px !important;
}
.drawer-nav > .menu-doc-link:last-child{
  margin-bottom:8px !important;
}

/* One hover/focus color everywhere in the menu, including wrapped initial spans. */
.menu-section-trigger:hover,
.menu-section-trigger:focus-visible,
.menu-section-trigger:hover .menu-title,
.menu-section-trigger:focus-visible .menu-title,
.menu-section-trigger:hover .menu-title *,
.menu-section-trigger:focus-visible .menu-title *,
.menu-submenu a:hover,
.menu-submenu a:focus-visible,
.menu-submenu a:hover *,
.menu-submenu a:focus-visible *,
.menu-blog:hover,
.menu-blog:focus-visible,
.menu-blog:hover *,
.menu-blog:focus-visible *,
.menu-doc-link:hover,
.menu-doc-link:focus-visible,
.menu-doc-link:hover *,
.menu-doc-link:focus-visible *{
  color:#4A7272 !important;
}


/* =========================================================
   V172 — AUTHORITATIVE MENU FIX
   Cross-browser: Chrome / Firefox / Safari
   - Menu text is never split inside a word.
   - FR/DE long labels wrap only at spaces when needed.
   - The last document row grows to its content and remains fully reachable.
   - English label keeps the exact wording: Brand Services Guide.
   - Hover/focus color is #4A7272.
   ========================================================= */
.menu-drawer,
.drawer-scroll,
.drawer-nav,
.menu-section,
.menu-section-trigger,
.menu-title,
.menu-submenu,
.menu-submenu a,
.menu-blog,
.menu-doc-link{
  box-sizing:border-box !important;
}

/* The drawer can scroll vertically, never crop the final item horizontally. */
.menu-drawer{
  overflow:hidden !important;
}
.drawer-scroll{
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding-bottom:24px !important;
  -webkit-overflow-scrolling:touch;
}
.drawer-nav{
  width:100% !important;
  min-width:0 !important;
  padding-bottom:24px !important;
}

/* Use ordinary text flow. No character-level wrapping or auto hyphenation. */
.menu-title,
.menu-submenu a,
.menu-blog,
.menu-doc-link{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
  -webkit-hyphens:none !important;
  text-wrap:wrap !important;
  letter-spacing:normal !important;
}

/* Defensive rule for pages cached with older typography wrappers. */
.menu-title .bermor-word,
.menu-submenu a .bermor-word,
.menu-blog .bermor-word,
.menu-doc-link .bermor-word{
  display:inline !important;
  width:auto !important;
  max-width:none !important;
  min-width:auto !important;
  white-space:nowrap !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
  -webkit-hyphens:none !important;
}

/* Rows size themselves from content. */
.menu-blog,
.menu-doc-link{
  height:auto !important;
  min-height:68px !important;
  padding:20px 24px !important;
  line-height:1.45 !important;
  overflow:visible !important;
}
.drawer-nav > .menu-doc-link:last-child{
  margin-bottom:0 !important;
  padding-bottom:22px !important;
}

/* Long translated guide labels: natural two-line wrap at words only. */
html[lang='fr'] .menu-doc-link[data-doc-type='guide'],
html[lang='de'] .menu-doc-link[data-doc-type='guide']{
  font-size:17px !important;
  line-height:1.5 !important;
}

/* Unified hover/focus color. */
.menu-section-trigger:hover,
.menu-section-trigger:focus-visible,
.menu-section-trigger:hover .menu-title,
.menu-section-trigger:focus-visible .menu-title,
.menu-section-trigger:hover .menu-title *,
.menu-section-trigger:focus-visible .menu-title *,
.menu-submenu a:hover,
.menu-submenu a:focus-visible,
.menu-submenu a:hover *,
.menu-submenu a:focus-visible *,
.menu-blog:hover,
.menu-blog:focus-visible,
.menu-blog:hover *,
.menu-blog:focus-visible *,
.menu-doc-link:hover,
.menu-doc-link:focus-visible,
.menu-doc-link:hover *,
.menu-doc-link:focus-visible *{
  color:#4A7272 !important;
}

/* =========================================================
   V173 — exact language-switch hover color lock
   FA / EN / FR / DE hover/focus must render as #4A7272 exactly.
   Opacity is forced to 1 on interaction so the visible color is not diluted.
   ========================================================= */
.language-switch .language-option:hover,
.language-switch .language-option:focus-visible{
  color:#4A7272 !important;
  opacity:1 !important;
}

/* =========================================================
   V174 — reliable language hover across Chrome / Firefox / Safari
   FA / EN / FR / DE: hover must visibly change to #4A7272.
   ========================================================= */
.language-switch{
  position:relative !important;
  z-index:20 !important;
  pointer-events:auto !important;
}
.language-switch .language-option{
  position:relative !important;
  z-index:21 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  color:#86B9B2 !important;
  -webkit-text-fill-color:#86B9B2 !important;
  opacity:.78 !important;
  transition:color .14s ease,-webkit-text-fill-color .14s ease,opacity .14s ease !important;
}
.language-switch .language-option.active{
  color:#4A7272 !important;
  -webkit-text-fill-color:#4A7272 !important;
  opacity:1 !important;
}
.language-switch .language-option:hover,
.language-switch .language-option:focus-visible,
.language-switch .language-option:active{
  color:#4A7272 !important;
  -webkit-text-fill-color:#4A7272 !important;
  opacity:1 !important;
  outline:none !important;
}

/* =========================================================
   V175 — authoritative language state color
   The active language and hover/focus state use the same teal as the
   hero tagline artwork. Inactive languages keep the softer mint color.
   Cross-browser lock for Chrome / Firefox / Safari.
   ========================================================= */
:root{--bermor-tagline-teal:#4A7272;}
.language-switch .language-option{
  color:#86B9B2 !important;
  -webkit-text-fill-color:#86B9B2 !important;
  opacity:.78 !important;
}
.language-switch .language-option.active,
.language-switch .language-option[aria-pressed="true"],
.language-switch .language-option:hover,
.language-switch .language-option:focus,
.language-switch .language-option:focus-visible,
.language-switch .language-option:active{
  color:var(--bermor-tagline-teal) !important;
  -webkit-text-fill-color:var(--bermor-tagline-teal) !important;
  opacity:1 !important;
}
.language-switch .language-option:hover *,
.language-switch .language-option:focus *,
.language-switch .language-option:focus-visible *,
.language-switch .language-option.active *,
.language-switch .language-option[aria-pressed="true"] *{
  color:var(--bermor-tagline-teal) !important;
  -webkit-text-fill-color:var(--bermor-tagline-teal) !important;
}


/* =========================================================
   V176 — SHARED HEADER LOCK + CROSS-BROWSER SUBMENU INITIALS
   LOCKED: site-header.css/site-header.js state as of v176.
   Future changes must not modify the header unless explicitly requested.
   ========================================================= */
:root{--bermor-header-lock-version:"v176";}
.menu-submenu a .menu-label{
  display:inline !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
  -webkit-hyphens:none !important;
}
.menu-submenu a .menu-capital{
  display:inline !important;
  font-family:'Bai Jamjuree','Segoe UI',Arial,sans-serif !important;
  font-style:normal !important;
  font-weight:600 !important;
  font-synthesis:weight !important;
  -webkit-font-smoothing:antialiased !important;
  text-rendering:geometricPrecision !important;
  color:inherit !important;
}
@supports (-webkit-appearance:none){
  .menu-submenu a .menu-capital{-webkit-text-stroke:.12px currentColor;}
}