/*
 * Japanese-first typography.
 *
 * Body/UI font (Noto Sans JP) is self-hosted automatically by Material via
 * `theme.font.text` in mkdocs.yml — no @font-face needed here.
 *
 * Headline serif deliberately does NOT ship a custom web font. Real
 * Japanese editorial sites (note.com, NewsPicks, most JP newspapers) lean on
 * the OS-native Mincho family for headings: it renders beautifully, is
 * already on every reader's device, and costs zero extra bytes — a better
 * trade than self-hosting a multi-megabyte Noto Serif JP CJK subset for a
 * secondary, low-character-count use (headlines only). Noto Serif JP is kept
 * as a *named* fallback for platforms without a native Mincho (mostly
 * Linux/Chrome OS); the browser simply skips it there and falls through to
 * generic `serif`, so nothing breaks or blocks rendering.
 */

:root {
  --pod-font-serif: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN",
    "Noto Serif JP", serif;
}

html {
  /* Loosen the default line-box for CJK: Japanese needs more breathing room
     than Latin text at the same font size. */
  -webkit-text-size-adjust: 100%;
}

.md-typeset {
  font-feature-settings: "palt"; /* proportional spacing for JP punctuation/kana */
  line-height: 2;
  letter-spacing: 0.01em;
  word-break: normal;
  overflow-wrap: break-word;
  line-break: strict;
}

.md-typeset p,
.md-typeset li {
  line-height: 1.9;
}

/* Editorial heading scale — serif, tighter leading, generous top spacing so
   sections read like magazine breaks rather than doc-style headers. */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.pod-serif {
  font-family: var(--pod-font-serif);
  font-feature-settings: "palt";
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.02em;
  color: var(--pod-ink);
}

.md-typeset h1 {
  font-size: 2.2rem;
  font-weight: 700;
  margin: 0 0 var(--space-5);
}

.md-typeset h2 {
  font-size: 1.6rem;
  margin: var(--space-8) 0 var(--space-4);
  padding-top: var(--space-6);
  border-top: 1px solid var(--pod-border);
}

.md-typeset h3 {
  font-size: 1.25rem;
  margin: var(--space-6) 0 var(--space-3);
}

/* Article reading column: capping the measure matters even more for
   Japanese, where a too-wide line makes it hard for the eye to track back
   to the correct next line among visually dense kanji. */
.pod-prose {
  max-width: var(--container-article);
  margin-inline: auto;
}

.pod-eyebrow {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--pod-accent);
  text-transform: uppercase;
  margin-bottom: var(--space-2);
}

.pod-lede {
  font-size: 1.15rem;
  line-height: 1.9;
  color: var(--pod-ink-soft);
}