/* SAQ navigation — quiet surfaces, clear hierarchy. */
.saq-navigation {background:#13161c;border-right:1px solid #242830;}
.saq-navigation:before {display:none;}
.saq-navigation .sidebar__header {border-color:#292d35;min-height:48px;padding-bottom:15px;}
.saq-navigation .sidebar__header-text {font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#838c9a;font-weight:600;}
aside.sidebar.saq-navigation .sidebar__toggle {display:flex!important;flex-shrink:0;}
.saq-navigation .sidebar__list {gap:5px;margin-top:18px;padding-bottom:24px;height:calc(100% - 75px);}
.saq-navigation .sidebal__item {min-height:52px;width:100%;font-family:inherit;font-size:15px;font-weight:600;text-align:left;line-height:1.3;color:#8e98a7;background:transparent;border:1px solid transparent;border-radius:11px;box-shadow:none;}
.saq-navigation.opened .sidebal__item {padding:14px 16px;gap:15px;padding-right:35px;}
.saq-navigation .sidebal__item>svg:not(.chevron-icon) {width:21px;height:21px;flex-shrink:0;}
.saq-navigation .sidebal__item:hover {background:#1c2028;border-color:#2a303a;color:#e6eaf0;}
.saq-navigation .sidebal__item.active,.saq-navigation .sidebar__submenu.expanded {background:#22262e;border-color:#30353f;color:#f4f6fa;}
.saq-navigation .sidebal__item.active:before {display:none;}
.saq-navigation .sidebal__item.active:not(.sidebar__submenu)>svg {color:var(--span);}
.saq-navigation .chevron-icon {width:12px!important;height:12px!important;right:15px!important;color:#8993a1;}
.saq-navigation .sidebar__submenu.expanded .chevron-icon {color:#e8ecf2;}
.saq-navigation .sidebar__sublist {margin:5px 0 10px 26px;padding:3px 0 3px 13px;border-left:1px solid #343a45;}
.saq-navigation .sidebar__subitem {min-height:43px;padding:10px 11px;gap:12px;color:#8c97a7;font-size:13px;line-height:1.4;border-radius:7px;}
.saq-navigation .sidebar__subitem>svg {width:17px;height:17px;}
.saq-navigation .sidebar__subitem:hover {color:#f0f3f7;background:#20252e;}
.saq-navigation .sidebar__subitem.active {background:color-mix(in srgb,var(--span) 8%,#181d22);color:var(--span);}
.saq-navigation :is(a,button):focus-visible {outline:2px solid var(--span);outline-offset:2px;}
.sidebar__flyout {background:#191d25;border-color:#303641;box-shadow:0 12px 32px #0005;}
.sidebar__flyout .sidebar__subitem {padding:12px;color:#a7b0be;}
.sidebar__flyout .sidebar__subitem:hover {background:#272d37;color:#fff;}
.header_list .saq-mobile-group {display:block;width:100%;}
.saq-mobile-group details {width:100%;}
.saq-mobile-group summary {display:flex;align-items:center;gap:14px;list-style:none;cursor:pointer;padding:15px 16px;color:#b0b8c5;border-radius:10px;font-weight:600;}
.saq-mobile-group summary::-webkit-details-marker {display:none;}
.saq-mobile-group summary:after {content:'⌄';margin-left:auto;font-size:18px;}
.saq-mobile-group details[open]>summary {background:#242933;color:#fff;}
.saq-mobile-group details[open]>summary:after {transform:rotate(180deg);}
.saq-mobile-group summary svg {width:21px;height:21px;fill:currentColor;}
.saq-mobile-group ul {border-left:1px solid #3b414c;margin:6px 0 10px 26px;padding-left:16px;}
.saq-mobile-group ul li a {font-size:14px!important;padding:12px!important;}
@media(prefers-reduced-motion:reduce){.saq-navigation *{transition:none!important;}}
.saq-mobile-menu,.saq-menu-backdrop {display:none;}
/* Mobile: one navigation, complete banner art, separate readable captions. */
@media(max-width:768px){
  .tabbar_mobile {display:none!important;}
  .image-slider.swiper {height:auto!important;min-height:0!important;}
  .image-slider .swiper-wrapper {align-items:stretch;}
  .image-slider .swiper-slide {height:auto!important;}
  .image-slider .image-slider__image {display:flex;flex-direction:column;height:100%;background:#141b16;text-align:left;}
  .image-slider .image-slider__image img {position:static!important;display:block;width:100%!important;height:auto!important;aspect-ratio:3/1;object-fit:contain!important;object-position:center;order:-3;transform:none!important;}
  .image-slider .image-slider__image h3 {position:static!important;order:-2;margin:16px 16px 7px!important;font-size:23px!important;line-height:1.15;transform:none!important;}
  .image-slider .image-slider__image p {position:static!important;order:-1;margin:0 16px 14px!important;width:auto!important;white-space:normal!important;text-wrap:wrap!important;font-size:13px!important;line-height:1.5;transform:none!important;}
  .image-slider .image-slider__image .swiper_btn {position:relative!important;inset:auto!important;align-self:flex-start;margin:0 16px 34px!important;transform:none!important;}
  .image-slider .swiper-buttons,.image-slider .swiper-button-next,.image-slider .swiper-button-prev {display:none!important;}
  .image-slider .swiper-pagination {bottom:12px!important;}
}
@media(max-width:768px){
  .saq-mobile-menu {display:flex;position:fixed;top:17px;left:84px;z-index:110;align-items:center;gap:6px;padding:9px 12px;border:1px solid #363c46;border-radius:8px;background:#20252d;color:#eef1f6;font:600 13px/1.3 inherit;cursor:pointer;}
  .saq-navigation.saq-mobile-open {display:flex!important;width:min(300px,85vw);z-index:220;height:100dvh;padding-bottom:24px;box-shadow:20px 0 60px #0006;}
  .saq-navigation.saq-mobile-open .sidebar__wrapper {height:100%;}
  body.saq-menu-open {overflow:hidden;}
  .saq-menu-open .saq-menu-backdrop {display:block;position:fixed;inset:0;z-index:210;background:#0009;border:0;border-radius:0;}
  .saq-menu-open .saq-mobile-menu {visibility:hidden;}
}
@media(max-width:374px){
  .saq-mobile-menu {left:64px;width:40px;height:40px;justify-content:center;padding:0;font-size:0;}
  .saq-mobile-menu:before {content:'☰';font-size:18px;line-height:1;}
}

aside.sidebar.saq-navigation .sidebar__toggle,.saq-mobile-menu {display:none!important;}

/* SAQ: transparent navigation panel. */
aside.sidebar.saq-navigation,
aside.sidebar.saq-navigation .sidebar__wrapper {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-right: 0 !important;
  backdrop-filter: none !important;
}
aside.sidebar.saq-navigation::before,
aside.sidebar.saq-navigation::after {
  background: none !important;
  box-shadow: none !important;
}

/* Current page: black surface, green outline. */
aside.sidebar.saq-navigation .sidebal__item.active,
aside.sidebar.saq-navigation .sidebar__subitem.active,
.sidebar__flyout .sidebar__subitem.active {
  background: #080a08 !important;
  background-image: none !important;
  border: 1px solid #39ff14 !important;
  color: #f1f5ef !important;
  box-shadow: none !important;
}
aside.sidebar.saq-navigation .sidebal__item.active::before {
  display: none !important;
}
aside.sidebar.saq-navigation .sidebal__item.active > svg:not(.chevron-icon),
aside.sidebar.saq-navigation .sidebar__subitem.active > svg,
.sidebar__flyout .sidebar__subitem.active > svg {
  color: #39ff14 !important;
}

/* Pointer and keyboard selection match the current-page treatment. */
aside.sidebar.saq-navigation .sidebal__item:hover,
aside.sidebar.saq-navigation .sidebal__item:focus-visible,
aside.sidebar.saq-navigation .sidebar__subitem:hover,
aside.sidebar.saq-navigation .sidebar__subitem:focus-visible,
.sidebar__flyout .sidebar__subitem:hover,
.sidebar__flyout .sidebar__subitem:focus-visible {
  background: #080a08 !important;
  background-image: none !important;
  border: 1px solid #39ff14 !important;
  color: #f1f5ef !important;
  box-shadow: none !important;
}
aside.sidebar.saq-navigation .sidebal__item:hover > svg,
aside.sidebar.saq-navigation .sidebal__item:focus-visible > svg,
aside.sidebar.saq-navigation .sidebar__subitem:hover > svg,
aside.sidebar.saq-navigation .sidebar__subitem:focus-visible > svg,
.sidebar__flyout .sidebar__subitem:hover > svg,
.sidebar__flyout .sidebar__subitem:focus-visible > svg {
  color: #39ff14 !important;
}
aside.sidebar.saq-navigation .sidebar__subitem,
.sidebar__flyout .sidebar__subitem {
  border: 1px solid transparent;
}

/* Expanded category and compact flyout use the same black/green treatment. */
aside.sidebar.saq-navigation .sidebar__submenu.expanded {
  background: #080a08 !important;
  background-image: none !important;
  border: 1px solid #39ff14 !important;
  color: #f1f5ef !important;
  box-shadow: none !important;
}
aside.sidebar.saq-navigation .sidebar__submenu.expanded > svg {
  color: #39ff14 !important;
}
.sidebar__flyout {
  background: #080a08 !important;
  background-image: none !important;
  border: 1px solid #39ff14 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.sidebar__flyout-list {background: transparent !important;}
/* The green border itself is the focus indicator: avoid a second outline. */
aside.sidebar.saq-navigation .sidebal__item:focus-visible,
aside.sidebar.saq-navigation .sidebar__subitem:focus-visible,
.sidebar__flyout .sidebar__subitem:focus-visible {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}
aside.sidebar.saq-navigation .sidebar__subitem::before,
aside.sidebar.saq-navigation .sidebar__subitem::after,
.sidebar__flyout .sidebar__subitem::before,
.sidebar__flyout .sidebar__subitem::after {
  box-shadow: none !important;
  border: none !important;
}

/* Keep expanded children inside the same left/right edges as their parent. */
aside.sidebar.saq-navigation .sidebar__sublist {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 6px 0 10px !important;
  padding: 0 !important;
  border-left: 0 !important;
  background: #080a08 !important;
  border-radius: 10px;
}
aside.sidebar.saq-navigation .sidebar__sublist > li {
  width: 100%;
  min-width: 0;
  margin: 0;
}
aside.sidebar.saq-navigation .sidebar__subitem {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 21px minmax(0,1fr) !important;
  grid-auto-flow: row !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  padding: 13px 16px !important;
  gap: 15px !important;
  margin: 0 !important;
}
aside.sidebar.saq-navigation .sidebar__subitem > svg {
  width: 21px !important;
  height: 21px !important;
}