/* Preserve the full primary menu and separate research tools from page links. */
.nav{height:76px;gap:24px;min-width:0}.nav-links{flex:1;min-width:0;justify-content:space-between;gap:16px}.nav-links a{font-size:12px;white-space:nowrap;flex-shrink:0}.nav-actions{gap:12px;margin-left:0;flex-shrink:0}.nav-logo,.nav-logo img{width:92px}.nav-links a:last-child{color:var(--lime)}
.secondary-nav{background:#172020;border-top:1px solid #ffffff10}.secondary-nav .wrap{display:flex;align-items:center;justify-content:flex-end;gap:25px;min-height:40px;min-width:0}.secondary-nav a{font-size:11px;color:#bec8c2;white-space:nowrap;flex-shrink:0}.secondary-nav a:hover{color:var(--lime)}.secondary-nav a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.library-modes{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.library-modes button{border:1px solid #c9d2c2;background:#fff;color:#374735;padding:11px 16px;border-radius:7px;font-size:12px;font-weight:600}.library-modes button.active{background:#111718;color:#fff;border-color:#111718}.category-sections>section+section{margin-top:56px}.category-sections .rule-heading{margin-top:0}.category-sections .rule-heading h2{font-size:23px}.detail-tools{display:flex;gap:20px;flex-wrap:wrap;padding-top:24px;margin-top:20px;border-top:1px solid var(--line);font-size:12px;text-decoration:underline;text-underline-offset:4px}
.hero-art{background:#141717}.hero-art>img{object-fit:contain}.footer-top{grid-template-columns:1.2fr 1fr 1.1fr}input:not([type]){background:white;border:1px solid #ccd3c8;border-radius:8px;padding:13px 15px;width:100%;min-width:0}
.feature-episode .episode-visual{background:#151818}.feature-episode .episode-visual img{object-fit:contain;padding:18px 14px 58px}.episode-topic{position:absolute;bottom:20px;left:24px;color:#fff;font-size:28px;font-weight:750;letter-spacing:-.04em}.episode-stage{grid-template-columns:1fr 1.15fr}.episode-stage .episode-bottle{min-height:490px}.episode-stage .episode-bottle img{height:490px;object-fit:contain;width:100%}.episode-stage-copy{padding-right:45px}
@media(max-width:780px){.episode-stage{grid-template-columns:1fr}.episode-stage .episode-bottle,.episode-stage .episode-bottle img{min-height:0;height:380px}.episode-stage-copy{padding-right:24px}.episode-topic{font-size:26px}}
@media(max-width:1240px){.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#111718;z-index:35;padding:22px 30px;border-top:1px solid #3b4b3d;box-shadow:0 16px 25px #0004;max-height:calc(100dvh - 90px);overflow-y:auto}.nav-links.open{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px 30px}.menu-button{display:block}.nav-actions{margin-left:auto}.nav-links a{padding:12px 0;font-size:14px}.nav-links a::after{bottom:4px}.secondary-nav .wrap{justify-content:flex-start;overflow-x:auto;gap:24px;scrollbar-width:thin;scrollbar-color:#586b4e transparent}.secondary-nav a{padding:10px 0}}
@media(max-width:760px){.nav{height:68px}.nav-links{top:68px}.secondary-nav .wrap{width:100%;padding:0 18px;justify-content:flex-start;overflow-x:auto;gap:23px;min-height:38px}.secondary-nav a{padding:9px 0}.library-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.library-modes button:last-child{grid-column:1/-1}.library-heading{align-items:start;flex-direction:column;gap:12px}.library-results{gap:12px;font-size:11px}.library-results a{text-align:right}.category-sections .rule-heading{align-items:start}.category-sections .rule-heading span{white-space:nowrap}.footer-top{grid-template-columns:1fr 1fr}.hero-art{height:420px}.hero-art>img{object-fit:contain;object-position:center}}
@media(max-width:380px){.hero-art{height:360px}.library-modes button{font-size:11px;padding:10px}.nav .cart-link{font-size:12px}}

/* Keep the approved artwork and green divider above a compact, persistent menu. */
html { scroll-padding-top: var(--sticky-navigation-height, 88px); }
#navigation {
  position: relative;
  top: auto;
  z-index: 30;
  padding-top: 24px;
  border: 0;
  background: transparent;
  color: #eef2ef;
  box-shadow: none;
}
#navigation.has-sticky-navigation { position: sticky; top: calc(-1 * var(--masthead-collapse, 0px)); }
.site-masthead { background: #101618; border: 1px solid #303b3d; border-radius: 18px; box-shadow: 0 8px 24px #10241a08; }
.masthead-art { position: relative; }
.masthead-banner-home { display: block; border-radius: 17px 17px 0 0; }
.site-masthead .masthead-banner-home:focus-visible { outline-offset: -4px; }
.site-masthead .brand-banner { margin: 0; border-radius: 17px 17px 0 0; }
.masthead-navigation {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 76px;
  padding: 9px 24px;
  background: linear-gradient(180deg, #20282bed, #10171af7);
  border-radius: 0 0 17px 17px;
  box-shadow: inset 0 1px #edf3f308;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transition: box-shadow 180ms ease;
}
#navigation.is-pinned .masthead-navigation { box-shadow: 0 12px 30px #060b1633, inset 0 -1px #aebabe24; }
.primary-pages { position: relative; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: stretch; gap: 6px; flex: 1; min-width: 0; }
.primary-pages a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 6px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #d8dfe2;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .085em;
  line-height: 1.25;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color 180ms ease, background 180ms ease;
}
.primary-pages > a[href="/calculator"] { white-space: normal; text-align: center; }
.primary-pages a:hover, .primary-pages a:focus-visible { color: #fff; background: #ffffff06; }
.primary-pages a[aria-current=page] { color: var(--lime); }
.primary-pages a[aria-current=page]::after { content: ''; position: absolute; height: 2px; background: var(--lime); left: 12px; right: 12px; bottom: 0; border-radius: 2px; }
.primary-nav-indicator { position: absolute; left: 0; bottom: 0; z-index: 1; height: 2px; width: 0; background: var(--lime); border-radius: 2px; opacity: 0; pointer-events: none; }
.has-moving-indicator .primary-nav-indicator { transition: transform 210ms cubic-bezier(.22,.68,.3,1), width 210ms cubic-bezier(.22,.68,.3,1), opacity 140ms ease; }
.primary-nav-indicator.is-visible { opacity: 1; }
.has-moving-indicator a[aria-current=page]::after { display: none; }
.masthead-controls { position: static; display: flex; align-items: center; gap: 17px; flex-shrink: 0; border: 0; border-left: 1px solid #bdcad529; background: transparent; border-radius: 0; padding: 0 0 0 22px; z-index: 2; }
.masthead-controls .cart-link { font-size: 12px; min-height: 44px; gap: 8px; color: #dbe3e6; letter-spacing: .035em; }
.masthead-controls .cart-link:hover, .masthead-controls .cart-link[aria-current=page] { color: var(--lime); }
.masthead-controls .cart-count { display: grid; place-items: center; min-width: 25px; height: 25px; border: 1px solid #adbdc84d; border-radius: 50%; font-size: 11px; letter-spacing: 0; padding: 0 5px; }
.masthead-controls .menu-button { width: auto; height: auto; display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 9px 13px; border: 1px solid #9aaeb14a; border-radius: 6px; background: #ffffff03; color: #e4e9eb; font-size: 11px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; transition: color 180ms ease, border-color 180ms ease, background 180ms ease; }
.masthead-controls .menu-button:hover, .masthead-controls .menu-button[aria-expanded=true], .masthead-controls .menu-button.has-current-page { color: var(--lime); border-color: #b8f30077; background: #b8f30008; }
.site-masthead a:focus-visible, .site-masthead button:focus-visible { outline: 2px solid var(--lime); outline-offset: 3px; }
.site-masthead .nav-links { position: absolute; top: calc(100% + 8px); right: 0; left: auto; z-index: 5; width: min(360px, 100%); max-height: min(560px, 65dvh); overflow-y: auto; overscroll-behavior: contain; display: grid; grid-template-columns: 1fr; margin: 0; padding: 10px 18px; background: #111a1def; border: 1px solid #73818577; border-radius: 12px; box-shadow: 0 18px 45px #0005; gap: 0; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.site-masthead .nav-links[hidden] { display: none; }
.site-masthead .nav-links a { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 44px; padding: 10px 4px; font-size: 12px; line-height: 1.45; border-bottom: 1px solid #ffffff12; white-space: normal; letter-spacing: .035em; color: #cbd4d9; }
.site-masthead .nav-links a:last-child { border-bottom: 0; color: #cbd4d9; }
.site-masthead .nav-links a span { font-size: 15px; color: #9eafb5; }
.site-masthead .nav-links a::after { display: none; }
.site-masthead .nav-links a:hover, .site-masthead .nav-links a[aria-current=page] { color: var(--lime); }
#main { padding-top: 28px; }
@media (max-width: 980px) {
  .masthead-navigation { gap: 15px; padding: 8px 16px; }
  .primary-pages { gap: 4px; }
  .primary-pages a { font-size: 11px; padding: 11px 5px; letter-spacing: .08em; }
  .masthead-controls { gap: 10px; padding-left: 14px; }
}
@media (max-width: 760px) {
  #navigation { padding-top: 16px; }
  .site-masthead { border-radius: 12px; }
  .site-masthead .brand-banner { border-radius: 11px 11px 0 0; }
  .masthead-banner-home { border-radius: 11px 11px 0 0; }
  .masthead-art { padding: 0; background: #081013; border-radius: 11px 11px 0 0; }
  .masthead-navigation { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; padding: 7px 12px 8px; border-radius: 0 0 11px 11px; }
  .primary-pages { grid-column: 1; grid-row: 1; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; gap: 4px; }
  .primary-pages a { min-height: 46px; padding: 10px 3px; font-size: 12px; letter-spacing: .06em; }
  .primary-pages .primary-nav-indicator { display: none; }
  .primary-pages.has-moving-indicator a[aria-current=page]::after { display: block; }
  .masthead-controls { grid-column: 1; grid-row: 2; justify-content: flex-end; padding: 6px 0 0; border: 0; border-top: 1px solid #ffffff10; gap: 18px; }
  .masthead-controls .cart-link { min-height: 44px; }
  .masthead-controls .menu-button { min-height: 44px; padding: 8px 12px; }
  .site-masthead .nav-links { right: 0; width: min(360px, 100%); max-height: min(55dvh, calc(100dvh - 130px)); }
  #main { padding-top: 24px; }
}
@media (max-width: 360px) {
  .masthead-navigation { padding-right: 8px; padding-left: 8px; }
  .primary-pages a { font-size: 11px; letter-spacing: .03em; }
  .site-masthead .mobile-brand strong { font-size: 22px; }
  .site-masthead .mobile-brand small { max-width: 215px; }
}
@media (prefers-reduced-motion: reduce) {
  .site-masthead *, .has-moving-indicator .primary-nav-indicator { scroll-behavior: auto; transition: none; }
}

/* Optional choices need their own high-contrast label in the entry form. */
.dialog .optional-badge{display:inline-block;padding:4px 10px;margin:0 0 8px;background:var(--lime);color:#111718;border-radius:4px;font-size:13px;font-weight:800;letter-spacing:.14em;line-height:1.35;text-transform:uppercase}

.nav-swag-icon{flex:0 0 auto;margin-right:7px}.masthead-tools{column-gap:20px}

@media(max-width:760px){.library-modes button:last-child{grid-column:auto}}

/* Primary disclosures share the approved Stacks panel treatment. */
.stacks-nav-item,.peptides-nav-item,.videos-nav-item{display:flex;align-items:stretch;min-width:0}
.primary-pages .stacks-primary-link,.primary-pages .peptides-primary-link,.primary-pages .videos-primary-link{flex:1;min-width:0;padding-right:2px}
.stacks-options-button,.peptides-options-button,.videos-options-button{display:flex;align-items:center;justify-content:center;flex:0 0 28px;min-height:44px;padding:0;border:0;border-radius:5px;background:transparent;color:#cbd5d9;cursor:pointer}
:is(.stacks-options-button,.peptides-options-button,.videos-options-button):is(:hover,:focus-visible,[aria-expanded=true]){color:var(--lime);background:#ffffff06}
:is(.stacks-options-button,.peptides-options-button,.videos-options-button) svg{transition:transform 160ms ease}
:is(.stacks-options-button,.peptides-options-button,.videos-options-button)[aria-expanded=true] svg{transform:rotate(180deg)}
@media(min-width:761px) and (max-width:980px){.stacks-options-button,.peptides-options-button,.videos-options-button{flex-basis:22px}}
.stack-mega-menu{position:absolute;top:100%;left:0;right:0;z-index:8;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px;padding:29px 34px 34px;background:#10181bf7;border:1px solid #63716d66;border-top:1px solid #ffffff15;border-bottom:2px solid var(--lime);border-radius:0 0 12px 12px;box-shadow:0 22px 45px #0006;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);max-height:min(570px,65dvh);overflow-y:auto;overscroll-behavior:contain}
.stack-mega-menu[hidden]{display:none!important}
.stack-menu-column{min-width:0}
.stack-menu-heading{display:block;margin:0 0 13px;color:#95a5a6;font-size:10px;letter-spacing:.14em;text-transform:uppercase;line-height:1.5;font-weight:600}
.stack-menu-column a{display:block;min-height:44px;padding:10px 0;color:#edf1f1;font-size:15px;line-height:1.35;font-weight:600;letter-spacing:-.01em}
.stack-menu-column a small{display:block;margin-top:4px;color:#95a5a6;font-size:10px;line-height:1.45;font-weight:400;letter-spacing:.02em}
.stack-menu-column a:hover,.stack-menu-column a[aria-current=page]{color:var(--lime)}
.stack-menu-column a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.stack-menu-column+.stack-menu-column{border-left:1px solid #ffffff14;padding-left:28px}
.stack-switcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:min(1180px,100%);margin:24px auto 38px;padding:23px 16px 25px;border-top:1px solid #cbd3ce;border-bottom:1px solid #cbd3ce;overflow-x:auto;overscroll-behavior-x:contain}
.stack-choice{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:5px 8px 11px;text-align:center;border-radius:6px;color:#263329}
.stack-choice-art{display:grid;place-items:center;width:138px;height:78px;overflow:hidden;border-radius:4px;background:#101718;color:#82948d}
.stack-choice-art img{width:100%;height:100%;object-fit:contain}
.stack-choice-art.is-concept{background:#e6ece7}
.stack-choice-art svg{width:93px;height:62px}
.stack-choice strong{font-size:13px;line-height:1.4;font-weight:600;letter-spacing:-.01em}
.stack-choice small{font-size:10px;line-height:1.45;color:#657267}
.stack-choice:hover strong,.stack-choice.is-current strong{color:#526f00}
.stack-choice:hover{background:#182b1606}
.stack-choice:focus-visible{outline:2px solid #6a9100;outline-offset:3px}
body.is-ceo .stack-switcher{width:min(1180px,calc(100% - 64px));border-color:#ffffff24}
body.is-ceo .stack-choice{color:#edf1f1}
body.is-ceo .stack-choice small{color:#9caaa5}
body.is-ceo .stack-choice-art.is-concept{background:#171f20;color:#8e9d91}
body.is-ceo .stack-choice:hover{background:#ffffff05}
body.is-ceo .stack-choice:hover strong,body.is-ceo .stack-choice.is-current strong{color:var(--lime)}
@media(max-width:760px){
 .stacks-options-button,.peptides-options-button,.videos-options-button{flex-basis:24px}
 .primary-pages .stacks-primary-link,.primary-pages .peptides-primary-link,.primary-pages .videos-primary-link{padding-left:0;padding-right:0;font-size:11px;letter-spacing:.035em}
 .stack-mega-menu{grid-template-columns:1fr 1fr;gap:24px 20px;padding:22px 22px 26px;max-height:65dvh}
 .stack-menu-column a{font-size:13px}
 .stack-menu-column+.stack-menu-column{padding-left:20px}
 .stack-menu-column:last-child{grid-column:1/-1;border-left:0;border-top:1px solid #ffffff14;padding-left:0;padding-top:18px}
 .stack-switcher{display:flex;gap:10px;padding:18px 2px 20px;scrollbar-width:thin}
 .stack-choice{flex:1 0 126px;padding:4px 4px 9px}
 .stack-choice-art{width:116px;height:66px}
 body.is-ceo .stack-switcher{width:calc(100% - 44px)}
}
@media(max-width:360px){.primary-pages .peptides-primary-link{font-size:10px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){:is(.stacks-options-button,.peptides-options-button,.videos-options-button) svg{transition:none}}
@media(forced-colors:active){.stack-mega-menu,.stack-switcher{border-color:CanvasText}.stack-choice-art{border:1px solid CanvasText}.stacks-options-button,.peptides-options-button,.videos-options-button,.stack-menu-column a,.stack-choice{color:LinkText}.stack-choice.is-current strong{color:LinkText}}
