/* ==============================
   Typography (site-wide)
============================== */

/* Base text */
html { font-size: 16px; }
body {
  font-family: 'Zen Kaku Gothic New', system-ui, -apple-system, Segoe UI, Roboto, 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif;
  line-height: var(--lh);
  color: var(--c-ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Paragraphs */
p { margin: 0 0 var(--sp-4); }
p:last-child { margin-bottom: 0; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 var(--sp-4);
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: .01em;
  color: #338998;
}
h1 { font-size: var(--h1); }
h2 { font-size: var(--h2); }
h3 { font-size: var(--h3); }
h4 { font-size: var(--h4); }
h5 { font-size: var(--h5); }
h6 { font-size: var(--h6); }

h1.page-title.char-animate {
    font-size: 3.2rem;
    font-weight: 500;
    font-family: 'Zen Kurenaido', sans-serif;
    color: #338998;
	margin-top: 5rem;
    margin-bottom: 4rem;
    text-align: center;
}

/* Inline elements */
strong { font-weight: 700; }
em { font-style: italic; }
small { font-size: var(--fz-300); }

/* Lists */
ul, ol { margin: 0 0 var(--sp-4); padding-left: 1.25em; }
li { margin: .25em 0; }

/* Quotes & code */
blockquote {
  margin: 0 0 var(--sp-4);
  padding: var(--sp-4);
  border-left: 4px solid var(--c-brand);
  background: color-mix(in srgb, var(--c-brand) 5%, #fff 95%);
}
code, kbd, pre, samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
  font-size: 0.95em;
}
pre {
  padding: var(--sp-4);
  background: #f7f7f9;
  border-radius: var(--radius);
  overflow: auto;
}

/* Images */
img { max-width: 100%; height: auto; }

/* Tables (ベタ打ち用の最小値) */
table { width: 100%; border-collapse: collapse; margin: 0 0 var(--sp-4); }
th, td { padding: .6em .8em; border: 1px solid var(--c-border); }
th { background: #fafbfc; text-align: left; }

/* ===================== 強調（蛍光ペン風） ===================== */
span.marker {
  background-color: transparent;
  box-shadow: inset 0 -0.6em 0 #EC6C0040;
  font-weight: 500;
}