@charset "UTF-8";
/* base.css — 要素の既定。本文はゴシック、見出しは明朝（2026-10-15）。日本語の改行は「文節だけで折る」＝keep-all＋BudouX（2026-10-15・auto-phrase は WebKit で効かない） */
@view-transition{navigation:auto}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--paper);scroll-padding-top:var(--hdr)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-ui);font-weight:400;font-size:var(--fs-body);line-height:1.85;letter-spacing:.02em;
  word-break:keep-all;line-break:strict;overflow-wrap:anywhere;font-feature-settings:"palt";-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{margin:0;font-weight:500;word-break:keep-all;line-height:1.45}
/* 書体：見出し＝明朝・読む文章＝ゴシック（2026-10-15 岩田さん）。明朝は見出しと名前・引用だけに使う */
h1,h2,h3,h4,.mc{font-family:var(--f-mincho)}
/* 改行は文節だけ：body を keep-all にし、区切りは HTML の <wbr>（BudouX・_gen/phrase_wrap.py）と JS データの U+200B（staff_data_build.py）で示す。入りきらない語だけ overflow-wrap で折る（2026-10-15） */
p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gutter)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.en{font-family:var(--f-didone);letter-spacing:.01em;font-feature-settings:normal}
.ui{font-family:var(--f-ui)}
.nw{white-space:nowrap}
.note{font-family:var(--f-ui);font-size:12px;color:var(--ink-3);line-height:1.7}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}