/* Selected shared defaults plus scoped alternate comparison skins. */
.tw-nav-options{container:tw-navigation-options / inline-size;display:grid;gap:var(--tw-space-page-gutter-wide,32px);min-width:0;color:var(--tw-glass-ink);font:14px/1.5 var(--tw-glass-font-ui)}
.tw-nav-options,.tw-nav-options *{box-sizing:border-box}
.tw-nav-options :is(h4,h5,h6,p){margin:0}
.tw-nav-options__intro{max-width:62ch;color:var(--tw-glass-muted)}
.tw-nav-options__group{display:grid;gap:var(--tw-space-component-gap,12px);min-width:0}
.tw-nav-options .tw-nav-options__group-title{font:28px/1.1 var(--tw-glass-font-display);color:var(--tw-glass-ink)}
.tw-nav-options__group-copy,.tw-nav-options__help{color:var(--tw-glass-muted);max-width:76ch}
.tw-nav-options__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,254px),1fr));gap:var(--tw-space-component-gap,12px);align-items:stretch}
.tw-nav-options__specimen{display:flex;flex-direction:column;gap:var(--tw-space-component-gap,12px);min-width:0;padding:var(--tw-space-component-padding,16px);border:1px solid color-mix(in srgb,var(--tw-glass-ink) 14%,transparent);border-radius:var(--tw-surface-radius,12px);background:var(--tw-glass);color:var(--tw-glass-ink)}
.tw-nav-options__specimen-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--tw-space-control-gap,8px)}
.tw-nav-options__letter{display:grid;place-items:center;width:24px;height:24px;flex:none;border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:4px;font-size:12px;font-variant-numeric:tabular-nums}
.tw-nav-options .tw-nav-options__name{font:22px/1.1 var(--tw-glass-font-display)}
.tw-nav-options__selected{padding:3px 6px;border:1px solid currentColor;border-radius:4px;color:var(--tw-glass-muted);font-size:10px;line-height:1.2}
.tw-nav-options__tradeoff{min-height:4.5em;font-size:13px;color:var(--tw-glass-muted)}
.tw-nav-options__footnote,.tw-nav-options__help{font-size:12px}
.tw-nav-options__footnote{color:var(--tw-glass-muted)}
.tw-nav-options__panels{flex:1}
.tw-nav-options__panel,.tw-nav-options__slide{display:flex;flex-direction:column;justify-content:center;gap:var(--tw-space-control-gap,8px);min-height:156px;padding:var(--tw-space-component-padding,16px);background:color-mix(in srgb,var(--tw-glass-ink) 5%,var(--tw-glass));color:var(--tw-glass-ink);border-radius:8px}
.tw-nav-options__panel[hidden]{display:none}
.tw-nav-options__detail{font-size:11px;font-variant-numeric:tabular-nums;color:var(--tw-glass-muted)}
.tw-nav-options .tw-nav-options__panel-title{font:25px/1.1 var(--tw-glass-font-display)}
.tw-nav-options .tw-nav-options__panel-copy{font:13px/1.5 var(--tw-glass-font-ui);color:var(--tw-glass-muted)}
/* Alternate studies reset the primitive skin; selected B/C use shared defaults. */
.tw-nav-options .tw-tabs{flex-wrap:nowrap;min-width:0}
.tw-nav-options :is(.tw-nav-options__comparison,.tw-nav-options__arrow){position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;min-height:44px;margin:0;padding:8px;border:0;background:transparent;color:var(--tw-glass-ink);font:14px/1 var(--tw-glass-font-ui);border-radius:6px;box-shadow:none;translate:none;cursor:pointer;touch-action:manipulation;isolation:isolate;transition:background-color 120ms ease,color 120ms ease}
.tw-nav-options :is(.tw-nav-options__comparison,.tw-nav-options__arrow)::before,.tw-nav-options :is(.tw-nav-options__comparison,.tw-nav-options__arrow)::after{display:none}
.tw-nav-options :is(.tw-nav-options__comparison,.tw-nav-options__arrow):active{translate:none}
.tw-nav-options :is(.tw-nav-options__comparison,.tw-nav-options__arrow):hover:not(:disabled,[aria-disabled=true]){background:color-mix(in srgb,var(--tw-glass-ink) 8%,var(--tw-glass))}
.tw-nav-options :is(button,[tabindex]):focus-visible{outline:2px solid currentColor;outline-offset:3px;box-shadow:0 0 0 3px var(--tw-glass)}
.tw-nav-options .tw-nav-options__tab{flex:1 1 0;min-width:44px;font:13px/1 var(--tw-glass-font-ui);padding-inline:5px}
.tw-nav-options .tw-nav-options__tab.tw-nav-options__comparison{padding:8px 5px}
.tw-nav-options .tw-nav-options__tabs--rail{gap:2px;padding:4px;background:var(--tw-button-neutral);border-radius:9px;box-shadow:inset 0 1px 2px color-mix(in srgb,var(--tw-button-base) 24%,transparent)}
.tw-nav-options__tabs--rail .tw-nav-options__tab{color:var(--tw-button-ink)}
.tw-nav-options .tw-nav-options__tabs--rail .tw-nav-options__tab[aria-selected=true]{background:var(--tw-button-primary);color:var(--tw-button-on-primary);box-shadow:inset 0 -2px 0 var(--tw-button-primary-edge)}
.tw-nav-options .tw-nav-options__tabs--underline{flex-wrap:wrap;gap:0;padding:4px 0 0}
/* The shared baseline belongs only to the selected open-label tab study. */
.tw-nav-options :is(.tw-nav-options__tabs--rail,.tw-nav-options__tabs--pills,.tw-nav-options__indicators)::before{content:none}
.tw-nav-options .tw-nav-options__tabs--pills{gap:4px;padding:4px 0}
.tw-nav-options .tw-nav-options__tabs--pills .tw-nav-options__tab{border-radius:999px;background:var(--tw-button-neutral);color:var(--tw-button-ink)}
.tw-nav-options .tw-nav-options__tabs--pills .tw-nav-options__tab[aria-selected=true]{background:var(--tw-button-primary);color:var(--tw-button-on-primary)}
/* The viewport alone owns swipe/arrow events. Indicator tab keys never double-step. */
.tw-nav-options .tw-nav-options__viewport{display:block;max-width:none;width:100%;min-width:0;overflow:hidden;border-radius:8px;touch-action:pan-y}
.tw-nav-options__track{display:flex;width:100%;user-select:none;-webkit-user-select:none;transition:transform 180ms ease-out}
.tw-nav-options__track.dragging{transition:none;user-select:none}
.tw-nav-options__slide{flex:0 0 100%;min-width:0;border-radius:0}
.tw-nav-options__carousel-nav{display:flex;justify-content:space-between;align-items:center;gap:0;min-width:0}
.tw-nav-options .tw-nav-options__indicators{display:flex;justify-content:center;gap:0;flex:1 1 auto}
.tw-nav-options .tw-nav-options__indicator:not(.tw-carousel-step){width:44px;padding:0;color:var(--tw-glass-muted)}
.tw-nav-options .tw-nav-options__indicator:not(.tw-carousel-step)[aria-selected=true]{color:var(--tw-glass-ink)}
.tw-nav-options__mark{display:block;pointer-events:none;box-sizing:border-box}
.tw-nav-options__indicators--tracks .tw-nav-options__mark{width:24px;height:2px;background:currentColor}
.tw-nav-options__indicators--tracks [aria-selected=true] .tw-nav-options__mark{width:32px;height:4px}
.tw-nav-options__indicators--pixels .tw-nav-options__mark{width:8px;height:8px;border:1px solid currentColor}
.tw-nav-options__indicators--pixels [aria-selected=true] .tw-nav-options__mark{width:12px;height:12px;background:currentColor;border:0}
.tw-nav-options__indicators--numbers .tw-nav-options__mark{font:14px/1 var(--tw-glass-font-ui);font-variant-numeric:tabular-nums}
.tw-nav-options .tw-nav-options__arrow{width:44px;padding:0;font-size:22px}
.tw-nav-options__position{text-align:center;font-size:12px;font-variant-numeric:tabular-nums;color:var(--tw-glass-muted)}
/* Disabled controls receive the shared neutral roles, never a translucent color. */
.tw-nav-options :is(.tw-nav-options__comparison,.tw-nav-options__arrow):is(:disabled,[aria-disabled=true]){background:var(--tw-button-neutral);color:var(--tw-muted);cursor:not-allowed;opacity:1;box-shadow:none;translate:none}
.tw-nav-options .tw-nav-options__tabs--underline .tw-nav-options__tab:is(:disabled,[aria-disabled=true]),.tw-nav-options .tw-nav-options__arrow:is(:disabled,[aria-disabled=true]){background:transparent}
.tw-nav-options__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@container tw-navigation-options (max-width:253px){.tw-nav-options__specimen{padding:var(--tw-space-component-padding-compact,8px)}.tw-nav-options__carousel-nav{display:grid;grid-template-columns:1fr 1fr;gap:4px}.tw-nav-options .tw-nav-options__indicators{grid-column:1/-1;grid-row:1}.tw-nav-options__arrow:last-child{justify-self:end}}
@media(prefers-reduced-motion:reduce){.tw-nav-options *{transition:none!important;animation:none!important}}
@media(forced-colors:active){
 .tw-nav-options__specimen{border:1px solid CanvasText}
 .tw-nav-options :is(button,[tabindex]):focus-visible{outline:2px solid Highlight;box-shadow:none}
 .tw-nav-options .tw-nav-options__tab[aria-selected=true]{outline:2px solid Highlight;outline-offset:-3px}
 .tw-nav-options .tw-nav-options__indicator:not(.tw-carousel-step)[aria-selected=true]{outline:2px solid Highlight;outline-offset:-6px}
 .tw-nav-options :is(.tw-nav-options__comparison,.tw-nav-options__arrow):disabled{color:GrayText!important}
 .tw-nav-options__mark{forced-color-adjust:none;color:CanvasText}
}