/*
 * Interjum Group · Language control
 * Shared by Astro pages, archived news and standalone static pages.
 * Native cross-document transitions. No JavaScript or third-party CSS.
 */
.ij-language {
  --ij-lang-ink: #20252a;
  --ij-lang-muted: #626a73;
  --ij-lang-line: rgba(34, 39, 45, .1);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 400;
  line-height: 1;
  vertical-align: middle;
}
.ij-language__symbol {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: #ac4b53;
}
.ij-language__symbol svg {
  display: block;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ij-language__track {
  position: relative;
  isolation: isolate;
  display: grid;
  flex: none;
  grid-template-columns: repeat(2, 43px);
  gap: 0;
  padding: 3px;
  border: 1px solid var(--ij-lang-line);
  border-radius: 999px;
  background: #f1f2f3;
}
.ij-language__track::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 3px;
  bottom: 3px;
  left: 3px;
  width: calc((100% - 8px) / 2);
  border: 1px solid rgba(40, 46, 53, .045);
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 1px 4px rgba(23, 28, 36, .095);
  transform: translateX(0);
  transition: transform 290ms cubic-bezier(.22, 1, .36, 1);
  pointer-events: none;
}
.ij-language[data-active="en"] .ij-language__track::before {
  transform: translateX(100%);
}
.ij-language__option {
  position: relative;
  display: grid;
  min-width: 43px;
  min-height: 33px;
  place-items: center;
  border-radius: 999px;
  padding: 0 8px;
  color: var(--ij-lang-muted);
  font-family: inherit;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: .115em;
  text-align: center;
  text-decoration: none !important;
  transition: color 160ms ease;
}
.ij-language__option:visited {
  color: var(--ij-lang-muted);
}
.ij-language__option[aria-current="true"],
.ij-language__option[aria-current="true"]:visited {
  color: var(--ij-lang-ink);
}
.ij-language__option:hover,
.ij-language__option:focus-visible {
  color: #a62e3d;
}
.ij-language__option:focus-visible {
  outline: 2px solid #ba3d4c;
  outline-offset: 2px;
}

/* Integrated with the restrained corporate navigation. */
.ij-language--inline {
  padding-left: 15px;
  border-left: 1px solid rgba(42, 48, 55, .12);
}
.ij-language--mobile {
  padding-left: 0;
  border-left: 0;
  margin-left: auto;
  justify-content: flex-end;
}

/* Standalone articles: a floating, non-intrusive language dock. */
.ij-language--dock {
  position: fixed;
  z-index: 1100;
  right: max(18px, env(safe-area-inset-right));
  bottom: max(20px, calc(env(safe-area-inset-bottom) + 14px));
  min-height: 50px;
  padding: 7px 8px 7px 14px;
  border: 1px solid rgba(52, 61, 70, .13);
  border-radius: 999px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 6px 24px -11px rgba(27, 32, 38, .23),
              0 18px 44px -26px rgba(27, 32, 38, .24);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition: box-shadow 260ms ease, border-color 260ms ease;
  view-transition-name: ij-language-dock;
}
.ij-language--dock:hover,
.ij-language--dock:focus-within {
  border-color: rgba(152, 59, 73, .3);
  box-shadow: 0 8px 28px -11px rgba(27, 32, 38, .26),
              0 18px 44px -24px rgba(27, 32, 38, .2);
}
.ij-language--dock ~ .main-wrapper {
  padding-bottom: 76px;
}
@media (max-width: 600px) {
  .ij-language--dock {
    right: max(12px, env(safe-area-inset-right));
    bottom: max(12px, calc(env(safe-area-inset-bottom) + 10px));
    gap: 8px;
    min-height: 46px;
    padding: 5px 6px 5px 11px;
  }
  .ij-language--dock .ij-language__track {
    grid-template-columns: repeat(2, 41px);
  }
  .ij-language--dock .ij-language__option {
    min-width: 41px;
    min-height: 33px;
  }
}

/* Browser-native same-origin transitions; instant fallback elsewhere. */
@view-transition { navigation: auto; }
::view-transition-old(root) {
  animation: 170ms cubic-bezier(.4, 0, .8, 1) both ij-page-out;
}
::view-transition-new(root) {
  animation: 310ms cubic-bezier(.2, .8, .2, 1) both ij-page-in;
}
::view-transition-old(ij-language-dock),
::view-transition-new(ij-language-dock) {
  animation-duration: 280ms;
  animation-timing-function: cubic-bezier(.22, 1, .36, 1);
}
@keyframes ij-page-out {
  to { opacity: 0; transform: translateY(-5px); }
}
@keyframes ij-page-in {
  from { opacity: 0; transform: translateY(7px); }
}
@media (prefers-reduced-motion: reduce) {
  .ij-language,
  .ij-language *,
  .ij-language *::before {
    transition: none !important;
  }
  ::view-transition-old(root),
  ::view-transition-new(root),
  ::view-transition-old(ij-language-dock),
  ::view-transition-new(ij-language-dock) {
    animation: none !important;
  }
}
@media print {
  .ij-language--dock { display: none !important; }
}
