/* Only link underlines and navigation indicators; section dividers retain their own styles. */
:is(.index,.collection,.about,.help,.help-guide-page,.contact-page,.bole-news,.product-story,.bole-header,.bole-footer) a {
  text-decoration-color:var(--bole-color-underline);
  text-decoration-thickness:3px;
  text-underline-offset:4px;
}
.product-story .ps-nav a[aria-current],.help .help-nav a.is-active{border-bottom-color:var(--bole-color-underline)}
.help .help-nav a{border-bottom-width:3px}
.contact-tabs button{border-bottom:3px solid var(--bole-color-transparent)}
.contact-tabs button.is-active{border-bottom:3px solid var(--bole-color-underline)}
.bole-news .news-back{border-bottom:3px solid var(--bole-color-underline)}
:is(.product-story,.help,.collection) .bole-underline-nav,.contact-tabs.bole-underline-nav{position:relative}
:is(.product-story,.help,.collection,.contact-tabs) .bole-underline-marker{
  position:absolute;top:0;left:0;display:block;width:0;height:3px;min-height:0;
  margin:0;padding:0;border:0;border-radius:2px;background:var(--bole-color-underline);
  pointer-events:none;opacity:0;list-style:none;z-index:2;
  transition:transform .2s cubic-bezier(.22,1,.36,1),width .2s cubic-bezier(.22,1,.36,1),opacity .1s;
}
.product-story .ps-nav .bole-underline-nav a,.help .help-nav .bole-underline-nav a,
.contact-tabs.bole-underline-nav button,
.collection .bole-underline-nav .collection__category-link .collection__category-name{border-bottom-color:var(--bole-color-transparent)}
@media(prefers-reduced-motion:reduce){
  :is(.product-story,.help,.collection,.contact-tabs) .bole-underline-marker{transition:none}
}