/* reset + 版面底(helmet 與根 div inline style 搬來) */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}

.site-root {
  position:relative;
  min-height:100vh;
  background:var(--c-bg);
  color:var(--c-text);
  font-family:var(--font-serif);
  line-height:1.85;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

.paper-grain {
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:60;
  opacity:calc(var(--grain-opacity) * .5);
  mix-blend-mode:multiply;
  background-image:radial-gradient(color-mix(in oklab,var(--c-rule) 22%, transparent) 0.5px, transparent 0.8px);
  background-size:5px 5px;
}

/* 圓角開關補綁:原型的按鈕都沒寫 border-radius,客製面板切「柔和」時按鈕無感。
   統一綁 --radius-pill(customizer.js:柔和=999px、俐落=0px),
   預設「俐落」外觀不變;行內已寫 border-radius 的元素不受影響。 */
button { border-radius: var(--radius-pill); }
[data-knob] { border-radius: var(--radius-pill); }   /* 面板區塊開關的白色旋鈕 */