body[data-route=lab] .page:has(.lab-hub){max-width:1140px}.lab-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 25px}.lab-intro .eyebrow{font-size:12px;color:var(--g)}.lab-intro h1{font-size:42px;font-weight:700;line-height:1.3;letter-spacing:-.5px;margin:10px 0}.lab-intro h1 span{color:var(--g)}.lab-intro p{font-size:13px;color:var(--mut);margin:7px 0}.lab-count{display:flex;align-items:center;gap:9px;color:var(--mut);font-size:12px;white-space:nowrap}.lab-count .ic{width:20px;height:20px;color:var(--g)}
.lab-spotlight{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;position:relative;overflow:hidden;min-height:310px;background:#eff1e2;border:1px solid #e2e7d2;border-radius:24px;text-decoration:none;color:#35472d}.lab-spotlight-copy{padding:32px 35px;position:relative;z-index:2}.experiment-name{font-family:Baloo,Cairo,sans-serif;font-size:13px;color:var(--diagram-ink,#849363)}.lab-spotlight h2{font-size:35px;line-height:1.25;font-weight:700;margin:14px 0;color:#374d30}.lab-spotlight h2 span{font-size:29px;color:#7b9058;font-weight:600}.lab-spotlight p{font-size:12px;line-height:2;color:#859074;margin:13px 0 23px}.spotlight-button{display:inline-flex;gap:28px;align-items:center;background:#6d844e;border-radius:12px;color:#fff;font-size:13px;font-family:Baloo,Cairo,sans-serif;padding:10px 18px}.spotlight-button>span{font-size:20px;line-height:1}.lab-spotlight:hover .spotlight-button{background:#59723d}.fraction-scene{height:295px;position:relative;display:flex;align-items:center;justify-content:center}.fraction-scene>svg{width:290px;height:245px;transform:rotate(-10deg);margin-left:45px}.fraction-note{position:absolute;top:24px;right:45px;font-family:Baloo,Cairo,sans-serif;font-size:16px;color:#9aa37b;transform:rotate(7deg)}.fraction-caption{position:absolute;bottom:28px;left:90px;font-size:25px;font-weight:700;color:#758a54;background:#fdfbf2;border:1px solid #e0e5d0;padding:3px 21px;border-radius:11px;transform:rotate(-6deg);box-shadow:0 4px 0 #e1e6d3}.fraction-caption span{font-weight:400;color:#b3bf9b}.fraction-scene>img{position:absolute;right:0;bottom:24px;height:162px;width:138px;object-fit:contain;transform:rotate(4deg)}
.experiments-section{margin-top:30px}.lab-tools-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.lab-tools-heading h2{font-size:28px;font-weight:600;margin:0}.lab-tools-heading>span{font-size:11px;color:var(--mut)}.lab-categories{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 22px}.lab-categories button{background:transparent;border:1px solid var(--line);border-radius:9px;padding:7px 15px;color:var(--mut);font-family:Baloo,Cairo,sans-serif;font-size:14px;cursor:pointer;min-height:38px;transition:background .2s}.lab-categories button.selected{background:var(--gl);color:var(--gd);border-color:#d5dfc6}.lab-categories button:hover{background:var(--bg2)}.experiment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px;row-gap:0;border-top:1px solid var(--line)}.experiment-row{display:flex;align-items:center;gap:18px;text-decoration:none;color:var(--tx);padding:24px 0;border-bottom:1px solid var(--line);--diagram-ink:#90a267;--diagram-soft:#d8e3c0;--diagram-bg:#f0f4e6;min-height:198px}.experiment-diagram{width:174px;height:128px;flex-shrink:0;background:var(--diagram-bg);border-radius:24px 43px 30px 38px;transition:transform .25s}.experiment-diagram svg{height:100%;width:100%;fill:none;stroke:var(--diagram-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.experiment-diagram .diagram-solid{fill:var(--diagram-ink);stroke:none}.experiment-diagram .diagram-fill{fill:var(--diagram-ink);stroke:#ffffff70}.experiment-diagram .diagram-soft{fill:var(--diagram-soft)}.experiment-diagram .diagram-light{fill:#ffffff80}.experiment-diagram .diagram-paper{fill:#fdfcf6}.experiment-diagram .diagram-accent{stroke:var(--diagram-ink);stroke-width:3}.experiment-diagram .diagram-label,.experiment-diagram .diagram-label text{font-family:Cairo,sans-serif;font-size:14px;fill:var(--diagram-ink);stroke:none;text-anchor:middle}.experiment-copy{flex:1;min-width:0}.experiment-copy h3{font-size:23px;font-weight:600;margin:7px 0 8px;line-height:1.35}.experiment-copy p{color:var(--mut);font-size:11px;line-height:1.9;margin:0 0 11px;max-width:240px}.experiment-link{display:flex;gap:13px;align-items:center;font-size:10px;color:var(--diagram-ink)}.experiment-row:hover .experiment-diagram{transform:rotate(-3deg) translateY(-3px)}.experiment-row:hover h3{color:var(--diagram-ink)}.tone-blue{--diagram-ink:#7399a7;--diagram-soft:#d7e7eb;--diagram-bg:#edf4f6}.tone-gold{--diagram-ink:#b29a60;--diagram-soft:#ecdfbd;--diagram-bg:#f7f2e5}.tone-orange{--diagram-ink:#c19b75;--diagram-soft:#efdbcb;--diagram-bg:#f9f1e9}.tone-purple{--diagram-ink:#a291b3;--diagram-soft:#e2dbea;--diagram-bg:#f3eff7}
.lab-race-link{display:flex;gap:20px;align-items:center;text-decoration:none;color:var(--tx);padding:21px 25px;background:var(--bg2);border:1px solid var(--line);border-radius:17px;margin-top:29px}.race-mark{display:flex;flex-shrink:0;color:var(--g)}.race-mark .ic{width:31px;height:31px}.lab-race-link small{font-size:10px;color:var(--mut);display:block}.lab-race-link b{font-family:Baloo,Cairo,sans-serif;font-size:23px;font-weight:500;display:block;margin-top:4px}.race-action{margin-right:auto;color:var(--g);font-size:12px;display:flex;align-items:center;gap:15px;white-space:nowrap}
[data-theme=dark] .experiment-diagram{background:var(--bg2)}[data-theme=dark] .experiment-diagram .diagram-paper{fill:#e4e6d7}[data-theme=dark] .lab-categories button.selected{color:var(--tx);border-color:var(--line)}
@media(min-width:900px) and (max-width:1200px){.experiment-list{column-gap:22px}.experiment-row{gap:12px}.experiment-diagram{width:128px;height:112px}.experiment-copy h3{font-size:20px}.experiment-copy p{font-size:10px}.lab-spotlight-copy{padding:28px}.lab-spotlight h2{font-size:32px}.lab-spotlight h2 span{font-size:25px}.fraction-scene>svg{width:230px;margin-left:25px}.fraction-scene>img{height:135px;width:112px}.fraction-caption{left:65px}.fraction-note{right:25px}}
@media(max-width:899px){.lab-intro h1{font-size:37px}.lab-spotlight-copy{padding:25px}.lab-spotlight h2{font-size:32px}.lab-spotlight h2 span{font-size:25px}.fraction-scene>svg{width:230px;margin-left:25px}.fraction-scene>img{height:135px;width:112px}.fraction-caption{left:65px}.fraction-note{right:25px}.experiment-list{column-gap:22px}.experiment-row{gap:12px}.experiment-diagram{width:128px;height:112px}.experiment-copy h3{font-size:21px}.experiment-copy p{font-size:10px}.lab-count{font-size:10px}}
@media(max-width:600px){.lab-intro{align-items:flex-start;gap:8px;margin:0 0 20px}.lab-intro .eyebrow{font-size:10px}.lab-intro h1{font-size:33px;line-height:1.3;margin:10px 0}.lab-intro h1 span{display:block}.lab-intro p{font-size:11px;max-width:265px;line-height:1.9}.lab-count{font-size:0;gap:0;margin-top:12px;background:var(--card);padding:9px;border:1px solid var(--line);border-radius:10px}.lab-count .ic{width:20px;height:20px}.lab-spotlight{grid-template-columns:1fr;min-height:0;border-radius:21px}.lab-spotlight-copy{padding:25px 24px 10px}.lab-spotlight h2{font-size:32px;margin:12px 0}.lab-spotlight h2 span{font-size:26px}.lab-spotlight p{font-size:11px;margin-bottom:17px}.spotlight-button{font-size:13px;padding:9px 16px}.fraction-scene{height:211px;margin-top:-15px;pointer-events:none}.fraction-scene>svg{width:231px;height:208px;margin-left:45px;transform:rotate(-10deg)}.fraction-scene>img{height:127px;width:106px;right:12px;bottom:15px}.fraction-caption{font-size:20px;bottom:18px;left:58px;padding:2px 17px}.fraction-note{top:19px;right:20px;font-size:13px}.experiments-section{margin-top:26px}.lab-tools-heading h2{font-size:25px}.lab-tools-heading>span{display:none}.lab-categories{gap:6px;margin-bottom:18px}.lab-categories button{font-size:12px;padding:6px 10px;min-height:34px;border-radius:8px}.experiment-list{grid-template-columns:1fr;border-top:1px solid var(--line)}.experiment-row{padding:20px 0;gap:18px;min-height:172px}.experiment-diagram{width:130px;height:119px}.experiment-copy h3{font-size:23px;margin:6px 0 7px}.experiment-copy p{font-size:10px;margin-bottom:9px}.experiment-name{font-size:11px}.experiment-link{font-size:9px}.lab-race-link{padding:17px 15px;gap:12px;flex-wrap:wrap;margin-top:24px}.lab-race-link b{font-size:21px}.race-mark .ic{width:26px;height:26px}.race-action{font-size:11px;margin-right:38px;gap:10px}.lab-race-link small{font-size:9px}}
@media(max-width:360px){.experiment-diagram{width:108px;height:110px}.experiment-row{gap:14px}.experiment-copy h3{font-size:21px}.experiment-copy p{font-size:10px}.lab-spotlight-copy{padding:22px 20px 10px}.lab-spotlight h2 span{font-size:24px}.fraction-caption{left:44px}.lab-intro h1{font-size:31px}}