/*
 * 面 saikyou（親ドメイン saikyoueromanga.com・DLsite同人マンガ・にじエロ型）の色。白ベース。間取りの構造は layout-<名>.css、ここは色と角だけ（9/4 夜）。
 * 本家の赤（#C7362B）は使わない。文字は墨紺、線は寒色の薄灰、強調は値段と割引だけに使う焦げ橙。
 * コントラスト実測（白地）: #C50025 5.9:1 / 本文 #14213D 14.6:1 / 薄い文字 #6B7280 4.8:1。
 */
:root {
  --ground:      #FFFFFF;
  --surface:     #FFFFFF;
  --surface-alt: #F3F4F6;
  --line:        #E3E6EA;
  --line-soft:   #EEF0F3;
  --text:        #14213D;
  --text-soft:   #4B5563;
  --text-faint:  #6B7280;
  --accent:      #C50025;   /* 9/4 夜: にじエロ型の赤に合わせる（白地で 5.9:1） */
  --accent-deep: #9E001E;
  --accent-ink:  #FFFFFF;
  --flag-bg:     #FFFFFF;
  --shadow-card: none;
  --radius: 4px;
  --gap: 10px;
}
/* 名前の帯も白。色の帯で顔を作らない */
.yms-brandbar { background: #FFFFFF; border-bottom: 1px solid var(--line); }
.yms-brand { padding: 14px 16px; }
.yms-brand__name { color: var(--text); font-size: 22px; }
.yms-brand__name::after { display: none; }
.yms-brand__id { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.yms-brand__tag { margin: 0; color: var(--text-faint); font-size: 12px; }
.yms-searchbar { background: #FFFFFF; border-bottom: 1px solid var(--line-soft); }
.yms-brand .yms-search input, .yms-searchbar .yms-search input { border: 1px solid var(--line); }
.yms-brand .yms-search button, .yms-searchbar .yms-search button { background: var(--text); border-color: var(--text); color: #fff; }
.yms-card__price { color: var(--accent); }
.yms-rankhead h2, .widget__title { font-size: 18px; font-weight: 800; }

/* 9/21 深瀬「上もぼかしにしないで本家に寄せて」。
   記事の看板は style.css:431 が DLsite 面に ぼかし6px＋1.04倍 を掛けていた（D-193: 560px の表紙を全幅の鮮明画像に見せない）。
   本家（にじ）の形は「帯の幅を原本の幅で止め、左右は墨の帯」で、ぼかしは使わない。この面も同じにする。
   引き伸ばさない事は変えない: 幅は既に原本（560px）で止まっている。高さも原本（420px・4:3）で止めて 1.19 倍の縦伸びを消す */
body.yms-provider-dlsite.yms-layout-gallery .yms-ghero__bg--decorative { filter: none !important; transform: none; }
.yms-ghero, .yms-ghero__in { min-height: 420px; }
@media (max-width: 767px) { .yms-ghero, .yms-ghero__in { min-height: 0; aspect-ratio: 4 / 3; } }

/* 9/21 深瀬「タグのボタンも本家に寄せたい」。
   本文の札（.yms-tagchip）は売場色の赤い輪郭・角丸なしだった。本家（にじ）の作品データの札と同じ
   白地・薄灰の線・角 3px・墨の文字にする。指で押す 44px の枠（D-018）は残し、見た目だけ ::before で描く */
.entry-content .yms-tagchip, .yms-tagchip { color: #333; font-size: 11.5px; font-weight: 600; padding: 0 8px; }
.yms-tagchip::before { inset: 9px 0; border: 1px solid #DDD; border-radius: 3px; background: #fff; }
.yms-tagchip:hover { color: #1A1A1A; }
.yms-tagchip:hover::before { border-color: #1A1A1A; background: #fff; }
.yms-tagchips { gap: 4px; }
/* 冒頭の事実帯（サークル名）も赤い帯をやめ、札と同じ白地・薄灰の線 */
.entry-content .yms-factline, .yms-factline { border-left: 3px solid #1A1A1A; background: #F7F7F7; color: #222; }

/* 9/21 深瀬「サンプル画像が小さい・縦に並ぶだけ」。style.css の DLsite 用上限（表紙 280px・サンプル 280px）を
   この面だけ外す。表紙は原本 560px まで、サンプル（原本 1200×900）は列幅（PC 624px）まで。引き伸ばしは起きない（D-193）。
   一列のまま（深瀬の好み: 記事内画像は一列が基本）。sizes は functions.php の option yms_dl_media_wide が合わせる */
body.yms-provider-dlsite .entry-content img.yms-dl-cover { max-width: min(100%, 560px); }
body.yms-provider-dlsite .entry-content img.yms-dl-sample { max-width: 100%; }
@media (max-width: 767px) {
  body.yms-provider-dlsite .entry-content img.yms-dl-cover { max-width: 100%; }
  body.yms-provider-dlsite .entry-content img.yms-dl-sample { max-width: 100%; }
}
/* ブラウザ既定の figure { margin: 0 40px } で本文の絵が両側 40px 痩せていた（実測: 列 624px に対し絵 544px）。この面は列幅いっぱい */
.entry-content figure.aligncenter, .entry-content .wp-block-image figure { margin-left: 0; margin-right: 0; }
/* 作品データの箱（option yms_dl_pinfo）: 頭の作品IDは小さく薄く。見出しの列は 4 文字（サークル・ジャンル・イベント）が折れない幅 */
.yms-pinfo__t small { font-weight: 500; letter-spacing: 0; color: rgba(255,255,255,.6); margin-left: 6px; }
.yms-pinfo__lab { flex-basis: 58px; }
@media (max-width: 767px) { .yms-pinfo__lab { flex-basis: 50px; } }