/* Two clear directions, then a compact experience switcher. */
.hero-action{display:flex;flex-direction:column;gap:12px}.hero-explore{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;border:1px solid #aabbd355;border-radius:3px;color:#dbe6f5;font:400 16px/1.4 Outfit,sans-serif}.hero-explore:hover{border-color:#afc8f0;background:#82acff0a}.hero-action .small-note{margin:3px 0 0}.lab-switcher{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #a7bcdf42;border-bottom:1px solid #a7bcdf42;padding:17px 0;margin:0 0 20px;color:#e8eef8;scroll-margin-top:100px}.lab-switcher>div{min-width:0}.lab-switcher small{display:block;font-size:9px;letter-spacing:1.8px;color:#98acc9;margin-bottom:6px}.lab-switcher strong{display:block;font:400 23px/1.3 Outfit,sans-serif}.lab-switcher>button{flex:none;min-height:46px;padding:10px 17px;border:1px solid #7895c05c;border-radius:4px;background:#193050;color:#dbe9ff;font:400 15px/1.5 Outfit,sans-serif}.lab-switcher>button span{margin-left:10px}.lab-chooser{width:min(830px,calc(100vw - 28px));max-height:85dvh;overflow:auto;margin:auto;padding:30px;background:#0c1729;color:#ecf2fc;border:1px solid #9fb8dd55;border-radius:9px;box-shadow:0 20px 100px #000a}.lab-chooser::backdrop{background:#030711dc}.lab-chooser-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:25px}.lab-chooser-heading h3{font:400 32px/1.2 'Avote Editorial',Georgia,serif;margin:0}.lab-chooser-heading button{width:44px;height:44px;flex:none;border:1px solid #9fb8dd55;background:none;color:#e1ebfc;border-radius:50%;font-size:25px}.lab-chooser .lab-nav{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:10px}.lab-chooser .lab-nav button{min-height:100px}.lab-chooser .lab-nav strong{font-size:18px}.lab-heading{margin-bottom:25px}.lab-heading>p{font-size:18px}.lab-method{margin-top:28px;border-top:1px solid #aebed62b;padding-top:17px}.lab-method>summary{color:#9db0cc;font-size:14px!important}.lab-method .lab-footnote{border:0!important;padding:15px 0 0;margin:0!important}.lab-panel .lab-intro{margin-bottom:20px}.lab-panel .lab-intro h3{font-size:clamp(30px,3.5vw,42px)}.election-content .lab-panel .lab-intro>p{font-size:17px;line-height:1.6}.lab-panel .lab-eyebrow{margin-bottom:12px}
.poll-list-change{border-left:2px solid #82acff;padding:4px 0 4px 17px;margin:20px 0;color:#d9e6fa;animation:labEnter .2s ease}.poll-list-change>strong{font:400 18px/1.4 Outfit,sans-serif}.poll-list-change p{font-size:14px!important;line-height:1.6!important;margin:8px 0!important}.poll-list-change p span{display:block;font-size:10px;letter-spacing:.8px;text-transform:uppercase}.roster-added{color:#a6dacb}.roster-removed{color:#f4bfac}.poll-list-change small{display:block;font:400 13px/1.6 Outfit,sans-serif;color:#a8bcd6;margin-top:10px}.poll-list-details{margin:18px 0 22px}.poll-list-details>summary{font-size:14px;color:#b9cbea}.poll-roster{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.poll-roster span{display:inline-block;padding:5px 8px;background:#b7c9e312;border:1px solid #b7c9e32b;color:#c2d2e7;font:400 12px/1.5 Outfit,sans-serif}
/* Secondary controls stay still: the primary actions keep a restrained lift. */
a.quiet-source,.quiet-source:hover,.lab-footnote a,.lab-footnote a:hover,.poll-bottom a,.poll-bottom a:hover,.idea-skip,.idea-skip:hover{transform:none;translate:none;scale:none;box-shadow:none;transition:color .15s,border-color .15s}.lab-chooser .lab-nav button:hover{transform:none}.lab-button.secondary:hover{transform:none;box-shadow:none}
@media(max-width:700px){
 .intro{height:190svh!important}.intro-sticky{height:100svh;min-height:560px}.scene #ballotCanvas,.scene.webgl-ready #ballotCanvas{display:none!important}.scene .camera,.scene.webgl-ready .camera{display:block!important;top:56%;scale:.68;transform:translate3d(0,calc(var(--wall) * 95px),0) scale(calc(1 - var(--wall) * .1))!important;opacity:calc(var(--zoom) * (1 - var(--wall)))!important;will-change:transform,opacity}.scene .assembly{transform:rotateX(-12deg) rotateY(0deg)!important}.scene .paper{display:none!important}.scene .polling-table{box-shadow:none!important}.scene .opening-sheet{transform-origin:50% 50%;will-change:transform,opacity;box-shadow:0 18px 38px #0008,inset 0 1px 0 #d6e8ff75}.scene .opening-sheet:after{animation:none!important}.mobile-intro-note{font-size:16px}.site-backdrop .light{filter:blur(20px)}.hero-action{gap:10px;margin-top:19px}.hero-explore{font-size:16px;min-height:48px;padding:12px 16px}.hero .small-note{font-size:10px}.hero h1{font-size:clamp(39px,10.5vw,58px)!important;margin-bottom:18px!important}.hero-bottom>p{font-size:17px!important}.lab-switcher{gap:12px;padding:14px 0;margin-bottom:15px}.lab-switcher strong{font-size:18px;line-height:1.35}.lab-switcher>button{font-size:14px;padding:10px 12px}.lab-switcher>button span{margin-left:5px}.lab-switcher small{font-size:8px;letter-spacing:1.4px}.lab-chooser{padding:24px 18px}.lab-chooser-heading h3{font-size:28px}.lab-chooser .lab-nav{gap:8px}.lab-chooser .lab-nav button{padding:14px 12px;min-height:110px}.lab-chooser .lab-nav strong{font-size:16px}.lab-chooser .lab-nav span{font-size:9px}.lab-panel .lab-intro h3{font-size:30px}.lab-panel .lab-intro .lab-eyebrow{font-size:9px}.election-content .lab-panel .lab-intro>p{font-size:17px}.lab-panel{padding:23px 18px}.lab-section{padding-top:55px}.lab-heading{margin-bottom:18px}.lab-heading h2{font-size:39px}.lab-heading>p{font-size:17px}.poll-list-change{padding-left:13px}.poll-list-change>strong{font-size:17px}.motion-reduced .intro{height:auto!important}
}
@media(max-height:680px) and (max-width:700px){.hero{top:23%!important}.hero h1{font-size:39px!important}.hero-bottom>p{font-size:15px!important}.hero .small-note{font-size:9px}.hero-action{margin-top:12px;gap:7px}.hero-action .button-main,.hero-explore{min-height:44px;padding:10px 14px}}
@media(prefers-reduced-motion:reduce){.poll-list-change{animation:none}.hero-explore{transition:none}}.motion-reduced .poll-list-change{animation:none}
.basket-jumps{display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;gap:7px!important;margin:13px 0 18px}.basket-jumps button{font:400 13px/1.4 Outfit,sans-serif;min-height:38px;padding:8px 10px;background:transparent;border:1px solid #a7bcdf3d;border-radius:4px;color:#c2d0e1}.basket-jumps button[aria-pressed=true]{color:var(--basket-color);border-color:var(--basket-color);background:#aec5e30a}
@media(max-width:700px){.scene .camera,.scene.webgl-ready .camera{opacity:calc(var(--zoom) * (1 - var(--wall) * 2))!important}}
.basket-experience>*{min-width:0}.basket-choices{grid-template-columns:repeat(4,minmax(0,1fr))}.basket-choices button,.basket-choices button span,.basket-mode button{min-width:0}
@media(max-width:700px){.basket-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.basket-choices button{flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:12px 10px;font-size:14px;min-height:90px}.basket-choices svg{width:22px;height:25px}.basket-mode button{font-size:14px;padding-inline:4px}}
@media(max-width:700px){#labo-budget .lab-layout>.lab-controls{order:-1}.basket-stage{display:flex;flex-direction:column}.basket-stage>.basket-mode{order:0}.basket-stage>.basket-timeline{order:1;margin-top:14px;padding-top:12px}.basket-stage>.basket-result{order:2;margin-top:24px}.basket-stage>.basket-objects{order:3}.basket-stage>.basket-quantity{order:4}}
/* All seven experiences are visible again, above the active panel. */
.lab-section>.lab-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 22px}.lab-section>.lab-nav button{min-height:100px}.basket-receipt .basket-start-label{display:block;font:400 12px/1.5 Outfit,sans-serif;color:#39485e;margin:18px 0 7px}.basket-receipt select{display:block;width:100%;min-width:0;min-height:44px;padding:9px 6px;border:1px solid #78859870;background:#fff8;color:#142137;border-radius:3px;font:400 16px/1.4 Outfit,sans-serif}.basket-receipt>small{display:block;color:#526076;font:400 12px/1.55 Outfit,sans-serif;margin-top:9px}.basket-jumps button:disabled{opacity:.35;cursor:default}
@media(max-width:900px){.lab-section>.lab-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.basket-receipt .basket-start-label{grid-column:1/-1;margin:12px 0 0}.basket-receipt select,.basket-receipt>small{grid-column:1/-1}.basket-receipt>small{margin-top:5px}.basket-receipt>strong{grid-column:2;grid-row:1/2}.lab-section>.lab-nav button{min-width:0;padding:14px 12px}.lab-section>.lab-nav strong{font-size:16px}.lab-section>.lab-nav span{font-size:9px}}
