/* VC1–VC4 — Telet-owned visual chrome. Sans dépendance parent, profile-compatible. */

:root {
  --telet-host-header-height: 4.5rem;
  --telet-host-nav-top: var(--telet-host-header-height);
  --telet-compact-nav-max-height: min(26rem, calc(100vh - var(--telet-host-nav-top) - 1rem));
  --telet-host-shadow: 0 8px 28px rgba(15, 23, 42, 0.07);
  --telet-host-focus: 0 0 0 3px color-mix(in srgb, var(--boss-public-accent, #009fe3) 24%, transparent);
}

/* Keep touch scrolling inside the real document boundary. Nested host scrollers
   keep their own explicit overscroll policy below. */
html,
body.telet-host {
  overscroll-behavior-y: none;
}

body.telet-host { margin: 0; }

.telet-skip-link:focus {
  clip: auto !important;
  clip-path: none !important;
  height: auto !important;
  left: 1rem;
  top: 1rem;
  width: auto !important;
  z-index: 100000;
}

/* Shell layers own color/full-bleed. Inner wrappers own content width. */
.telet-site-header {
  background: var(--boss-shell-header-bg, rgba(255, 255, 255, 0.96));
  border-bottom: 1px solid var(--boss-public-border, rgba(29, 29, 27, 0.12));
  box-shadow: var(--telet-host-shadow);
  box-sizing: border-box;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 1000;
}

body.admin-bar .telet-site-header { top: 32px; }

.telet-header__inner {
  align-items: center;
  box-sizing: border-box;
  display: grid;
  gap: clamp(0.55rem, 1.4vw, 1rem);
  grid-template-columns: minmax(6.5rem, auto) minmax(0, 1fr) auto;
  margin: 0 auto;
  max-width: var(--boss-public-content-width, 72rem);
  min-height: var(--telet-host-header-height);
  padding: 0.62rem clamp(0.75rem, 2.2vw, 1.25rem);
  width: 100%;
}

.telet-header__brand,
.telet-header__actions,
.telet-account-actions,
.telet-header__extensions {
  align-items: center;
  display: flex;
}

.telet-header__brand { gap: 0.65rem; min-width: 0; }
.telet-header__logo .custom-logo-link { align-items: center; display: flex; }
.telet-header__logo img { height: auto; max-height: 2.7rem; max-width: 9.5rem; width: auto; }

.telet-header__identity {
  color: var(--boss-public-text, #1d1d1b);
  display: grid;
  font-family: var(--boss-font-ui, "Nunito", system-ui, sans-serif);
  line-height: 1.1;
  min-width: 0;
  text-decoration: none;
}

.telet-header__identity--sr-only { position: absolute; }
.telet-header__title {
  font-size: 0.98rem;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.telet-header__tagline {
  color: var(--boss-public-muted, #5e6874);
  font-family: var(--boss-font-body, system-ui, sans-serif);
  font-size: 0.72rem;
  margin-top: 0.2rem;
  max-width: 20rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.telet-primary-nav { justify-self: center; min-width: 0; }
.telet-nav__list,
.telet-footer-nav__list { list-style: none; margin: 0; padding: 0; }
.telet-nav__list { align-items: center; display: flex; gap: 0.16rem; }
.telet-nav__icon {
  display: none;
  fill: none;
  height: 1.35rem;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
  width: 1.35rem;
}
.telet-nav__label { display: inline; }
.telet-mobile-nav__rail { display: contents; }

.telet-nav__list > li { position: relative; }
.telet-nav__list a {
  align-items: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 0.7rem;
  color: var(--boss-public-text, #1d1d1b);
  display: inline-flex;
  font-family: var(--boss-font-ui, "Nunito", system-ui, sans-serif);
  font-size: var(--boss-type-nav-size, 0.94rem);
  font-weight: 700;
  letter-spacing: var(--boss-type-ui-tracking, 0.01em);
  min-height: var(--boss-control-min-size, 44px);
  padding: 0.68rem 0.72rem;
  position: relative;
  text-decoration: none;
  transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 120ms ease;
}

.telet-nav__list a::after {
  background: var(--boss-public-accent, #009fe3);
  border-radius: 999px;
  bottom: 0.22rem;
  content: "";
  height: 2px;
  left: 0.7rem;
  opacity: 0;
  position: absolute;
  right: 0.7rem;
  transform: scaleX(0.35);
  transform-origin: center;
  transition: opacity 160ms ease, transform 160ms ease;
}

/* Rest → Hover → Focus → Current → Pressed are deliberately distinct. */
.telet-nav__list a:hover {
  background: color-mix(in srgb, var(--boss-public-accent, #009fe3) 7%, transparent);
  border-color: color-mix(in srgb, var(--boss-public-accent, #009fe3) 11%, transparent);
  color: var(--boss-public-accent-strong, #006fae);
}
.telet-nav__list a:focus-visible {
  background: color-mix(in srgb, var(--boss-public-accent, #009fe3) 6%, transparent);
  color: var(--boss-public-accent-strong, #006fae);
  outline: 3px solid color-mix(in srgb, var(--boss-public-accent, #009fe3) 28%, transparent);
  outline-offset: 2px;
}
.telet-nav__list .current-menu-item > a,
.telet-nav__list .current_page_item > a,
.telet-nav__list .current-menu-ancestor > a {
  background: transparent;
  border-color: transparent;
  color: var(--boss-public-accent-strong, #006fae);
}
.telet-nav__list .current-menu-item > a::after,
.telet-nav__list .current_page_item > a::after,
.telet-nav__list .current-menu-ancestor > a::after {
  opacity: 1;
  transform: scaleX(1);
}
.telet-nav__list a:active {
  background: color-mix(in srgb, var(--boss-public-accent, #009fe3) 13%, transparent);
  transform: translateY(1px);
}

.telet-header__actions { gap: 0.55rem; justify-content: flex-end; }
.telet-account-actions { gap: 0.42rem; }
.telet-account-action {
  align-items: center;
  background: transparent;
  border: 1px solid var(--boss-public-border, rgba(29, 29, 27, 0.12));
  border-radius: 0.78rem;
  color: var(--boss-public-text, #1d1d1b);
  display: inline-flex;
  font-family: var(--boss-font-ui, "Nunito", system-ui, sans-serif);
  font-size: 0.86rem;
  font-weight: 800;
  gap: 0.48rem;
  justify-content: center;
  letter-spacing: var(--boss-type-ui-tracking, 0.01em);
  min-height: var(--boss-control-min-size, 44px);
  padding: 0.62rem 0.82rem;
  text-decoration: none;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 120ms ease;
  white-space: nowrap;
}
.telet-account-action--login:hover { background: color-mix(in srgb, var(--boss-public-accent, #009fe3) 6%, transparent); }
.telet-account-action--register,
.telet-account-action--dashboard {
  background: var(--boss-public-accent-strong, #006fae);
  border-color: var(--boss-public-accent-strong, #006fae);
  color: #fff;
}
.telet-account-action:hover,
.telet-account-action:focus-visible { box-shadow: var(--telet-host-focus); }
.telet-account-action:focus-visible { outline: 2px solid transparent; }
.telet-account-action:active { transform: translateY(1px); }
.telet-account-icon {
  align-items: center;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid color-mix(in srgb, var(--boss-public-accent, #009fe3) 24%, var(--boss-public-border, #d9e3ee));
  border-radius: 0.78rem;
  box-shadow: 0 6px 18px rgba(0, 111, 174, 0.06);
  color: var(--boss-public-accent-strong, #006fae);
  display: inline-flex;
  height: var(--boss-control-min-size, 44px);
  justify-content: center;
  padding: 0;
  text-decoration: none;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 120ms ease;
  width: var(--boss-control-min-size, 44px);
}
.telet-account-icon__glyph { fill: none; height: 1.12rem; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.75; width: 1.12rem; }
.telet-account-icon__label { display: none; font-size: .76rem; font-weight: 800; line-height: 1; white-space: nowrap; }
.telet-account-icon--register { background: var(--boss-public-accent-strong, #006fae); border-color: var(--boss-public-accent-strong, #006fae); color: #fff; }
.telet-account-icon:hover { border-color: color-mix(in srgb, var(--boss-public-accent, #009fe3) 54%, transparent); box-shadow: 0 8px 22px rgba(0, 111, 174, 0.13); }
.telet-account-icon:focus-visible { box-shadow: var(--telet-host-focus); outline: 2px solid transparent; }
.telet-account-icon:active { transform: translateY(1px); }
/* Entry continuity: the destination already active remains visibly identifiable
   without borrowing identity/business authority from the Shell. */
.telet-account-action[aria-current="page"],
.telet-account-icon[aria-current="page"] {
  border-color: var(--boss-public-accent-strong, #006fae);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--boss-public-accent, #009fe3) 18%, transparent);
}

.telet-account-actions--desktop { background: transparent; gap: 0.36rem; }

.telet-language-switcher { position: relative; }
.telet-language-switcher__trigger {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0.62rem;
  color: var(--boss-public-muted, #5e6874);
  cursor: pointer;
  display: inline-flex;
  height: var(--boss-control-min-size, 44px);
  justify-content: center;
  list-style: none;
  opacity: 0.68;
  padding: 0;
  transition: background 160ms ease, color 160ms ease, opacity 160ms ease;
  width: var(--boss-control-min-size, 44px);
}
.telet-language-switcher__trigger::-webkit-details-marker { display: none; }
.telet-language-switcher__translate-icon { fill: none; height: 1rem; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.35; width: 1rem; }
.telet-language-switcher__trigger:hover,
.telet-language-switcher__trigger:focus-visible { background: color-mix(in srgb, var(--boss-public-accent, #009fe3) 7%, transparent); color: var(--boss-public-accent-strong, #006fae); opacity: 1; }
.telet-language-switcher__trigger:focus-visible { box-shadow: var(--telet-host-focus); outline: 2px solid transparent; }
.telet-account-action--dashboard {
  background: linear-gradient(135deg, var(--boss-public-accent-strong, #006fae), #005b8c);
  box-shadow: 0 10px 24px rgba(0, 111, 174, 0.2);
  overflow: hidden;
  position: relative;
}

/* BOSS Living Grid — richer on Dashboard and the primary mobile trigger. */
.boss-living-grid {
  --boss-living-grid-size: 1.18rem;
  align-items: center;
  display: inline-grid;
  flex: 0 0 auto;
  height: var(--boss-living-grid-size);
  isolation: isolate;
  justify-items: center;
  position: relative;
  width: var(--boss-living-grid-size);
}
.boss-living-grid__ring {
  border: 1px solid currentColor;
  border-radius: 50%;
  inset: -0.26rem;
  opacity: 0.38;
  position: absolute;
  transition: opacity 180ms ease, transform 260ms ease;
}
.boss-living-grid__matrix {
  display: grid;
  gap: 2px;
  grid-template-columns: repeat(2, 1fr);
  height: 100%;
  transform: rotate(0deg);
  transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
  width: 100%;
}
.boss-living-grid__cell {
  background: currentColor;
  border-radius: 2px;
  opacity: 0.9;
  transition: opacity 180ms ease, transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
}
.boss-living-grid--dashboard {
  --boss-living-grid-size: 1.12rem;
  color: #fff;
}
.boss-living-grid--dashboard .boss-living-grid__ring {
  animation: boss-living-grid-breathe 3.4s ease-in-out infinite;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.24);
}
.telet-account-action--dashboard:hover .boss-living-grid__matrix,
.telet-account-action--dashboard:focus-visible .boss-living-grid__matrix { transform: rotate(45deg); }
.telet-account-action--dashboard:hover .boss-living-grid__cell--2,
.telet-account-action--dashboard:focus-visible .boss-living-grid__cell--2 { transform: translate(1px, -1px); }
.telet-account-action--dashboard:hover .boss-living-grid__cell--3,
.telet-account-action--dashboard:focus-visible .boss-living-grid__cell--3 { transform: translate(-1px, 1px); }

@keyframes boss-living-grid-breathe {
  0%, 100% { opacity: 0.32; transform: scale(0.92); }
  50% { opacity: 0.72; transform: scale(1.08); }
}

.telet-header__extensions { min-height: 2.65rem; }
.telet-header__extensions .boss-beta-float { flex: none; margin: 0 0 0 0.2rem; position: relative; }

.telet-nav-toggle {
  align-items: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 0.82rem;
  color: var(--boss-public-accent-strong, #006fae);
  display: none;
  height: var(--boss-control-min-size, 44px);
  justify-content: center;
  padding: 0;
  transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 120ms ease;
  width: var(--boss-control-min-size, 44px);
}
.telet-nav-toggle .boss-living-grid { --boss-living-grid-size: 1.22rem; }
.telet-nav-toggle:hover { background: transparent; border-color: transparent; box-shadow: none; }
.telet-nav-toggle:focus-visible { background: transparent; border-color: transparent; box-shadow: var(--telet-host-focus); outline: 2px solid transparent; }
.telet-nav-toggle:active { transform: translateY(1px); }
.telet-nav-toggle[aria-expanded="true"] {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.telet-nav-toggle[aria-expanded="true"] .boss-living-grid__matrix { transform: rotate(45deg); }
.telet-nav-toggle[aria-expanded="true"] .boss-living-grid__ring { opacity: 0.75; transform: scale(1.08); }
.telet-nav-toggle[aria-expanded="true"] .boss-living-grid__cell--1,
.telet-nav-toggle[aria-expanded="true"] .boss-living-grid__cell--4 { opacity: 0.38; }

.telet-nav__mobile-actions { display: none; }

.telet-mobile-nav__close {
  align-items: center;
  background: rgba(255,255,255,.88);
  border: 1px solid var(--boss-public-border, #d9e3ee);
  border-radius: .78rem;
  color: var(--boss-public-text, #1d1d1b);
  display: inline-flex;
  height: 2.55rem;
  justify-content: center;
  padding: 0;
  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease;
  width: 2.55rem;
}
.telet-mobile-nav__close svg {
  fill: none;
  height: 1.05rem;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-width: 1.8;
  width: 1.05rem;
}
.telet-mobile-nav__close:hover {
  background: color-mix(in srgb, var(--boss-public-accent, #009fe3) 8%, #fff);
  border-color: color-mix(in srgb, var(--boss-public-accent, #009fe3) 28%, var(--boss-public-border, #d9e3ee));
}
.telet-mobile-nav__close:focus-visible { box-shadow: var(--telet-host-focus); outline: 2px solid transparent; }
.telet-mobile-nav__close:active { transform: translateY(1px); }
.telet-site-content { min-height: 50vh; }

.telet-site-footer {
  background: var(--boss-shell-footer-bg, #0f172a);
  color: var(--boss-shell-footer-text, #cbd5e1);
  margin-top: 3rem;
  width: 100%;
}
.telet-footer__inner {
  box-sizing: border-box;
  display: grid;
  gap: 2rem;
  grid-template-columns: minmax(14rem, 1.2fr) minmax(12rem, 1fr) minmax(8rem, auto);
  margin: 0 auto;
  max-width: var(--boss-public-content-width, 72rem);
  padding: 2.5rem clamp(0.85rem, 2.2vw, 1.25rem) 2rem;
  width: 100%;
}
.telet-footer__title {
  color: #fff;
  font-family: var(--boss-font-ui, "Nunito", system-ui, sans-serif);
  font-size: 1.05rem;
  font-weight: 800;
  text-decoration: none;
}
.telet-footer__tagline {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--boss-type-small-size, 0.875rem);
  line-height: 1.6;
  margin: 0.65rem 0 0;
  max-width: 32rem;
}
.telet-footer-nav__list { display: grid; gap: 0.45rem; }
.telet-footer-nav__list a {
  color: rgba(255, 255, 255, 0.86);
  display: inline-flex;
  min-height: 2.5rem;
  padding: 0.45rem 0;
  text-decoration: none;
}
.telet-footer-nav__list a:hover,
.telet-footer-nav__list a:focus-visible { color: #fff; text-decoration: underline; text-underline-offset: 0.2em; }
.telet-footer__bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  box-sizing: border-box;
  width: 100%;
}
.telet-footer__bottom-inner {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: var(--boss-public-content-width, 72rem);
  padding: 1rem clamp(0.85rem, 2.2vw, 1.25rem);
  width: 100%;
}
.telet-footer__bottom p {
  color: rgba(255, 255, 255, 0.68);
  font-size: var(--boss-type-small-size, 0.875rem);
  margin: 0;
}

html.telet-nav-open,
html.telet-nav-open body { overflow: hidden; }

@media (max-width: 1024px) {
  .telet-nav__list a { padding-inline: 0.58rem; }
  .telet-account-action { padding-inline: 0.7rem; }
}

@media (max-width: 900px) {
  .telet-header__tagline { display: none; }
  .telet-nav__list { gap: 0; }
  .telet-nav__list a { font-size: 0.88rem; padding-inline: 0.48rem; }
}

@media (max-width: 820px) {
  body.admin-bar .telet-site-header { top: 46px; }
  .telet-header__inner {
    gap: 0.5rem;
    grid-template-columns: minmax(0, 1fr) auto auto;
    min-height: 4rem;
    padding-block: 0.52rem;
  }
  .telet-header__identity { max-width: 10rem; }
  .telet-header__logo img { max-height: 2.3rem; max-width: 7rem; }
  .telet-nav-toggle { display: inline-flex; grid-column: 2; grid-row: 1; }
  .telet-header__actions { grid-column: 3; grid-row: 1; }
  .telet-account-actions--desktop { display: none; }
  .telet-header__extensions { min-height: 2.6rem; }
  .telet-header__extensions .boss-beta-float { height: 2.35rem; margin: 0; width: 2.35rem; }

  .telet-primary-nav {
    background: var(--boss-public-surface, #fff);
    border-top: 1px solid var(--boss-public-border, rgba(29, 29, 27, 0.12));
    bottom: 0;
    box-shadow: 0 18px 35px rgba(15, 23, 42, 0.14);
    display: block;
    grid-column: 1 / -1;
    left: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 1rem;
    right: 0;
    top: var(--telet-host-nav-top);
    z-index: 999;
  }
  html.js .telet-primary-nav[data-open="false"] { display: none; }
  html.js .telet-primary-nav[data-open="true"] { display: block; }
  html:not(.js) .telet-primary-nav { position: static; }
  html.js .telet-primary-nav { position: fixed; }
  .telet-nav__list { align-items: center; display: flex; flex-wrap: nowrap; gap: 0.28rem; }
  .telet-nav__list a { font-size: 1rem; justify-content: center; min-height: 3rem; padding: 0.8rem; width: auto; }
  .telet-nav__list a::after { left: 0.9rem; right: auto; width: 2.25rem; }
  .telet-nav__mobile-actions {
    border-top: 1px solid var(--boss-public-border, rgba(29, 29, 27, 0.12));
    display: block;
    margin-top: 1rem;
    padding-top: 1rem;
  }
  .telet-account-actions--mobile { display: flex; flex-wrap: nowrap; gap: 0.45rem; }
  .telet-account-actions--mobile .telet-account-action { width: auto; }
  .telet-footer__inner { grid-template-columns: 1fr; padding-top: 2rem; }
}

@media (max-width: 430px) {
  .telet-header__inner { padding-inline: 0.72rem; }
  .telet-header__logo img { max-width: 6.25rem; }
  .telet-header__extensions .boss-beta-float { height: 2.2rem; width: 2.2rem; }
  .telet-nav-toggle { height: var(--boss-control-min-size, 44px); width: var(--boss-control-min-size, 44px); }
}

@media (max-width: 360px) {
  .telet-header__inner { gap: 0.35rem; }
  .telet-header__logo img { max-width: 5.6rem; }
  .telet-header__extensions { display: none; }
}

@media (max-width: 320px) {
  .telet-header__inner { padding-inline: 0.55rem; }
  .telet-nav-toggle { height: var(--boss-control-min-size, 44px); width: var(--boss-control-min-size, 44px); }
  .telet-primary-nav { padding-inline: 0.72rem; }
}

/* UAT visual-regression recovery — richer BOSS chrome without Astra. */
.telet-mobile-nav__head { display: none; }

@property --boss-living-grid-angle { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
.boss-living-grid {
  --boss-living-grid-size: 1.42rem;
  align-items: center;
  border-radius: 0.45rem;
  display: inline-grid;
  height: var(--boss-living-grid-size);
  isolation: isolate;
  justify-items: center;
  overflow: visible;
  position: relative;
  width: var(--boss-living-grid-size);
}
.boss-living-grid--dashboard,
.boss-living-grid--dashboard-compact { --boss-living-grid-size: 1.48rem; }
.boss-living-grid__glow {
  animation: boss-living-grid-breathe 4.2s ease-in-out infinite;
  background: radial-gradient(closest-side, rgba(89, 217, 255, 0.38), rgba(0, 159, 227, 0) 72%);
  border-radius: 0.7rem;
  inset: -0.62rem;
  opacity: 0.52;
  pointer-events: none;
  position: absolute;
  transition: opacity 220ms ease, transform 220ms ease;
  z-index: 0;
}
.boss-living-grid__ring {
  animation: boss-living-grid-orbit 4.6s linear infinite;
  background: conic-gradient(from var(--boss-living-grid-angle), rgba(0,159,227,0) 0deg, rgba(0,159,227,0) 62deg, rgba(109,141,255,.5) 145deg, rgba(0,159,227,.98) 210deg, #59d9ff 248deg, rgba(89,217,255,0) 276deg, rgba(0,159,227,0) 360deg);
  border-radius: 0.48rem;
  inset: -0.26rem;
  opacity: 0.72;
  padding: 1.5px;
  pointer-events: none;
  position: absolute;
  -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, linear-gradient(#000 0 0);
  mask-composite: exclude;
  transition: filter 180ms ease, opacity 180ms ease;
  z-index: 1;
}
.boss-living-grid__matrix {
  display: grid;
  gap: 3px;
  grid-template-columns: repeat(2, 1fr);
  height: 100%;
  padding: 2px;
  position: relative;
  transition: filter 180ms ease, transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
  width: 100%;
  z-index: 2;
}
.boss-living-grid__cell {
  animation: boss-living-grid-chase 3.2s ease-in-out infinite;
  background: linear-gradient(145deg, currentColor, #59d9ff);
  border-radius: 2.5px;
  box-shadow: 0 0 0 rgba(89, 217, 255, 0);
  opacity: 0.82;
  transform-origin: center;
}
.boss-living-grid__cell--1 { animation-delay: 0s; --boss-grid-x: -2px; --boss-grid-y: -2px; }
.boss-living-grid__cell--2 { animation-delay: .8s; --boss-grid-x: 2px; --boss-grid-y: -2px; }
.boss-living-grid__cell--3 { animation-delay: 1.6s; --boss-grid-x: 2px; --boss-grid-y: 2px; }
.boss-living-grid__cell--4 { animation-delay: 2.4s; --boss-grid-x: -2px; --boss-grid-y: 2px; }
@keyframes boss-living-grid-breathe { 0%, 100% { opacity: .34; transform: scale(.96); } 50% { opacity: .68; transform: scale(1.06); } }
@keyframes boss-living-grid-orbit { to { --boss-living-grid-angle: 360deg; } }
@keyframes boss-living-grid-chase { 0%, 32%, 100% { opacity: .78; box-shadow: 0 0 0 rgba(89,217,255,0); transform: scale(.96); } 10% { opacity: 1; box-shadow: 0 0 7px rgba(89,217,255,.82); transform: scale(1.08); } }
@keyframes boss-living-grid-scatter { 0% { transform: translate(0, 0) scale(1); } 42% { box-shadow: 0 0 8px rgba(89,217,255,.9); transform: translate(var(--boss-grid-x), var(--boss-grid-y)) scale(1.12); } 100% { transform: translate(0, 0) scale(1); } }
[data-telet-account-role="dashboard"]:hover .boss-living-grid__ring,
[data-telet-account-role="dashboard"]:focus-visible .boss-living-grid__ring,
.telet-nav-toggle:hover .boss-living-grid__ring,
.telet-nav-toggle:focus-visible .boss-living-grid__ring { filter: brightness(1.32) drop-shadow(0 0 4px rgba(89,217,255,.55)); opacity: 1; }
[data-telet-account-role="dashboard"]:hover .boss-living-grid__matrix,
[data-telet-account-role="dashboard"]:focus-visible .boss-living-grid__matrix { filter: brightness(1.18); }
[data-telet-account-role="dashboard"].is-clicked .boss-living-grid__cell { animation: boss-living-grid-scatter .48s cubic-bezier(.34, 1.56, .64, 1); }
[data-telet-account-role="dashboard"].is-clicked .boss-living-grid__cell--2 { animation-delay: .03s; }
[data-telet-account-role="dashboard"].is-clicked .boss-living-grid__cell--3 { animation-delay: .06s; }
[data-telet-account-role="dashboard"].is-clicked .boss-living-grid__cell--4 { animation-delay: .09s; }

.telet-account-action--dashboard {
  background: linear-gradient(145deg, rgba(239, 249, 255, 0.98), #fff);
  border-color: color-mix(in srgb, var(--boss-public-accent, #009fe3) 36%, var(--boss-public-border, #d9e3ee));
  box-shadow: 0 10px 26px rgba(0, 111, 174, 0.1);
  color: #074b73;
}
.telet-account-action--dashboard:hover,
.telet-account-action--dashboard:focus-visible { background: linear-gradient(145deg, #e7f7ff, #fff); border-color: rgba(0, 159, 227, 0.5); }
.telet-account-actions--desktop .telet-account-action--grid-only {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: var(--boss-public-accent-strong, #006fae);
  height: var(--boss-control-min-size, 44px);
  min-height: var(--boss-control-min-size, 44px);
  padding: 0;
  width: var(--boss-control-min-size, 44px);
}
.telet-account-actions--desktop .telet-account-action--grid-only:hover,
.telet-account-actions--desktop .telet-account-action--grid-only:focus-visible {
  background: transparent;
  border-color: transparent;
  box-shadow: var(--telet-host-focus);
}

.telet-footer__inner {
  gap: clamp(1.5rem, 3vw, 3rem);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding-block: clamp(2.8rem, 5vw, 4.2rem) clamp(2.2rem, 4vw, 3.2rem);
  position: relative;
}
.telet-footer__brand,
.telet-footer__group { align-content: start; display: grid; gap: 0.8rem; }
.telet-footer__brand-lockup { align-items: center; color: #fff; display: inline-flex; gap: 0.85rem; justify-self: start; text-decoration: none; }
.telet-footer__brand-art {
  aspect-ratio: 2.4 / 1;
  display: block;
  max-width: min(17rem, 68vw);
  overflow: hidden;
  position: relative;
  width: clamp(13rem, 22vw, 17rem);
}
.telet-footer__brand-image {
  display: block;
  filter: drop-shadow(0 10px 24px rgba(0,0,0,.24));
  height: auto;
  left: 50%;
  max-width: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: filter .22s ease, transform .22s ease;
  width: 160%;
}
.telet-footer__brand-lockup:hover .telet-footer__brand-image,
.telet-footer__brand-lockup:focus-visible .telet-footer__brand-image { filter: drop-shadow(0 12px 28px rgba(89,217,255,.24)); transform: translate(-50%, calc(-50% - 1px)); }
.telet-footer__eyebrow { color: #7dd3fc; font-family: var(--boss-font-ui, "Nunito", system-ui, sans-serif); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
.telet-footer__heading { color: #fff; font-family: var(--boss-font-display, "Nunito", system-ui, sans-serif); font-size: 1rem; font-weight: 800; line-height: 1.3; margin: 0; }
.telet-footer__brand .telet-footer__heading { font-size: clamp(1.2rem, 2vw, 1.55rem); max-width: 20rem; }
.telet-footer__tagline { margin-top: 0; max-width: 28rem; }
.telet-footer-nav__list { display: grid; gap: 0.2rem 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.telet-footer-nav__list a { align-items: center; border-radius: 0.55rem; gap: 0.4rem; min-height: var(--boss-control-min-size, 44px); padding: 0.42rem 0.3rem; transition: background 160ms ease, color 160ms ease, transform 160ms ease; }
.telet-footer-nav__list a::after { content: '↗'; font-size: 0.78em; opacity: 0.38; transition: opacity 160ms ease, transform 160ms ease; }
.telet-footer-nav__list a:hover,
.telet-footer-nav__list a:focus-visible { background: rgba(125, 211, 252, 0.08); text-decoration: none; transform: translateX(2px); }
.telet-footer-nav__list a:hover::after,
.telet-footer-nav__list a:focus-visible::after { opacity: 0.9; transform: translate(1px, -1px); }
/* Footer account door — passage links instead of bounded buttons. */
.telet-account-actions--footer {
  align-items: stretch;
  display: grid;
  gap: 0.28rem;
  justify-items: stretch;
  max-width: 100%;
  position: relative;
  width: min(100%, 18rem);
}
.telet-account-actions--footer .telet-account-icon,
.telet-account-actions--footer .telet-account-icon:visited {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  color: rgba(223, 245, 255, 0.78);
  display: grid;
  gap: 0.62rem;
  grid-template-columns: auto minmax(0, 1fr);
  height: auto;
  justify-content: start;
  max-width: 100%;
  min-height: var(--boss-control-min-size, 44px);
  min-width: 0;
  overflow: hidden;
  padding: 0.55rem 1.45rem 0.64rem 0.12rem;
  position: relative;
  text-align: left;
  transform: translateX(0);
  transition: color 180ms ease, transform 180ms ease;
  width: 100%;
}
.telet-account-actions--footer .telet-account-icon--register,
.telet-account-actions--footer .telet-account-icon--register:visited {
  background: transparent;
  border: 0;
  color: #f6fcff;
}
.telet-account-actions--footer .telet-account-icon__glyph {
  height: 1rem;
  opacity: 0.64;
  transition: opacity 180ms ease, transform 180ms ease;
  width: 1rem;
}
.telet-account-actions--footer .telet-account-icon__label {
  display: inline;
  font-size: 0.82rem;
  letter-spacing: 0.01em;
  line-height: 1.25;
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: normal;
}
.telet-account-actions--footer .telet-account-icon__label::after {
  content: ' →';
  display: inline-block;
  opacity: 0.42;
  transform: translateX(0);
  transition: opacity 180ms ease, transform 180ms ease;
}
.telet-account-actions--footer .telet-account-icon::before {
  background: linear-gradient(90deg, rgba(125, 211, 252, 0.14), rgba(89, 217, 255, 0.82) 46%, rgba(255, 255, 255, 0.96) 54%, rgba(89, 217, 255, 0.44) 72%, transparent);
  background-position: 100% 0;
  background-size: 220% 100%;
  bottom: 0.16rem;
  content: '';
  height: 1px;
  left: 0.12rem;
  opacity: 0.48;
  position: absolute;
  right: 0;
  transform: scaleX(.34);
  transform-origin: left center;
  transition: opacity 180ms ease, transform 220ms ease;
}
.telet-account-actions--footer .telet-account-icon::after {
  background: linear-gradient(180deg, transparent, rgba(125, 211, 252, 0.26) 16%, rgba(89, 217, 255, 0.82) 52%, rgba(125, 211, 252, 0.2) 82%, transparent);
  bottom: 0.34rem;
  content: '';
  opacity: 0.38;
  position: absolute;
  right: 0;
  top: 0.34rem;
  transition: box-shadow 180ms ease, opacity 180ms ease;
  width: 1px;
}
.telet-account-actions--footer .telet-account-icon:is(:hover, :focus-visible) {
  background: transparent;
  border: 0;
  box-shadow: none;
  color: #fff;
  outline: 0;
  transform: translateX(3px);
}
.telet-account-actions--footer .telet-account-icon:is(:hover, :focus-visible)::before {
  animation: telet-footer-door-light 900ms ease-out both;
  opacity: 1;
  transform: scaleX(1);
}
.telet-account-actions--footer .telet-account-icon:is(:hover, :focus-visible)::after {
  box-shadow: 0 0 14px rgba(89, 217, 255, 0.68);
  opacity: 1;
}
.telet-account-actions--footer .telet-account-icon:is(:hover, :focus-visible) .telet-account-icon__glyph { opacity: 1; transform: translateX(1px); }
.telet-account-actions--footer .telet-account-icon:is(:hover, :focus-visible) .telet-account-icon__label::after { opacity: 0.92; transform: translateX(3px); }
body.telet-public-site .telet-site-footer .telet-account-actions--footer .telet-account-icon[aria-current="page"] {
  border: 0;
  box-shadow: none;
  color: #fff;
}
body.telet-public-site .telet-site-footer .telet-account-actions--footer .telet-account-icon[aria-current="page"]::before { opacity: 0.9; transform: scaleX(1); }

/* Footer account anchors are links/passages, never controls or CTA pills. */
body.telet-public-site .telet-site-footer .telet-footer__group--account > .telet-account-actions--footer > a {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}
body.telet-public-site .telet-site-footer .telet-footer__group--account > .telet-account-actions--footer > a:is(:link, :visited, :hover, :focus-visible, :active) {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Logged-in footer dashboard uses the same open passage language. */
.telet-account-actions--footer .telet-account-action--dashboard {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  color: #f6fcff;
  display: grid;
  gap: 0.62rem;
  grid-template-columns: auto minmax(0, 1fr);
  justify-content: start;
  max-width: 100%;
  min-height: var(--boss-control-min-size, 44px);
  min-width: 0;
  overflow: hidden;
  padding: 0.55rem 1.45rem 0.64rem 0.12rem;
  position: relative;
  text-align: left;
  transform: translateX(0);
  transition: color 180ms ease, transform 180ms ease;
  white-space: normal;
  width: 100%;
}
.telet-account-actions--footer .telet-account-action--dashboard .boss-living-grid--dashboard {
  --boss-living-grid-size: 1rem;
  color: rgba(223, 245, 255, 0.72);
  opacity: 0.82;
}
.telet-account-actions--footer .telet-account-action--dashboard .boss-living-grid__glow {
  animation: none;
  opacity: 0.12;
}
.telet-account-actions--footer .telet-account-action--dashboard .boss-living-grid__ring {
  animation: none;
  box-shadow: none;
  opacity: 0.2;
}
.telet-account-actions--footer .telet-account-action--dashboard .telet-account-action__label {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  line-height: 1.25;
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: normal;
}
.telet-account-actions--footer .telet-account-action--dashboard .telet-account-action__label::after {
  content: ' →';
  display: inline-block;
  opacity: 0.42;
  transform: translateX(0);
  transition: opacity 180ms ease, transform 180ms ease;
}
.telet-account-actions--footer .telet-account-action--dashboard::before {
  background: linear-gradient(90deg, rgba(125, 211, 252, 0.14), rgba(89, 217, 255, 0.82) 46%, rgba(255, 255, 255, 0.96) 54%, rgba(89, 217, 255, 0.44) 72%, transparent);
  background-position: 100% 0;
  background-size: 220% 100%;
  bottom: 0.16rem;
  content: '';
  height: 1px;
  left: 0.12rem;
  opacity: 0.48;
  position: absolute;
  right: 0;
  transform: scaleX(.34);
  transform-origin: left center;
  transition: opacity 180ms ease, transform 220ms ease;
}
.telet-account-actions--footer .telet-account-action--dashboard::after {
  background: linear-gradient(180deg, transparent, rgba(125, 211, 252, 0.26) 16%, rgba(89, 217, 255, 0.82) 52%, rgba(125, 211, 252, 0.2) 82%, transparent);
  bottom: 0.34rem;
  content: '';
  opacity: 0.38;
  position: absolute;
  right: 0;
  top: 0.34rem;
  transition: box-shadow 180ms ease, opacity 180ms ease;
  width: 1px;
}
.telet-account-actions--footer .telet-account-action--dashboard:is(:hover, :focus-visible) {
  background: transparent;
  border: 0;
  box-shadow: none;
  color: #fff;
  outline: 0;
  transform: translateX(3px);
}
.telet-account-actions--footer .telet-account-action--dashboard:is(:hover, :focus-visible)::before {
  animation: telet-footer-door-light 900ms ease-out both;
  opacity: 1;
  transform: scaleX(1);
}
.telet-account-actions--footer .telet-account-action--dashboard:is(:hover, :focus-visible)::after {
  box-shadow: 0 0 14px rgba(89, 217, 255, 0.68);
  opacity: 1;
}
.telet-account-actions--footer .telet-account-action--dashboard:is(:hover, :focus-visible) .boss-living-grid--dashboard {
  color: #fff;
  opacity: 1;
}
.telet-account-actions--footer .telet-account-action--dashboard:is(:hover, :focus-visible) .telet-account-action__label::after {
  opacity: 0.92;
  transform: translateX(3px);
}
body.telet-public-site .telet-site-footer .telet-account-actions--footer .telet-account-action--dashboard[aria-current="page"] {
  background: transparent;
  border: 0;
  box-shadow: none;
  color: #fff;
}
body.telet-public-site .telet-site-footer .telet-account-actions--footer .telet-account-action--dashboard[aria-current="page"]::before {
  opacity: 0.9;
  transform: scaleX(1);
}

@keyframes telet-footer-door-light {
  from { background-position: 100% 0; }
  to { background-position: -100% 0; }
}

@media (prefers-reduced-motion: reduce) {
  .telet-account-actions--footer .telet-account-icon,
  .telet-account-actions--footer .telet-account-icon__glyph,
  .telet-account-actions--footer .telet-account-icon__label::after,
  .telet-account-actions--footer .telet-account-icon::before,
  .telet-account-actions--footer .telet-account-icon::after,
  .telet-account-actions--footer .telet-account-action--dashboard,
  .telet-account-actions--footer .telet-account-action--dashboard .boss-living-grid--dashboard,
  .telet-account-actions--footer .telet-account-action--dashboard .telet-account-action__label::after,
  .telet-account-actions--footer .telet-account-action--dashboard::before,
  .telet-account-actions--footer .telet-account-action--dashboard::after { transition: none; }
  .telet-account-actions--footer .telet-account-icon:is(:hover, :focus-visible)::before { animation: none; }
  .telet-account-actions--footer .telet-account-action--dashboard:is(:hover, :focus-visible)::before { animation: none; }
}
.telet-footer__group--extensions { border-top: 1px solid rgba(148,163,184,.13); grid-column: 1 / -1; padding-top: 1.3rem; }
.telet-footer__bottom { background: rgba(2, 12, 27, 0.28); }
.telet-footer__bottom-inner { align-items: center; display: flex; gap: 0.55rem; justify-content: flex-start; }
.telet-footer__bottom p { min-width: 0; }
.telet-footer__copyright { min-width: 0; }
.telet-footer__language { margin-left: auto; }
.telet-footer__language .telet-language-switcher__trigger { color: rgba(255,255,255,.52); height: var(--boss-control-min-size, 44px); opacity: .72; width: var(--boss-control-min-size, 44px); }
.telet-footer__language .telet-language-switcher__translate-icon { height: .82rem; width: .82rem; }
.telet-footer__language .telet-language-switcher__trigger:hover,
.telet-footer__language .telet-language-switcher__trigger:focus-visible { background: rgba(125, 211, 252, .08); color: #dff5ff; opacity: 1; }

/* Content-driven compact navigation: desktop chrome collapses when the real
   primary menu no longer fits its allocated track. */
@media (min-width: 821px) {
  html.telet-nav-overflow .telet-header__inner {
    gap: 0.5rem;
    grid-template-columns: minmax(0, 1fr) auto auto;
    min-height: 4rem;
    padding-block: 0.52rem;
  }
  html.telet-nav-overflow .telet-header__identity { max-width: 10rem; }
  html.telet-nav-overflow .telet-header__logo img { max-height: 2.3rem; max-width: 7rem; }
  html.telet-nav-overflow .telet-nav-toggle { display: inline-flex; grid-column: 2; grid-row: 1; }
  html.telet-nav-overflow .telet-header__actions { gap: 0.3rem; grid-column: 3; grid-row: 1; }
  html.telet-nav-overflow .telet-account-actions--desktop { display: none; }
  html.telet-nav-overflow .telet-header__extensions { display: none; }
  html.telet-nav-overflow .telet-primary-nav {
    align-content: start;
    background: radial-gradient(circle at 94% 6%, rgba(89, 217, 255, .18), transparent 27%), linear-gradient(160deg, #f7fcff, #ffffff 48%, #f1f9ff);
    border-top: 1px solid var(--boss-public-border, rgba(29, 29, 27, 0.12));
    bottom: 0;
    box-shadow: 0 18px 35px rgba(15, 23, 42, 0.14);
    box-sizing: border-box;
    gap: 1rem;
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr);
    justify-self: stretch;
    left: 0;
    margin: 0;
    max-width: none;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: clamp(1rem, 4vw, 1.5rem);
    position: fixed;
    right: 0;
    top: var(--telet-host-nav-top);
    width: 100vw;
    z-index: 999;
  }
  html.js.telet-nav-overflow .telet-primary-nav[data-open="false"] { display: none; }
  html.js.telet-nav-overflow .telet-primary-nav[data-open="true"] { display: grid; }
  html.telet-nav-overflow .telet-mobile-nav__head,
  html.telet-nav-overflow .telet-primary-nav > .telet-nav__list,
  html.telet-nav-overflow .telet-nav__mobile-actions { box-sizing: border-box; margin-inline: auto; max-width: 34rem; width: 100%; }
  html.telet-nav-overflow .telet-mobile-nav__head { align-items: start; display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr) auto; padding: 0.35rem 0.25rem 0.15rem; }
  html.telet-nav-overflow .telet-mobile-nav__intro { display: grid; gap: 0.22rem; }
  html.telet-nav-overflow .telet-mobile-nav__eyebrow { color: var(--boss-public-accent-strong, #006fae); font-size: .7rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
  html.telet-nav-overflow .telet-mobile-nav__title { color: var(--boss-public-text, #1d1d1b); font-family: var(--boss-font-display, "Nunito", system-ui, sans-serif); font-size: 1.28rem; }
  html.telet-nav-overflow .telet-mobile-nav__description { color: var(--boss-public-muted, #5e6874); font-size: .84rem; line-height: 1.45; max-width: 28rem; }
  html.telet-nav-overflow .telet-primary-nav > .telet-nav__list { align-items: center; background: rgba(255,255,255,.82); border: 1px solid rgba(0, 111, 174, .1); border-radius: 1.15rem; box-shadow: 0 18px 42px rgba(15, 23, 42, .09); display: flex; flex-wrap: nowrap; gap: .22rem; padding: .48rem; }
  html.telet-nav-overflow .telet-primary-nav > .telet-nav__list a { border-radius: .78rem; font-size: 1rem; justify-content: center; min-height: 3.35rem; padding: .85rem; width: auto; }
  html.telet-nav-overflow .telet-nav__mobile-actions { background: rgba(234, 248, 255, .72); border: 1px solid rgba(0, 159, 227, .14); border-radius: 1.15rem; display: flex; margin-top: 0; padding: .75rem; }
  html.telet-nav-overflow .telet-account-actions--mobile { display: flex; flex-wrap: nowrap; gap: 0.55rem; grid-template-columns: none; }
  html.telet-nav-overflow .telet-account-actions--mobile .telet-account-action { min-height: 3.1rem; width: auto; }
}

@media (max-width: 820px) {
  .telet-header__inner { grid-template-columns: minmax(0, 1fr) auto auto; }
  .telet-header__actions { gap: 0.3rem; }
  .telet-language-switcher--header .telet-language-switcher__trigger { height: var(--boss-control-min-size, 44px); width: var(--boss-control-min-size, 44px); }
  .telet-header__extensions { display: none; }
  .telet-primary-nav {
    align-content: start;
    background: radial-gradient(circle at 94% 6%, rgba(89, 217, 255, .18), transparent 27%), linear-gradient(160deg, #f7fcff, #ffffff 48%, #f1f9ff);
    background-color: #f8fcff;
    opacity: 1;
    box-sizing: border-box;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr);
    justify-self: stretch;
    margin: 0;
    max-width: none;
    padding: clamp(1rem, 4vw, 1.5rem);
    width: 100vw;
  }
  html.js .telet-primary-nav[data-open="true"] { display: grid; }
  .telet-mobile-nav__head,
  .telet-primary-nav > .telet-nav__list,
  .telet-nav__mobile-actions { box-sizing: border-box; margin-inline: auto; max-width: 34rem; width: 100%; }
  .telet-mobile-nav__head { align-items: start; display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr) auto; padding: 0.35rem 0.25rem 0.15rem; }
  .telet-mobile-nav__intro { display: grid; gap: 0.22rem; }
  .telet-mobile-nav__eyebrow { color: var(--boss-public-accent-strong, #006fae); font-size: .7rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
  .telet-mobile-nav__title { color: var(--boss-public-text, #1d1d1b); font-family: var(--boss-font-display, "Nunito", system-ui, sans-serif); font-size: 1.28rem; }
  .telet-mobile-nav__description { color: var(--boss-public-muted, #5e6874); font-size: .84rem; line-height: 1.45; max-width: 28rem; }
  .telet-primary-nav > .telet-nav__list { background: rgba(255,255,255,.82); border: 1px solid rgba(0, 111, 174, .1); border-radius: 1.15rem; box-shadow: 0 18px 42px rgba(15, 23, 42, .09); gap: .22rem; padding: .48rem; }
  .telet-primary-nav > .telet-nav__list a { border-radius: .78rem; font-size: 1rem; min-height: 3.35rem; padding: .85rem 1rem; }
  .telet-nav__mobile-actions { background: rgba(234, 248, 255, .72); border: 1px solid rgba(0, 159, 227, .14); border-radius: 1.15rem; margin-top: 0; padding: .75rem; }
  .telet-account-actions--mobile { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .telet-account-actions--mobile .telet-account-action { min-height: 3.1rem; }
  .telet-footer__inner { grid-template-columns: 1fr; }
  .telet-footer__group--navigation,
  .telet-footer__group--account { grid-column: 1 / -1; }
  .telet-footer__brand { grid-column: 1 / -1; }
  .telet-footer__brand {
    justify-items: center;
    text-align: center;
  }
  .telet-footer__brand-lockup { justify-self: center; }
  .telet-footer__brand .telet-footer__tagline { margin-inline: auto; }
  .telet-footer__inner > .telet-footer__brand,
  .telet-footer__inner > .telet-footer__group {
    justify-items: center;
    text-align: center;
  }
  .telet-footer__inner .telet-footer__heading { text-align: center; }
  .telet-footer__inner .telet-footer-nav__list { width: 100%; }
  .telet-footer__inner .telet-footer-nav__list a {
    justify-content: center;
    text-align: center;
  }
  .telet-footer__inner .telet-account-actions--footer {
    justify-content: center;
    justify-self: center;
  }
  .telet-footer__group--extensions { grid-column: 1 / -1; }
}

@media (max-width: 430px) {
  .telet-primary-nav { padding-inline: .85rem; }
  .telet-footer__inner { gap: 1.6rem 1rem; }
  .telet-footer-nav__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .telet-account-actions--footer { width: min(100%, 17rem); }
  .telet-account-actions--footer .telet-account-icon {
    padding: 0.48rem 1.25rem 0.58rem 0.08rem;
    width: 100%;
  }
}

@media (max-width: 360px) {
  .telet-account-actions--mobile { grid-template-columns: 1fr; }
  .telet-footer__inner { grid-template-columns: 1fr; }
  .telet-footer__brand { grid-column: auto; }
  .telet-footer__group--extensions { grid-column: auto; }
  .telet-footer__bottom-inner { align-items: center; flex-direction: row-reverse; gap: 0.5rem; justify-content: space-between; }
  .telet-footer__bottom p { flex: 0 1 auto; max-width: calc(100% - 2.15rem); min-width: 0; text-align: right; }
  .telet-footer__copyright { overflow-wrap: anywhere; }
  .telet-footer__language { flex: 0 0 auto; margin-left: 0; margin-right: 0; }
  .telet-footer__language .telet-language-switcher__trigger { height: var(--boss-control-min-size, 44px); width: var(--boss-control-min-size, 44px); }
}

@media (max-width: 820px) {
  .telet-primary-nav {
    bottom: auto;
    background: radial-gradient(circle at 92% 4%, rgba(89, 217, 255, .15), transparent 30%), rgba(255, 255, 255, .98);
    border: 1px solid color-mix(in srgb, var(--boss-public-accent, #009fe3) 16%, var(--boss-public-border, #d9e3ee));
    border-radius: 1.15rem;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .14);
    box-sizing: border-box;
    gap: .55rem;
    left: 50%;
    max-height: var(--telet-compact-nav-max-height);
    max-width: 43rem;
    overflow-y: auto;
    padding: .65rem;
    right: auto;
    top: calc(var(--telet-host-nav-top) + .5rem);
    transform: translateX(-50%);
    width: min(calc(100vw - 1rem), 43rem);
  }
  html.js .telet-primary-nav[data-open="true"] { display: grid; }
  .telet-mobile-nav__head {
    align-items: center;
    display: grid;
    gap: .6rem;
    grid-template-columns: minmax(0, 1fr) auto;
    margin: 0;
    max-width: none;
    padding: .05rem .05rem .15rem .3rem;
    width: 100%;
  }
  .telet-mobile-nav__title {
    color: var(--boss-public-muted, #5e6874);
    font-family: var(--boss-font-ui, "Nunito", system-ui, sans-serif);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  .telet-mobile-nav__close { border-radius: .68rem; height: var(--boss-control-min-size, 44px); width: var(--boss-control-min-size, 44px); }
  .telet-mobile-nav__rail {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: .42rem;
    margin: 0;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding: .12rem .08rem .28rem;
    scroll-snap-type: inline proximity;
    scrollbar-width: none;
    width: 100%;
    -webkit-overflow-scrolling: touch;
  }
  .telet-mobile-nav__rail::-webkit-scrollbar { display: none; }
  .telet-mobile-nav__rail > .telet-nav__list {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: .34rem;
  }
  .telet-mobile-nav__rail > .telet-nav__list > li { flex: 0 0 auto; scroll-snap-align: start; }
  .telet-mobile-nav__rail .telet-nav__icon-link {
    align-items: center;
    background: rgba(247, 252, 255, .9);
    border: 1px solid rgba(0, 111, 174, .12);
    border-radius: .86rem;
    display: inline-flex;
    height: 3rem;
    justify-content: center;
    min-height: 3rem;
    padding: 0;
    width: 3rem;
  }
  .telet-mobile-nav__rail .telet-nav__icon { display: block; }
  .telet-mobile-nav__rail .telet-nav__label {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
  .telet-mobile-nav__rail .telet-nav__list a::after {
    bottom: .2rem;
    height: 2px;
    left: 50%;
    right: auto;
    transform: translateX(-50%) scaleX(.45);
    width: 1.1rem;
  }
  .telet-mobile-nav__rail .telet-nav__list .current-menu-item > a::after,
  .telet-mobile-nav__rail .telet-nav__list .current_page_item > a::after,
  .telet-mobile-nav__rail .telet-nav__list .current-menu-ancestor > a::after {
    transform: translateX(-50%) scaleX(1);
  }
  .telet-nav__mobile-actions {
    align-items: center;
    background: transparent;
    border: 0;
    border-left: 1px solid rgba(0, 111, 174, .12);
    border-radius: 0;
    display: flex;
    flex: 0 0 auto;
    margin: 0 0 0 .15rem;
    max-width: none;
    padding: 0 0 0 .55rem;
    width: auto;
  }
  .telet-account-actions--mobile {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: .34rem;
    grid-template-columns: none;
  }
  .telet-account-actions--mobile .telet-account-icon { gap: .42rem; height: 2.8rem; min-width: 7.2rem; padding-inline: .78rem; width: auto; }
  .telet-account-actions--mobile .telet-account-icon__label { display: inline; }
  .telet-nav__mobile-actions:has(.telet-account-actions--mobile:empty) { display: none; }
}

@media (min-width: 821px) {
  html.telet-nav-overflow .telet-primary-nav {
    bottom: auto;
    background: radial-gradient(circle at 92% 4%, rgba(89, 217, 255, .15), transparent 30%), rgba(255, 255, 255, .98);
    border: 1px solid color-mix(in srgb, var(--boss-public-accent, #009fe3) 16%, var(--boss-public-border, #d9e3ee));
    border-radius: 1.15rem;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .14);
    gap: .55rem;
    left: 50%;
    max-height: var(--telet-compact-nav-max-height);
    max-width: 43rem;
    overflow-y: auto;
    padding: .65rem;
    right: auto;
    top: calc(var(--telet-host-nav-top) + .5rem);
    transform: translateX(-50%);
    width: min(calc(100vw - 1rem), 43rem);
  }
  html.telet-nav-overflow .telet-mobile-nav__head {
    align-items: center;
    gap: .6rem;
    margin: 0;
    max-width: none;
    padding: .05rem .05rem .15rem .3rem;
    width: 100%;
  }
  html.telet-nav-overflow .telet-mobile-nav__title {
    color: var(--boss-public-muted, #5e6874);
    font-family: var(--boss-font-ui, "Nunito", system-ui, sans-serif);
    font-size: .76rem;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  html.telet-nav-overflow .telet-mobile-nav__close { border-radius: .68rem; height: var(--boss-control-min-size, 44px); width: var(--boss-control-min-size, 44px); }
  html.telet-nav-overflow .telet-mobile-nav__rail {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: .42rem;
    margin: 0;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding: .12rem .08rem .28rem;
    scroll-snap-type: inline proximity;
    scrollbar-width: none;
    width: 100%;
  }
  html.telet-nav-overflow .telet-mobile-nav__rail::-webkit-scrollbar { display: none; }
  html.telet-nav-overflow .telet-mobile-nav__rail > .telet-nav__list {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: .34rem;
    max-width: none;
    width: auto;
  }
  html.telet-nav-overflow .telet-mobile-nav__rail > .telet-nav__list > li { flex: 0 0 auto; scroll-snap-align: start; }
  html.telet-nav-overflow .telet-mobile-nav__rail .telet-nav__icon-link {
    align-items: center;
    background: rgba(247, 252, 255, .9);
    border: 1px solid rgba(0, 111, 174, .12);
    border-radius: .86rem;
    display: inline-flex;
    height: 3rem;
    justify-content: center;
    min-height: 3rem;
    padding: 0;
    width: 3rem;
  }
  html.telet-nav-overflow .telet-mobile-nav__rail .telet-nav__icon { display: block; }
  html.telet-nav-overflow .telet-mobile-nav__rail .telet-nav__label {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
  html.telet-nav-overflow .telet-nav__mobile-actions {
    align-items: center;
    background: transparent;
    border: 0;
    border-left: 1px solid rgba(0, 111, 174, .12);
    border-radius: 0;
    display: flex;
    flex: 0 0 auto;
    margin: 0 0 0 .15rem;
    max-width: none;
    padding: 0 0 0 .55rem;
    width: auto;
  }
  html.telet-nav-overflow .telet-account-actions--mobile {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: .34rem;
    grid-template-columns: none;
  }
  html.telet-nav-overflow .telet-account-actions--mobile .telet-account-icon { gap: .42rem; height: 2.8rem; min-width: 7.2rem; padding-inline: .78rem; width: auto; }
  html.telet-nav-overflow .telet-account-actions--mobile .telet-account-icon__label { display: inline; }
  html.telet-nav-overflow .telet-nav__mobile-actions:has(.telet-account-actions--mobile:empty) { display: none; }
}

/* Big Flash Public & Entry — discoverable compact destination grid.
   Essential destinations never depend on invisible horizontal overflow. */
@media (max-width: 820px) {
  .telet-mobile-nav__rail { display: block; overflow-x: visible; overscroll-behavior-inline: auto; padding: .12rem .08rem .2rem; scroll-snap-type: none; }
  .telet-mobile-nav__rail > .telet-nav__list { display: grid; gap: .45rem; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
  .telet-mobile-nav__rail > .telet-nav__list > li { flex: initial; min-width: 0; scroll-snap-align: none; }
  .telet-mobile-nav__rail .telet-nav__icon-link { display: grid; gap: .32rem; grid-template-rows: auto auto; height: auto; min-height: 4.45rem; padding: .55rem .35rem; width: 100%; }
  .telet-mobile-nav__rail .telet-nav__label { clip: auto; clip-path: none; font-size: .72rem; height: auto; line-height: 1.15; margin: 0; overflow: visible; padding: 0; position: static; text-align: center; white-space: normal; width: auto; }
  .telet-nav__mobile-actions { border-left: 0; border-top: 1px solid rgba(0, 111, 174, .12); display: flex; justify-content: center; margin: .15rem 0 0; padding: .65rem .08rem 0; width: 100%; }
  .telet-account-actions--mobile { justify-content: center; }
}
@media (max-width: 360px) {
  .telet-mobile-nav__rail > .telet-nav__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 821px) {
  html.telet-nav-overflow .telet-mobile-nav__rail { display: block; overflow-x: visible; overscroll-behavior-inline: auto; padding: .12rem .08rem .2rem; scroll-snap-type: none; }
  html.telet-nav-overflow .telet-mobile-nav__rail > .telet-nav__list { display: grid; gap: .45rem; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
  html.telet-nav-overflow .telet-mobile-nav__rail > .telet-nav__list > li { flex: initial; min-width: 0; scroll-snap-align: none; }
  html.telet-nav-overflow .telet-mobile-nav__rail .telet-nav__icon-link { display: grid; gap: .32rem; grid-template-rows: auto auto; height: auto; min-height: 4.45rem; padding: .55rem .35rem; width: 100%; }
  html.telet-nav-overflow .telet-mobile-nav__rail .telet-nav__label { clip: auto; clip-path: none; font-size: .72rem; height: auto; line-height: 1.15; margin: 0; overflow: visible; padding: 0; position: static; text-align: center; white-space: normal; width: auto; }
  html.telet-nav-overflow .telet-nav__mobile-actions { border-left: 0; border-top: 1px solid rgba(0, 111, 174, .12); display: flex; justify-content: center; margin: .15rem 0 0; padding: .65rem .08rem 0; width: 100%; }
  html.telet-nav-overflow .telet-account-actions--mobile { justify-content: center; }
}

/* Big Flash Public & Entry R2 — keep the compact Shell trigger grid-only while
   preserving a full touch target and screen-reader naming. */
@media (max-width: 820px) {
  .telet-nav-toggle {
    gap: 0;
    height: 2.75rem;
    min-width: 2.75rem;
    padding: 0;
    width: 2.75rem;
  }
  .telet-nav-toggle .boss-living-grid { --boss-living-grid-size: 1.34rem; }
  .telet-nav-toggle .boss-living-grid__glow {
    filter: brightness(1.08) saturate(1.08);
    opacity: .66;
  }
  .telet-nav-toggle .boss-living-grid__ring {
    filter: brightness(1.14) drop-shadow(0 0 3px rgba(89,217,255,.38));
    opacity: .84;
  }
  .telet-nav-toggle[aria-expanded="true"] .boss-living-grid__glow {
    filter: brightness(1.18) saturate(1.12);
    opacity: .82;
  }
  .telet-nav-toggle[aria-expanded="true"] .boss-living-grid__ring {
    filter: brightness(1.28) drop-shadow(0 0 5px rgba(89,217,255,.52));
    opacity: 1;
    transform: scale(1.1);
  }
  .telet-nav-toggle[aria-expanded="true"] .boss-living-grid__matrix {
    filter: brightness(1.14);
    transform: rotate(45deg);
  }
  .telet-mobile-nav__close { height: 2.75rem; width: 2.75rem; }
  .telet-language-switcher--header .telet-language-switcher__trigger { height: 2.5rem; width: 2.5rem; }
}

/* Narrow-phone composition: all public destinations remain visible at once.
   Tablet keeps the compact rail; phones trade one extra row for discoverability. */
@media (max-width: 430px) {
  .telet-mobile-nav__rail {
    align-items: stretch;
    display: grid;
    gap: .55rem;
    overflow-x: visible;
    padding-bottom: .12rem;
    scroll-snap-type: none;
  }
  .telet-mobile-nav__rail > .telet-nav__list {
    display: grid;
    gap: .38rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
  }
  .telet-mobile-nav__rail > .telet-nav__list > li { min-width: 0; }
  .telet-mobile-nav__rail .telet-nav__icon-link {
    gap: .28rem;
    height: auto;
    min-height: 3.35rem;
    padding: .42rem .25rem;
    width: 100%;
  }
  .telet-mobile-nav__rail .telet-nav__label {
    clip: auto;
    clip-path: none;
    display: block;
    font-size: .66rem;
    height: auto;
    line-height: 1.12;
    margin: 0;
    overflow: hidden;
    position: static;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
  }
  .telet-nav__mobile-actions {
    border-left: 0;
    border-top: 1px solid rgba(0, 111, 174, .12);
    margin: 0;
    padding: .52rem 0 0;
    width: 100%;
  }
  .telet-account-actions--mobile { justify-content: center; }
}

@media (max-width: 360px) {
  .telet-mobile-nav__rail > .telet-nav__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Big Flash Public & Entry R3 — lightweight mobile navigation rail.
   Destinations are semantic markers, not stacked cards; account continuity
   becomes a luminous threshold that visually underlines the compact panel. */
@keyframes telet-mobile-nav-band-scan {
  0% { opacity: 0; transform: translateX(-135%); }
  12%, 72% { opacity: .92; }
  100% { opacity: 0; transform: translateX(430%); }
}

@media (max-width: 820px) {
  .telet-mobile-nav__rail {
    display: grid;
    gap: .72rem;
    overflow-x: visible;
    overscroll-behavior-inline: auto;
    padding: .14rem .05rem .24rem;
    scroll-snap-type: none;
    width: 100%;
  }
  .telet-mobile-nav__rail > .telet-nav__list {
    display: grid;
    gap: .18rem .34rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
  }
  .telet-mobile-nav__rail > .telet-nav__list > li {
    min-width: 0;
    scroll-snap-align: none;
  }
  .telet-mobile-nav__rail .telet-nav__icon-link {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: color-mix(in srgb, var(--boss-public-text, #1d1d1b) 78%, var(--boss-public-accent-strong, #006fae));
    display: grid;
    gap: .36rem;
    grid-template-rows: auto auto;
    height: auto;
    justify-items: center;
    min-height: 4.1rem;
    padding: .56rem .3rem .74rem;
    position: relative;
    transition: color 180ms ease, transform 180ms ease;
    width: 100%;
  }
  .telet-mobile-nav__rail .telet-nav__icon-link::before {
    background: radial-gradient(circle, rgba(89,217,255,.18), rgba(0,159,227,.07) 42%, transparent 72%);
    border-radius: 50%;
    content: "";
    height: 2.35rem;
    left: 50%;
    opacity: .46;
    pointer-events: none;
    position: absolute;
    top: .25rem;
    transform: translateX(-50%) scale(.88);
    transition: opacity 180ms ease, transform 220ms ease;
    width: 2.35rem;
  }
  .telet-mobile-nav__rail .telet-nav__icon {
    color: var(--boss-public-accent-strong, #006fae);
    display: block;
    filter: drop-shadow(0 3px 8px rgba(0,111,174,.12));
    height: 1.42rem;
    position: relative;
    width: 1.42rem;
    z-index: 1;
  }
  .telet-mobile-nav__rail .telet-nav__label {
    clip: auto;
    clip-path: none;
    color: inherit;
    display: block;
    font-size: .72rem;
    font-weight: 800;
    height: auto;
    line-height: 1.15;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    text-align: center;
    white-space: normal;
    width: auto;
    z-index: 1;
  }
  .telet-mobile-nav__rail .telet-nav__icon-link::after {
    background: linear-gradient(90deg, transparent, rgba(89,217,255,.78), var(--boss-public-accent, #009fe3), rgba(89,217,255,.78), transparent);
    border-radius: 999px;
    bottom: .18rem;
    box-shadow: none;
    height: 2px;
    left: 50%;
    opacity: .2;
    right: auto;
    transform: translateX(-50%) scaleX(.34);
    transform-origin: center;
    transition: opacity 180ms ease, transform 220ms cubic-bezier(.22,1,.36,1), box-shadow 220ms ease;
    width: min(2.8rem, 58%);
  }
  .telet-mobile-nav__rail .telet-nav__icon-link:hover,
  .telet-mobile-nav__rail .telet-nav__icon-link:focus-visible {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: var(--boss-public-accent-strong, #006fae);
    transform: translateY(-1px);
  }
  .telet-mobile-nav__rail .telet-nav__icon-link:hover::before,
  .telet-mobile-nav__rail .telet-nav__icon-link:focus-visible::before,
  .telet-mobile-nav__rail .current-menu-item > .telet-nav__icon-link::before,
  .telet-mobile-nav__rail .current_page_item > .telet-nav__icon-link::before,
  .telet-mobile-nav__rail .current-menu-ancestor > .telet-nav__icon-link::before {
    opacity: .82;
    transform: translateX(-50%) scale(1.08);
  }
  .telet-mobile-nav__rail .current-menu-item > .telet-nav__icon-link,
  .telet-mobile-nav__rail .current_page_item > .telet-nav__icon-link,
  .telet-mobile-nav__rail .current-menu-ancestor > .telet-nav__icon-link {
    background: transparent;
    border-color: transparent;
    color: var(--boss-public-accent-strong, #006fae);
  }
  .telet-mobile-nav__rail .telet-nav__icon-link:hover::after,
  .telet-mobile-nav__rail .telet-nav__icon-link:focus-visible::after,
  .telet-mobile-nav__rail .current-menu-item > .telet-nav__icon-link::after,
  .telet-mobile-nav__rail .current_page_item > .telet-nav__icon-link::after,
  .telet-mobile-nav__rail .current-menu-ancestor > .telet-nav__icon-link::after {
    box-shadow: 0 0 10px rgba(89,217,255,.52);
    opacity: 1;
    transform: translateX(-50%) scaleX(1);
  }
  .telet-mobile-nav__rail .telet-nav__icon-link:active {
    background: transparent;
    transform: translateY(0);
  }

  .telet-nav__mobile-actions {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    display: flex;
    justify-content: center;
    margin: .18rem 0 0;
    max-width: none;
    overflow: hidden;
    padding: .96rem .22rem .08rem;
    position: relative;
    width: 100%;
  }
  .telet-nav__mobile-actions::before {
    background: linear-gradient(90deg, transparent, rgba(0,111,174,.18) 14%, rgba(89,217,255,.58) 50%, rgba(0,111,174,.18) 86%, transparent);
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: .22rem;
  }
  .telet-nav__mobile-actions::after {
    animation: telet-mobile-nav-band-scan 4.8s cubic-bezier(.4,0,.2,1) infinite;
    background: linear-gradient(90deg, transparent, #59d9ff 30%, #009fe3 54%, #8be8ff 72%, transparent);
    box-shadow: 0 0 8px rgba(89,217,255,.72);
    content: "";
    height: 2px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: .17rem;
    width: 28%;
  }
  .telet-account-actions--mobile {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .18rem .72rem;
    justify-content: center;
    width: 100%;
  }
  .telet-account-actions--mobile .telet-account-action {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: var(--boss-public-accent-strong, #006fae);
    min-height: 2.7rem;
    padding: .42rem .5rem;
    position: relative;
    transform: none;
  }
  .telet-account-actions--mobile .telet-account-action:hover,
  .telet-account-actions--mobile .telet-account-action:focus-visible,
  .telet-account-actions--mobile .telet-account-action[aria-current="page"] {
    background: transparent;
    border-color: transparent;
    color: var(--boss-public-accent-strong, #006fae);
  }
  .telet-account-actions--mobile .telet-account-action:hover { box-shadow: none; transform: translateY(-1px); }
  .telet-account-actions--mobile .telet-account-action:focus-visible { box-shadow: var(--telet-host-focus); border-radius: .52rem; }
  .telet-account-actions--mobile .telet-account-action[aria-current="page"] { box-shadow: none; }
  .telet-account-actions--mobile .telet-account-action__label {
    font-size: .78rem;
    letter-spacing: .02em;
  }
}

@media (max-width: 430px) {
  .telet-mobile-nav__rail { gap: .58rem; padding-bottom: .16rem; }
  .telet-mobile-nav__rail > .telet-nav__list { gap: .14rem .22rem; }
  .telet-mobile-nav__rail .telet-nav__icon-link { min-height: 3.7rem; padding: .48rem .18rem .66rem; }
  .telet-mobile-nav__rail .telet-nav__label { font-size: .67rem; line-height: 1.12; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .telet-nav__mobile-actions { margin-top: .08rem; padding-top: .88rem; }
}

@media (max-width: 360px) {
  .telet-mobile-nav__rail > .telet-nav__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

body.boss-motion-deterministic .telet-nav__mobile-actions::after {
  animation: none !important;
  opacity: .58;
  transform: translateX(128%);
}

@media (prefers-reduced-motion: reduce) {
  .telet-nav__mobile-actions::after {
    animation: none !important;
    opacity: .58;
    transform: translateX(128%);
  }
}

/* Big Flash Public & Entry R5 — account continuity is a link, never a button. */
@media (max-width: 820px) {
  .telet-account-actions--mobile .telet-account-exit {
    align-items: center;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #075b84;
    display: inline-flex;
    gap: .44rem;
    justify-content: center;
    min-height: 2.75rem;
    padding: .34rem .18rem;
    text-decoration: none;
    transition: color 180ms ease;
    width: auto;
  }
  .telet-account-actions--mobile .telet-account-exit:visited { color: #075b84; }
  .telet-account-actions--mobile .telet-account-exit:hover,
  .telet-account-actions--mobile .telet-account-exit:focus-visible,
  .telet-account-actions--mobile .telet-account-exit[aria-current="page"] {
    background: none;
    border: 0;
    box-shadow: none;
    color: #064967;
  }
  .telet-account-actions--mobile .telet-account-exit:focus-visible {
    outline: 2px solid rgba(0, 111, 174, .42);
    outline-offset: 3px;
  }
  .telet-account-exit__label {
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .025em;
    line-height: 1.1;
  }
  .telet-account-exit__arrow {
    display: inline-block;
    font-family: system-ui, sans-serif;
    font-size: .96rem;
    font-weight: 600;
    line-height: 1;
    opacity: .58;
    transform: translateX(0);
    transition: opacity 180ms ease, transform 220ms cubic-bezier(.22,1,.36,1);
  }
  .telet-account-exit:hover .telet-account-exit__arrow,
  .telet-account-exit:focus-visible .telet-account-exit__arrow,
  .telet-account-exit[aria-current="page"] .telet-account-exit__arrow {
    opacity: 1;
    transform: translateX(.2rem);
  }
}

/* DETERMINISTIC_VISUAL and PREFERS_REDUCED_MOTION preserve motion-bearing
   public chrome as a static semantic state instead of removing it. */
body.boss-motion-deterministic .boss-living-grid__glow,
body.boss-motion-deterministic .boss-living-grid__ring,
body.boss-motion-deterministic .boss-living-grid__matrix,
body.boss-motion-deterministic .boss-living-grid__cell,
body.boss-motion-deterministic .telet-nav__list a,
body.boss-motion-deterministic .telet-nav__list a::after,
body.boss-motion-deterministic .telet-account-action,
body.boss-motion-deterministic .telet-nav-toggle {
  animation: none !important;
  transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .boss-living-grid__glow,
  .boss-living-grid__ring,
  .boss-living-grid__matrix,
  .boss-living-grid__cell,
  .telet-nav__list a,
  .telet-nav__list a::after,
  .telet-account-action,
  .telet-nav-toggle {
    animation: none !important;
    transition: none !important;
  }
  .boss-living-grid__glow { opacity: .42; transform: none; }
  .boss-living-grid__ring { opacity: .82; }
  .boss-living-grid__cell { opacity: .9; transform: none; }
}

/* Public Entry W6 — one compact-panel scroll authority for mobile and
   geometry-triggered desktop overflow. */
@supports (height: 100dvh) {
  :root { --telet-compact-nav-max-height: min(26rem, calc(100dvh - var(--telet-host-nav-top) - 1rem)); }
}
@media (max-width: 820px) {
  .telet-primary-nav {
    overscroll-behavior: contain;
    padding-bottom: max(.65rem, env(safe-area-inset-bottom));
    scrollbar-gutter: stable;
  }
  .telet-mobile-nav__rail .telet-nav__icon-link:focus-visible { position: relative; z-index: 1; }
}
@media (min-width: 821px) {
  html.telet-nav-overflow .telet-primary-nav {
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }
}

/* Roaming UX authority — compact primary destinations stay discoverable. */
@media (max-width: 820px) {
  .telet-mobile-nav__rail {
    align-items: stretch;
    display: grid;
    gap: .6rem;
    overflow-x: visible;
    overscroll-behavior-inline: auto;
    padding: .12rem .08rem .2rem;
    scroll-snap-type: none;
    width: 100%;
  }
  .telet-mobile-nav__rail > .telet-nav__list {
    align-items: stretch;
    display: grid;
    flex: none;
    gap: .42rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 100%;
    width: 100%;
  }
  .telet-mobile-nav__rail > .telet-nav__list > li { min-width: 0; scroll-snap-align: none; }
  .telet-mobile-nav__rail .telet-nav__icon-link {
    gap: .32rem;
    height: auto;
    min-height: 3.35rem;
    padding: .48rem .32rem;
    width: 100%;
  }
  .telet-mobile-nav__rail .telet-nav__label {
    clip: auto;
    clip-path: none;
    display: block;
    font-size: .68rem;
    height: auto;
    line-height: 1.12;
    margin: 0;
    overflow: hidden;
    position: static;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
  }
}

@media (min-width: 821px) {
  html.telet-nav-overflow .telet-mobile-nav__rail {
    align-items: stretch;
    display: grid;
    gap: .6rem;
    overflow-x: visible;
    overscroll-behavior-inline: auto;
    padding: .12rem .08rem .2rem;
    scroll-snap-type: none;
    width: 100%;
  }
  html.telet-nav-overflow .telet-mobile-nav__rail > .telet-nav__list {
    align-items: stretch;
    display: grid;
    flex: none;
    gap: .42rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 100%;
    width: 100%;
  }
  html.telet-nav-overflow .telet-mobile-nav__rail > .telet-nav__list > li { min-width: 0; scroll-snap-align: none; }
  html.telet-nav-overflow .telet-mobile-nav__rail .telet-nav__icon-link {
    gap: .32rem;
    height: auto;
    min-height: 3.35rem;
    padding: .48rem .32rem;
    width: 100%;
  }
  html.telet-nav-overflow .telet-mobile-nav__rail .telet-nav__label {
    clip: auto;
    clip-path: none;
    display: block;
    font-size: .68rem;
    height: auto;
    line-height: 1.12;
    margin: 0;
    overflow: hidden;
    position: static;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
  }
}

@media (max-width: 360px) {
  .telet-mobile-nav__rail > .telet-nav__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}