/* TFL agency UX layer: presentation and accessibility only. */
.tfl-skip-link{
  position:fixed;
  inset-block-start:.75rem;
  inset-inline-start:.75rem;
  z-index:10000;
  translate:0 -180%;
  border-radius:.65rem;
  background:#fff;
  color:#07101f;
  padding:.75rem 1rem;
  font-weight:800;
  box-shadow:0 .6rem 2rem rgba(0,0,0,.25);
}
.tfl-skip-link:focus{translate:0 0}

:where(a,button,input,select,textarea):focus-visible{
  outline:.1875rem solid var(--gold,#f6c453);
  outline-offset:.1875rem;
}

.tfl-menu-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  min-inline-size:2.75rem;
  min-block-size:2.75rem;
  border:1px solid var(--line);
  border-radius:.75rem;
  background:rgba(255,255,255,.06);
  color:var(--ink);
  cursor:pointer;
}
.tfl-menu-toggle svg{inline-size:1.35rem;block-size:1.35rem}
.tfl-mobile-menu{display:none}

@media(max-width:50rem){
  .top nav{padding-block:1rem}
  .tfl-menu-toggle{display:inline-flex}
  .tfl-mobile-menu{
    position:absolute;
    inset-block-start:4.85rem;
    inset-inline:0;
    z-index:20;
    display:grid;
    gap:.4rem;
    border:1px solid var(--line);
    border-radius:1rem;
    background:color-mix(in srgb,var(--navy2) 95%,transparent);
    padding:.65rem;
    box-shadow:0 1.25rem 3.5rem rgba(0,0,0,.28);
    backdrop-filter:blur(1rem);
  }
  .tfl-mobile-menu[hidden]{display:none}
  .tfl-mobile-menu a{
    display:flex;
    align-items:center;
    min-block-size:2.75rem;
    border-radius:.65rem;
    padding:.7rem .85rem;
    color:var(--ink);
    font-size:.9rem;
    font-weight:750;
  }
  .tfl-mobile-menu a:hover,.tfl-mobile-menu a:focus-visible{background:rgba(255,255,255,.08)}
  .tfl-mobile-menu .nav-cta{justify-content:center;margin-block-start:.2rem}
}

@media(prefers-color-scheme:light){
  .top .links{color:#334b62}
  .top .links a:hover{color:#07101f}
  .nav-cta{border-color:#876400;background:#fff8dc;color:#5e4600}
  .brand small,.kicker,.label,.eyebrow,.status,.card .arrow,.hq-mark small{color:#6b5000}
  .eyebrow{border-color:rgba(107,80,0,.28);background:rgba(246,196,83,.16)}
  .btn-ghost{border-color:rgba(7,16,31,.28);color:#17283a;background:rgba(255,255,255,.58)}
  .btn-ghost:hover{background:#fff}
  .board-foot{background:#fff8dc;color:#334b62}
  .board-foot span{color:#6b5000}
  .card .arrow,.card:nth-child(2) .arrow{color:#315f9b}
  .hq-back:hover{color:#07101f}
  .hq-user{border-color:rgba(7,16,31,.22);background:#fff}
  .hq-tabs button.active,.hq-tabs button:hover,.softr-tabs button.active,.softr-tabs button:hover{
    background:#f6c453;
    color:#101827;
  }
  .tfl-menu-toggle{background:#fff;color:#07101f;border-color:rgba(7,16,31,.22)}
  .tfl-mobile-menu{background:rgba(255,255,255,.98);box-shadow:0 1.25rem 3.5rem rgba(7,16,31,.16)}
  .tfl-mobile-menu a:hover,.tfl-mobile-menu a:focus-visible{background:#eef3f8}
}

@media(prefers-reduced-motion:reduce){.tfl-skip-link{transition:none}}