*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* 锚点定位贴视口顶:第二屏起区块自带 padding-top 容纳固定导航,故不留白 */
/* 横向溢出保险丝:html 的 hidden 上交视口(关横向滚动),从而 body 的值
   不再被上交、留在自身生效;body 用 clip 真裁切超宽内容——超出部分不计入
   内容宽度,移动端初始缩放不会被撑小。不能用 hidden:body 会变成滚动容器,
   .science-drawer 的 sticky 揭幕会失效 */
html { scroll-behavior: smooth; scroll-padding-top: 0; overflow-x: hidden; }

body {
  font-family: 'Gotham', sans-serif;
  background: var(--night);
  color: var(--text);
  overflow-x: clip;
}