/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
@use "sass:color";// In-page navigation component
.in-page-navigation{position:sticky;top:11rem;background-color:white;border-radius:8px;box-shadow:0 2px 8px rgb(0 0 0 / 10%);overflow:hidden;&__nav{width:100%;}&__list{list-style:none;margin:0;padding:0;}&__link{display:flex;align-items:center;padding:1rem 1.25rem;color:#555;text-decoration:none;font-weight:500;font-size:0.95rem;line-height:1.4;transition:all 0.2s ease;border:none;background:none;width:100%;text-align:left;&:hover{background-color:#f8f9fa;color:$loyal-blue;text-decoration:none;}&:focus{outline:2px solid $blue;outline-offset:-2px;text-decoration:none;}}&__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:0.75rem;flex-shrink:0;img{width:100%;height:100%;object-fit:contain;filter:opacity(0.7);transition:filter 0.2s ease;}}&__item{border-bottom:1px solid #f5f5f5;&:last-child{border-bottom:none;}&--active{background-color:$loyal-blue;.in-page-navigation__link{color:white;.in-page-navigation__icon img{filter:brightness(0) invert(1);}}}}&__label{flex:1;min-width:0;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;}// Tab mode specific styles
  &--tabs{.in-page-navigation__link{cursor:pointer;&[aria-selected="true"]{background-color:$loyal-blue;color:white;.in-page-navigation__icon img{filter:brightness(0) invert(1);}}}}// Scroll mode specific styles
  &--scroll{.in-page-navigation__item--active{.in-page-navigation__link{background-color:$loyal-blue;color:white;.in-page-navigation__icon img{filter:brightness(0) invert(1);}}}}}// Section offset for fixed headers
.vertical-tab-section{padding-top:var(--in-page-nav-offset,148px);margin-top:calc(-1 * var(--in-page-nav-offset,148px));}// Section visibility for tab mode
.in-page-navigation--tabs ~ .column .vertical-tab-section{&[aria-hidden="true"]{display:none !important;}&[aria-hidden="false"]{display:block !important;animation:fade-in 0.3s ease-in-out;}}@keyframes fade-in{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}// Responsive adjustments@media screen and (max-width:1024px){.in-page-navigation{position:relative;top:0;margin-bottom:2rem;&__link{padding:0.875rem 1rem;font-size:0.9rem;}&__icon{width:18px;height:18px;margin-right:0.625rem;}}}@media screen and (max-width:768px){.in-page-navigation{border-radius:6px;margin-bottom:1.5rem;&__link{padding:0.75rem 0.875rem;font-size:0.875rem;}&__icon{width:16px;height:16px;margin-right:0.5rem;}&__label{line-height:1.3;}}}
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}