@charset "UTF-8";
/* 記事ページ固有の組み。色・書体は /assets/site.css のトークンのみ。 */
/* 版面は手書き19頁の .lead と同じ 36em。行送りは記事のまま(2.05)。 */
.art{ max-width: 36em; overflow-wrap: break-word; }
.art > * + *{ margin-top: 1.6em; }
.art p{ font-size: var(--f2); line-height: 2.05; }
.art h2{ margin-top: 2.4em; }
.art h3{
  margin-top: 2em;
  font-family: var(--gothic); font-weight: 700;
  font-size: var(--f3); line-height: 1.75; color: var(--ink);
}
.art h4{
  margin-top: 1.8em;
  font-family: var(--gothic); font-weight: 500;
  font-size: var(--f2); line-height: 1.8; color: var(--ink);
}
.art ul, .art ol{ padding-left: 1.3em; font-size: var(--f2); line-height: 2; }
.art li + li{ margin-top: 6px; }
.art blockquote{
  margin: 0; padding-left: clamp(16px, 2vw, 26px);
  border-left: 1px solid var(--line);
  color: var(--ink-3);
}
.art strong{ font-weight: 700; color: var(--ink); }
/* 本文にURLがそのまま書かれている箇所がある。狭い画面で版面を割らせない */
.art a{ overflow-wrap: anywhere; }
.art .fig{ margin-top: 2em; }
.art .fig img{ width: auto; max-width: 100%; max-height: 520px; background: var(--paper-warm); }
.art .fig-inline img{ margin-top: 1.2em; width: auto; max-width: 100%; max-height: 520px; background: var(--paper-warm); }
.art figcaption{ margin-top: 10px; }
.art .relref{
  border-left: 1px solid var(--line);
  padding-left: clamp(14px, 1.8vw, 22px);
}
.art .relref .t{ display: block; font-size: var(--f2); line-height: 1.85; }
.art .relref .src{ display: block; margin-top: 3px; font-size: var(--f1); line-height: 1.7; color: var(--ink-3); }

/* ヒーローの記録行と本文1行目が続けて読めてしまうので、図版の下に余白を置く */
.hero-fig{ margin-bottom: clamp(26px, 3vw, 40px); }
.hero-fig img{ width: auto; max-width: 100%; max-height: 460px; background: var(--paper-warm); }

/* 記事末の導線(前後記事は置かない。一覧へ戻る1本に寄せる) */
.ends{
  margin-top: clamp(22px, 2.6vw, 32px);
  display: flex; flex-wrap: wrap; align-items: center;
  gap: 14px clamp(20px, 3vw, 36px);
}