/* ==========================================================================
   写真の青フィルター　── /parts9 の 6「青＋黒浮かせ」を実際のセクションに入れたもの
   2026-08-07

   filter  contrast(.88) brightness(1.08) saturate(.9)   ＝ 黒を浮かせてマットに
   膜      rgba(1,124,200,.14) を multiply で重ねる      ＝ 全体を青へ

   ★別の番号に変えるときは、下の2つの値を差し替えるだけです。
     0 なし              filter なし／膜 なし
     1 軽く青            saturate(.9) hue-rotate(-6deg) brightness(1.02)／膜なし
     2 青の膜（薄）        膜 rgba(1,124,200,.12) multiply
     3 青の膜（濃）        膜 rgba(1,124,200,.25) multiply
     4 影だけ青           contrast(.92) brightness(1.06)／膜 rgba(0,71,160,.22) darken
     5 黒を浮かせる        contrast(.88) brightness(1.08) saturate(.92)／膜なし
     6 青＋黒浮かせ ★いま  下のとおり
     7 単色              grayscale(1)／膜 rgba(1,124,200,.55) screen
   ★このファイルの読み込みを外せば、フィルターなし（0）に戻ります。
   ========================================================================== */

.mk .mk-case__pic,
.mk .mk-post__pic,
.mk .mk-feature__pic,
.mk .mk-split__pic,
.mk .mk-usecard__pic,
.mk .mk-post--sm .mk-post__pic,
.mk-pop__pic{position:relative;}

.mk .mk-case__pic img,
.mk .mk-post__pic img,
.mk .mk-feature__pic img,
.mk .mk-split__pic img,
.mk .mk-usecard__pic img,
.mk .mk-article figure img,
.mk-pop__pic img{
  filter:contrast(.88) brightness(1.08) saturate(.9);
}

.mk .mk-case__pic::after,
.mk .mk-post__pic::after,
.mk .mk-feature__pic::after,
.mk .mk-split__pic::after,
.mk .mk-usecard__pic::after,
.mk-pop__pic::after{
  content:"";
  position:absolute; inset:0;
  background:rgba(1,124,200,.14);
  mix-blend-mode:multiply;
  pointer-events:none;
}