/**
 * アート・アーカイブ系：白黒のとても薄いグレイ地＋細かい斜線（品よく）。
 * 斜線は .art-walk-bw-hatch のみ。body には描かない。
 */
:root {
  --art-walk-hatch-bg: #f6f6f6;
  --art-walk-hatch-line: rgba(0, 0, 0, 0.04);
  --art-walk-hatch-image: repeating-linear-gradient(
    -45deg,
    var(--art-walk-hatch-line) 0,
    var(--art-walk-hatch-line) 1px,
    transparent 1px,
    transparent 3px
  );
}

/* クリームのにじみだけ抑える（斜線なし） */
html:has(.art-walk-bw-hatch) body {
  background-color: var(--art-walk-hatch-bg);
  background-image: none;
}

.art-walk-bw-hatch {
  background-color: var(--art-walk-hatch-bg);
  background-image: var(--art-walk-hatch-image);
}