/* ==============================
   Base
============================== */
html {
	margin: 0 !important;
}

html:focus-visible, body:focus-visible {
    outline: none !important;
}

a:focus-visible {
    outline: none;
}

section:focus-visible {
    outline: none;
}

html,
body {
  /* 色はトークンへ */
  color: var(--c-ink);
  background-color: #FFFCFA;

  /* 背景の方眼 */
background-image: 
  linear-gradient(to right, #EFF5F4 1px, transparent 1px),
  linear-gradient(to bottom, #EFF5F4 1px, transparent 1px);
  background-size: var(--bg-grid-size) var(--bg-grid-size);
  background-position: top left;
  background-attachment: var(--bg-grid-attach);

  /* 余白リセット */
  margin: 0;
  padding: 0;
}

/* ==============================
   汎用アイコン調整
   - 将来的には components.css の「icons」へ移行予定
============================== */
span.material-symbols-rounded {
  vertical-align: middle;
  font-size: 1rem;
  line-height: 1.5;
}

.grecaptcha-badge {
    display: none !important;
}