/* iis-page-tabs.css — the shared sticky tab bar (same look as the Growth Library tabs). */
.iis-tabs{position:sticky;top:0;z-index:40;background:rgba(5,5,5,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(197,160,89,.18);border-bottom:1px solid rgba(197,160,89,.18);padding:0 16px}
.iis-tabs-inner{max-width:1100px;margin:0 auto;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.iis-tabs-inner::-webkit-scrollbar{display:none}
.iis-tab{flex:1 0 auto;background:none;border:none;border-bottom:2px solid transparent;color:rgba(255,255,255,.5);font-family:'Cinzel',Georgia,serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:15px 18px 13px;cursor:pointer;transition:all .25s;display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;border-radius:0}
.iis-tab i{font-size:13px;color:rgba(197,160,89,.6)}
.iis-tab:hover{color:#f1dca7}
.iis-tab.is-on{color:#f1dca7;border-bottom-color:#c5a059}
.iis-tab.is-on i{color:#c5a059}
.iis-tab small{display:block;font-family:'Inter',system-ui,sans-serif;font-size:8.5px;letter-spacing:.06em;text-transform:none;color:rgba(255,255,255,.35);font-weight:400;margin-top:2px}
.iis-panel{display:none;animation:iisPanelIn .35s ease}
.iis-panel.is-on{display:block}
.iis-panel>*{scroll-margin-top:150px}
@keyframes iisPanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* under a fixed site nav, sit below it */
body.has-fixed-nav .iis-tabs{top:var(--iis-nav-h,76px)}
@media(max-width:1024px){body.has-fixed-nav .iis-tabs{top:var(--iis-nav-h-m,62px)}}
@media(max-width:700px){.iis-tab{padding:12px 12px 10px;font-size:10px}.iis-tab small{display:none}}
/* light pages (e.g. Support FAQ) */
.is-light .iis-tabs{background:rgba(255,255,255,.92);border-color:rgba(197,160,89,.35)}
.is-light .iis-tab{color:rgba(20,20,20,.55)}
.is-light .iis-tab:hover,.is-light .iis-tab.is-on{color:#5a4210}
.is-light .iis-tab small{color:rgba(20,20,20,.45)}