/* ===== typography & element defaults ===== */
body {
  font-family: var(--sans);
  color: var(--ink);
  background: var(--bg);
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body.locked { overflow: hidden; height: 100vh; }
a { color: inherit; }
.mono { font-family: var(--mono); }
.en { font-family: var(--en); letter-spacing: .05em; }

/* スキップリンク（キーボード操作：フォーカス時のみ表示） */
.skip-link {
  position: fixed; top: -60px; left: 12px; z-index: 300;
  background: var(--brand); color: #fff; padding: 10px 16px; border-radius: 8px;
  font-size: 13px; text-decoration: none; transition: top .2s ease;
}
.skip-link:focus { top: 12px; outline: 2px solid var(--accent); outline-offset: 2px; }