:root{color-scheme:dark;--exp-bg:#101318;--bg:#10151e;--sans:system-ui,-apple-system,"Segoe UI",sans-serif;--math:"Cambria Math",serif}
*{box-sizing:border-box}html{background:#101318}body{margin:0;color:#dce1e9;background:radial-gradient(ellipse 70% 380px at 50% 0,#1f355233,transparent),#101318;font:14px/1.5 var(--sans);-webkit-text-size-adjust:100%}a{color:#a4c6f5;text-decoration:none}a:hover{color:#e7f0ff}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}[hidden]{display:none!important}:focus-visible{outline:2px solid #82b5ff;outline-offset:3px}
.site-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 28px;min-height:62px;flex:none}.brand{display:flex;align-items:center;gap:10px;color:#e0e6ef;font-size:16px;font-weight:550;white-space:nowrap}.brand img{display:block}.brand span{font-weight:400;font-size:13px;color:#90a0b6;margin-left:8px}.get-app{font-size:12px;white-space:nowrap;padding:7px 12px;border-radius:20px;background:#8ab9ff0d}.intro{max-width:1100px;margin:28px auto 0;padding:0 32px 28px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#7d93ae;margin:0 0 8px}.intro h1{font-size:clamp(30px,4vw,42px);font-weight:500;letter-spacing:-1.4px;line-height:1.15;margin:0 0 12px}.intro>p:last-child{font-size:15px;color:#93a1b5;margin:0}.site-index .exp-gallery{padding-top:0}.exp-card{background:#1b222c;border-color:#ffffff07}.exp-card:hover{background:#222e3e}.exp-grid{gap:18px}.exp-thumb{background:radial-gradient(ellipse at 50% 70%,#2b466244,transparent 80%)}.exp-controls{background:linear-gradient(#101318 88%,transparent)}footer{max-width:1100px;padding:0 32px 30px;margin:auto;font-size:11px;color:#6e7d92}
.site-lab{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.site-lab .site-bar{padding-top:10px;padding-bottom:10px;min-height:54px}.site-lab .brand .back-label{margin:0;color:#b6c6dc}.lab-main{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;max-width:1180px;width:100%;margin:auto;padding:0 16px 14px}.lab-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 4px 14px;flex:none}.lab-heading h1{font-size:20px;line-height:1.2;font-weight:500;letter-spacing:-.4px;margin:0}.lab-heading .eyebrow{margin:0 0 5px}.lab-heading button{border:0;border-radius:18px;background:#ffffff08;color:#9eb0c9;padding:7px 12px;font-size:11px;white-space:nowrap;cursor:pointer}.lab-host{flex:1;min-height:0;border-radius:18px;overflow:auto}.site-lab .exp-shell{background:#191e26}.site-lab #lab-status{margin:30px 14px;color:#aebed4}
@media(max-width:600px){.site-bar{padding:12px 14px;gap:6px}.brand{gap:7px;font-size:14px}.site-index .brand span{display:none}.get-app{font-size:11px;padding:6px 9px}.intro{padding:0 18px 22px;margin-top:22px}.intro>p:last-child{font-size:13px;max-width:245px}.eyebrow{font-size:9px}.exp-card h3{font-size:17px}footer{padding:0 18px 25px}.lab-main{padding:0 6px 6px}.lab-heading{padding:7px 6px 12px}.lab-heading h1{font-size:17px}.lab-heading .eyebrow{font-size:8px;letter-spacing:1px}.lab-heading button{font-size:10px;padding:6px 9px}.lab-host{border-radius:12px}.site-lab .site-bar{padding:8px 12px}.site-lab .brand .back-label{font-size:12px}}
/* Give close-ups their own row: a long name must never crowd Graphs/Explain. */
/* Desktop subjects stay visible alongside search; phones keep the swipeable row. */
@media(min-width:901px){.site-index .exp-controls{align-items:flex-start}.site-index .exp-chips{flex-wrap:wrap;overflow:visible;mask-image:none}.site-index .exp-group{scroll-margin-top:125px}}
@media(max-width:440px){.site-lab .exp-shell>.exp-tools{display:grid;grid-template-columns:max-content max-content minmax(0,1fr)}.site-lab .exp-tools .exp-closeups,.site-lab .exp-tools .exp-zoom-back{grid-column:1/-1}.site-lab .exp-tools .exp-zoom-back{justify-self:start}}