/* TAIGA glued-panel edge scroll rail — 2026-09-06 v1
 * Keep section navigation available without covering calculator content.
 */

/* Mid-size desktop/tablet: the rail competes with useful UI, so hide it. */
@media (min-width:1101px) and (max-width:1439px){
  .taiga-snap-nav{display:none!important}
}

@media (min-width:1440px){
  .taiga-snap-nav{
    right:2px!important;
    width:18px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    gap:6px!important;
    padding:12px 2px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    opacity:.58;
    transition:opacity .18s ease!important;
    isolation:isolate;
  }

  .taiga-snap-nav::before{
    content:"";
    position:absolute;
    z-index:0;
    left:50%;
    top:12px;
    bottom:12px;
    width:1px;
    transform:translateX(-50%);
    background:rgba(36,54,47,.16);
    pointer-events:none;
  }

  .taiga-snap-nav button{
    z-index:1;
    width:14px!important;
    height:14px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }

  .taiga-snap-nav button::before{
    content:"";
    display:block;
    width:5px;
    height:5px;
    border-radius:50%;
    background:rgba(36,54,47,.30);
    box-shadow:0 0 0 2px rgba(244,242,236,.72);
    transition:width .16s ease,height .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease;
  }

  .taiga-snap-nav button:hover::before,
  .taiga-snap-nav button:focus-visible::before{
    width:7px;
    height:7px;
    background:rgba(36,54,47,.72);
  }

  .taiga-snap-nav button.is-active::before{
    width:9px;
    height:9px;
    background:#24362F;
    box-shadow:0 0 0 2px #F4F2EC,0 0 0 3px rgba(36,54,47,.16);
  }

  .taiga-snap-nav button span{
    right:18px!important;
    padding:6px 8px!important;
    border-radius:7px!important;
    background:#24362F!important;
    color:#F4F2EC!important;
    font-size:9px!important;
    box-shadow:0 7px 18px rgba(24,37,31,.14)!important;
  }

  .taiga-snap-nav button:focus-visible{outline:0!important}

  /* Calculator is the densest screen: keep the rail almost invisible until needed. */
  .taiga-snap-nav:has(button:nth-child(2).is-active){opacity:.20}
  html.taiga-snap-tail-free .taiga-snap-nav{opacity:.22}
  .taiga-snap-nav:hover,
  .taiga-snap-nav:focus-within{opacity:1!important}
}

@media (prefers-reduced-motion:reduce){
  .taiga-snap-nav,
  .taiga-snap-nav button::before{transition:none!important}
}