:root{--tabs-text: var(--site-muted-color, #7a6158);--tabs-text-active: var(--site-heading-color, #3e2723);--tabs-hover-surface: var(--site-hover-surface-color, rgba(121, 85, 72, 0.08));--tabs-indicator: var(--site-heading-color, #3e2723)}.header--with-tabs{padding-bottom:0.65em;margin-bottom:0}.header--with-tabs::after{display:none}.site-tabs{position:relative;display:flex;align-items:flex-end;gap:0.2rem;margin:0 0 1.9em;padding:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.site-tabs::-webkit-scrollbar{display:none}.site-tabs::after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:var(--site-divider-gradient)}.site-tabs__tab{position:relative;z-index:1;display:inline-flex;align-items:center;gap:0.48rem;padding:0.5rem 0.78rem 0.62rem;border-radius:0.5rem 0.5rem 0 0;color:var(--tabs-text);font-size:0.9rem;font-weight:400;line-height:1.2;letter-spacing:0.005em;white-space:nowrap;text-decoration:none;cursor:pointer;transition:color 150ms ease, background-color 150ms ease}.site-tabs__tab::after{content:"";position:absolute;right:0.3rem;bottom:0;left:0.3rem;height:2px;border-radius:2px 2px 0 0;background:var(--tabs-indicator);opacity:0;transform:scaleX(0.6);transition:opacity 150ms ease, transform 200ms ease}.site-tabs__tab:hover{color:var(--tabs-text-active);background:var(--tabs-hover-surface);text-decoration:none}.site-tabs__tab[aria-selected="true"]{color:var(--tabs-text-active);font-weight:500}.site-tabs__tab[aria-selected="true"]::after{opacity:1;transform:scaleX(1)}.site-tabs__tab:focus-visible{outline:2px solid var(--site-focus-color, #8a4f2d);outline-offset:-2px}.site-tabs__icon{flex:0 0 auto;width:1em;font-size:0.86em;text-align:center;opacity:0.8}.site-tabs__tab[aria-selected="true"] .site-tabs__icon{opacity:1}.js-tabs .tab-panel:not(.is-active){display:none}.js-tabs .tab-panel.is-active{animation:site-tabs-reveal 220ms ease both}@keyframes site-tabs-reveal{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.tab-panel>h2:first-child,.tab-panel>.section-heading:first-child{margin-top:0}.tab-panel h2[id]{scroll-margin-top:1rem}@media screen and (max-width: 480px){.site-tabs{justify-content:center;gap:0}.site-tabs__tab{padding:0.5rem 0.62rem 0.6rem;font-size:0.84rem}}@media (prefers-reduced-motion: reduce){.site-tabs__tab,.site-tabs__tab::after{transition:none}.js-tabs .tab-panel.is-active{animation:none}}@media print{.site-tabs{display:none}.header--with-tabs{padding-bottom:1.2em;margin-bottom:1.3em}.header--with-tabs::after{display:block}.js-tabs .tab-panel:not(.is-active){display:block}.tab-panel>h2:first-child,.tab-panel>.section-heading:first-child{margin-top:2rem}}
