/* 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);
  font-weight:300;
  line-height:1.95;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

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

/* 圓角開關補綁:原型的按鈕幾乎都沒寫 border-radius,客製面板切「柔和」時按鈕無感。
   統一綁 --radius(customizer.js:柔和=12px、俐落=2px)。
   註:ELE 的 --radius-pill 是常數 999px(供永遠全圓的元素用,不隨開關),故不綁它。
   預設「俐落」外觀幾乎不變(0→2px);行內已寫 border-radius 的元素不受影響。 */
button { border-radius: var(--radius); }
[data-knob] { border-radius: var(--radius); }   /* 面板區塊開關的白色旋鈕(18px,柔和 12px≒全圓) */