/* =========================================================================
   纸感设计语言 · 全局基底
   规范：docs/pr/0221-2026-07-15-notebook-design-spec.md §3
   一整张纸：横线网格随内容滚动、永不中断；径向渐变造纸边暗角。
   ⚠️ 任何容器都不要用不透明底色盖住横线——组件底色一律半透明透出横线。
   ========================================================================= */
*{box-sizing:border-box;}
html,body{margin:0;}

body{
  color:var(--ink);
  font-family:var(--hand);
  font-size:15.5px;
  line-height:var(--row);
  background:
    /* 横线纸：贯穿全页、随内容滚动 */
    repeating-linear-gradient(var(--paper),var(--paper) calc(var(--row) - 1px),
      var(--rule) calc(var(--row) - 1px),var(--rule) var(--row)),
    /* 纸边暗角 */
    radial-gradient(120% 80% at 50% 0,var(--paper) 60%,var(--paper-edge) 100%);
}

a{color:inherit;text-decoration:none;cursor:pointer;}
button,input{font:inherit;color:inherit;}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
[tabindex]:focus-visible{
  outline:1.8px dashed var(--pen);outline-offset:3px;
  border-radius:5px 7px 6px 8px/8px 6px 7px 5px;
}

.sr-only{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}

/* 尊重减弱动效偏好：去位移/缩放，仅保留必要过渡（规范 §8） */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
}