/*withu-min v1 src=97719 md5=2f7b78f6f71b80f0a1e0e97865801dc3*/






.header-row-1 {
  padding-top: var(--space-1);
}

.header-row-1-left,
.header-row-1-right {
  display: flex;
  align-items: center;
}

.header-row-1-right { justify-content: flex-end; }


.header-row-1-toggle { display: none; }

.header-row-2 {
  
  margin-bottom: var(--tagline-gap);
  padding-bottom: 0;
  border: none;
  text-align: center;
}


.header-row-3 {
  position: sticky;
  top: 0;
  z-index: var(--z-header);
  background: var(--color-bg);

  
}

.header-row-3::before {
  content: "";
  position: absolute;
  inset: 0 calc(50% - 50vw);
  z-index: -1;
  background: var(--color-bg);
}



.header-row-1,
.header-row-2,
.navbar {
  max-width: var(--width-body);
  margin-inline: auto;
}


.admin-bar .header-row-3 { top: 32px; }

@media screen and (max-width: 782px) {
  .admin-bar .header-row-3 { top: 46px; }
}




.logo { text-align: center; }


h1.logo {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.custom-logo-link {
  display: inline-block;
  border: none;

  
  vertical-align: top;
}


.custom-logo {
  width: var(--logo-w);
  max-width: 100%;
  height: auto;
}


.site-tagline {
  
  margin: var(--tagline-top) 0 0;

  
  font-size: var(--tagline-fs);

  
  line-height: var(--tagline-lh);

  
  color: var(--color-text-muted);
}


.site-tagline-line {
  display: block;

  
  text-wrap: balance;
}

.header-logo-text a {
  font-family: var(--font-display);
  font-size: var(--fs-3xl);
  font-weight: var(--fw-bold);
  color: var(--color-text);
}




.navbar-default,
.navbar-collapse { background: var(--color-bg); }

.navbar-nav > li > a { position: relative; }


.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus { color: var(--color-link); }

.navbar-nav > li > a::after {
  content: "";
  position: absolute;
  left: 0;
  
  bottom: -2px;
  width: 100%;
  height: 2px;
  background: var(--c-black);
  transform: scaleX(0);
  transition: transform var(--transition);
}

.navbar-nav > li > a:hover::after,
.navbar-nav > li.active > a::after,
.navbar-nav > li.current-menu-item > a::after,
.navbar-nav > li.current-menu-parent > a::after,
.navbar-nav > li.current-menu-ancestor > a::after {
  transform: scaleX(1);
}


.navbar-nav .dropdown-menu > li > a::after,
.navbar-nav .sub-menu > li > a::after { content: none; }





.custom-header-icons {
  display: flex;
  align-items: center;
  gap: 0;
}



.custom-header-icons > a,
.custom-header-icons > button,
.lang-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
}


.material-symbols-outlined {
  display: inline-flex;
  font-size: 26px;
  color: var(--color-text-muted);
  font-variation-settings: 'wght' 400, 'opsz' 24;
  transition: color var(--transition), font-variation-settings var(--transition);
}


.custom-header-icons > button { cursor: pointer; }


.custom-header-icons > a .material-symbols-outlined,
.custom-header-icons > button .material-symbols-outlined,
.lang-btn .material-symbols-outlined {
  font-size: var(--hdr-icon-fs);
  
  font-variation-settings: 'wght' var(--hdr-icon-wght), 'opsz' 24;
}




.custom-header-icons a:hover .material-symbols-outlined,
.custom-header-icons > button:hover .material-symbols-outlined,
.custom-header-icons > button[aria-expanded="true"] .material-symbols-outlined,
.lang-btn:hover .material-symbols-outlined {
  color: var(--color-text);
  font-variation-settings: 'wght' 600, 'opsz' 24;
}




.lang-dropdown { position: relative; }


.lang-list {
  position: absolute;
  top: 100%;
  right: 0;

  
  z-index: var(--z-dropdown);

  min-width: 120px;
  margin: 0;
  padding: var(--space-2) 0;
  list-style: none;

  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);

  opacity: 0;
  visibility: hidden;
  transition: opacity var(--transition), visibility var(--transition);
}

.lang-dropdown.is-active .lang-list,
.lang-dropdown:hover .lang-list,
.lang-dropdown:focus-within .lang-list {
  opacity: 1;
  visibility: visible;
}


.lang-list li a {
  display: block;
  padding: var(--space-3) var(--space-5);
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  color: var(--color-text-muted);
  white-space: nowrap;
}


.lang-list li a[aria-current] {
  font-weight: var(--fw-bold);
  color: var(--color-text);
}


.lang-list li a[aria-current]::after {
  content: '';
  display: inline-block;
  width: 0.85em;
  height: 0.85em;
  margin-left: var(--space-2);
  
  vertical-align: -0.08em;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.lang-list li a:hover {
  color: var(--color-text);
  background: var(--color-bg-soft);
}




.custom-search-modal {
  position: fixed;
  inset: 0;
  z-index: var(--z-modal);
  visibility: hidden;
  opacity: 0;
  transition: opacity var(--transition), visibility var(--transition);
}

.custom-search-modal.is-open {
  visibility: visible;
  opacity: 1;
}

.csm-backdrop {
  position: absolute;
  inset: 0;
  background: var(--color-overlay);
}


.csm-panel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: var(--space-11) var(--space-5) var(--space-10);
  min-height: var(--search-panel-min);
  background: var(--color-bg);
  translate: 0 -100%;
  transition: translate 0.25s ease;
}

.custom-search-modal.is-open .csm-panel { translate: 0 0; }


.csm-inner {
  max-width: var(--width-article);
  margin: 0 auto;
}


.csm-close {
  position: absolute;
  top: var(--space-8);
  right: max( var(--space-5), calc( 50% - var(--width-article) / 2 ) );
  width: 44px;    
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  
  color: var(--color-text-muted);
  transition: color var(--transition);
}


.csm-close .material-symbols-outlined { color: inherit; }

.csm-close:hover { color: var(--color-text); }

.csm-form {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding-bottom: var(--space-4);
  border-bottom: 2px solid var(--color-text);
}


.csm-submit {
  flex-shrink: 0;
  display: flex;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--color-text-muted);
  transition: color var(--transition);
}

.csm-submit:hover { color: var(--color-text); }

.csm-icon {
  flex-shrink: 0;
  display: flex;
  color: inherit;
}

.csm-input {
  flex: 1;
  min-width: 0;
  border: none;
  background: none;
  font-family: var(--font-sans);
  font-size: var(--fs-2xl);
  color: var(--color-text);
}



.csm-input::placeholder { color: var(--color-text-faint); }

.csm-suggest { margin-top: var(--space-6); }


.csm-suggest-label {
  display: block;
  margin-bottom: var(--space-3);
  font-size: var(--fs-base);
  color: var(--color-text-subtle);
}

.csm-suggest-list {
  display: flex;
  flex-wrap: wrap;
  
  gap: var(--space-3);
  list-style: none;
  margin: 0;
  padding: 0;
}





.csm-suggest-item a {
  display: inline-flex;
  align-items: center;
  min-height: var(--suggest-h);
  padding: 0 var(--space-4);
  border: 1px solid var(--color-border-btn);
  border-radius: var(--radius-pill);
  font-size: var(--fs-md);
  line-height: 1;
  color: var(--color-text-muted);
  transition: border-color var(--transition), color var(--transition),
              background var(--transition);
}

.csm-suggest-item a:hover {
  border-color: var(--color-text);
  background: var(--color-text);
  color: var(--color-text-invert);
}




@media (max-width: 767px) {

  
  .header-row-1 { padding-top: 0; }

  

  
  .site-tagline-sub { display: none; }

  

  
  

  

  .material-symbols-outlined { font-size: 22px; }

  
  .custom-header-icons { gap: 0; }

  
  .navbar-header { display: none; }

  
  .navbar-collapse,
  .navbar-collapse.collapse {
    display: block;
    grid-template-rows: none;
  }

  .navbar-collapse > * { overflow: visible; }

  .navbar {
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
  }

  
  .navbar-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;

    
    gap: var(--space-4);

    
    padding: 0;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .navbar-nav::-webkit-scrollbar { display: none; }

  .navbar-nav > li {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  
  .navbar-nav > li:first-child { margin-inline-start: auto; }
  .navbar-nav > li:last-child  { margin-inline-end: auto; }

  
  .navbar-nav {
    --nav-fade-start: #000;   
    --nav-fade-end:   #000;
  }

  .navbar-nav.has-more-left,
  .navbar-nav.has-more-right {
    -webkit-mask-image: linear-gradient(to right,
      var(--nav-fade-start) 0,
      #000 var(--nav-fade),
      #000 calc(100% - var(--nav-fade)),
      var(--nav-fade-end) 100%);
    mask-image: linear-gradient(to right,
      var(--nav-fade-start) 0,
      #000 var(--nav-fade),
      #000 calc(100% - var(--nav-fade)),
      var(--nav-fade-end) 100%);
  }

  
  .navbar-nav.has-more-left  { --nav-fade-start: transparent; }
  .navbar-nav.has-more-right { --nav-fade-end:   transparent; }

  
  
  .navbar-nav > li > a {
    display: flex;
    align-items: center;
    height: var(--nav-tab-h);
    padding: 0;
    border-bottom: none;
    font-size: var(--nav-tab-fs);
    white-space: nowrap;
  }

  .navbar-nav > li > a::after { bottom: 0; }

  

  
  .withu-allmenu-on .header-row-1 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: var(--z-header);
    display: flex;
    align-items: center;
    height: var(--fixed-bar-h);
    padding-block: 0;
    padding-inline: var(--gutter);
    background: var(--color-bg);
    
    transition: translate 0.25s ease;
  }

  
  .withu-allmenu-on .header { border-bottom: 1px solid var(--color-border); }

  
  .withu-autohide-on .header-row-1.is-hidden { translate: 0 -100%; }

  
  .withu-autohide-on .header-row-1.is-pinned {
    border-bottom: 1px solid var(--color-border);
  }

  
  

  .withu-autohide-on .header-row-1.is-pinned .hdr-mini-logo {
    display: block;
    flex: 0 0 auto;
    line-height: 0;   
  }

  .hdr-mini-logo img {
    width: var(--logo-w-mini);
    height: auto;
    display: block;
  }

  
  .withu-allmenu-on .header-row-1 > .row {
    flex: 1 1 auto;
    min-width: 0;
  }

  
  .withu-allmenu-on .header { padding-top: var(--fixed-bar-h); }

  
  .admin-bar.withu-allmenu-on .header-row-1 { top: 46px; }

  
  .withu-allmenu-on .header-row-3 { display: none; }

  
  .navbar-nav .dropdown-menu,
  .navbar-nav .sub-menu { display: none; }

  .caret { display: none; }

  
  
  .csm-panel { padding: var(--space-9) var(--space-4) var(--space-8); }
  .csm-input { font-size: var(--fs-lg); }
  .csm-close { top: var(--space-3); right: var(--space-3); }
}





@media (min-width: 768px) {
  .custom-header-icons > .withu-allmenu-btn { display: none; }
}

.withu-allmenu {
  position: fixed;
  inset: 0;
  z-index: var(--z-modal);
  
  visibility: hidden;
  opacity: 0;
  transition: opacity var(--transition), visibility var(--transition);
}

.withu-allmenu.is-open {
  visibility: visible;
  opacity: 1;
}

.wam-backdrop {
  position: absolute;
  inset: 0;
  background: var(--color-overlay);
}


.wam-panel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  max-height: 100dvh;
  background: var(--color-bg);
  translate: 0 -100%;
  transition: translate 0.25s ease;
}

.withu-allmenu.is-open .wam-panel { translate: 0 0; }


.wam-top {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--color-border);
}


.wam-logo img { max-width: var(--logo-w); height: auto; display: block; }
.wam-logo a { display: inline-block; }

.wam-close {
  flex: 0 0 auto;
  width: 44px;    
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}


.wam-inner {
  flex: 1 1 auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: var(--space-5) var(--space-4) var(--space-8);
}

.wam-list,
.wam-list .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}


.wam-list > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}


.wam-list > li + li { border-top: 1px solid var(--color-border); }


.wam-list > li > a {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  min-height: 52px;
  font-size: var(--fs-2xl);
  font-weight: var(--fw-semibold);
  color: var(--color-text);
}


.wam-toggle {
  flex: 0 0 auto;
  position: relative;
  width: 44px;
  height: 44px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}

.wam-toggle::before,
.wam-toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  translate: -50% -50%;
  background: var(--color-text-muted);
}

.wam-toggle::after { rotate: 90deg; }


.wam-list > li:not(.is-collapsed) > .wam-toggle::after { opacity: 0; }


.wam-list > li > .sub-menu {
  flex: 0 0 100%;
  padding: 0 0 var(--space-3) var(--space-4);
}

.wam-list > li.is-collapsed > .sub-menu { display: none; }


.wam-list .sub-menu a {
  display: flex;
  align-items: center;
  min-height: 44px;
  font-size: var(--fs-base);
  color: var(--color-text-muted);
}




.wam-tools {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  
  gap: var(--space-4);
  margin-top: var(--space-6);
  padding-top: var(--space-5);
  border-top: 1px solid var(--color-border);
}


.wam-search,
.wam-langs a {
  display: flex;
  align-items: center;
  min-height: 44px;          
  padding: 0 var(--space-4);
  border: 1px solid var(--color-border-btn);
  border-radius: var(--radius-pill);
  background: none;
  font-size: var(--fs-base);
  color: var(--color-text-muted);
  transition: background var(--transition), color var(--transition), border-color var(--transition);
}


.wam-search {
  justify-content: flex-start;
  min-height: var(--wam-search-h);
  gap: var(--space-2);
  cursor: pointer;
}



.wam-tools .material-symbols-outlined {
  font-size: 22px;
  color: inherit;
  font-variation-settings: 'wght' var(--hdr-icon-wght), 'opsz' 24;
}


.wam-langs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  list-style: none;
  margin: 0;
  padding: 0;
}

.wam-langs li { flex: 1 1 0; min-width: 0; }


.wam-langs a { justify-content: center; }


.wam-langs a[aria-current] {
  background: var(--color-text);
  border-color: var(--color-text);
  color: var(--c-white);
  font-weight: var(--fw-semibold);
}


.wam-search:hover,
.wam-langs a:not([aria-current]):hover {
  background: var(--color-text);
  border-color: var(--color-text);
  color: var(--c-white);
}


.wam-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-4);
  margin-top: var(--space-6);
  padding-top: var(--space-5);
  border-top: 1px solid var(--color-border);
}

.wam-links a {
  display: flex;
  align-items: center;
  min-height: 44px;
  font-size: var(--fs-sm);
  color: var(--color-text-muted);
}


.wam-list .current-menu-item > a,
.wam-list .current-menu-parent > a,
.wam-list .current-menu-ancestor > a {
  font-weight: var(--fw-bold);
  color: var(--color-text);
}



.hdr-mini-logo { display: none; }

@media (prefers-reduced-motion: reduce) {
  .withu-allmenu,
  .wam-panel,
  .header-row-1 { transition: none; }
}