/*
 * DLsite売場のサイト用の上塗り（yms_provider() が dlsite のときだけ読み込まれる）。
 *
 * 深瀬の指定（8/29）: 「基本はこのままで、赤ではなくDLsiteっぽい青を多く使いたい。
 * 上の黒地に白文字も青地に白とかにしたい」。
 * レイアウトは一切変えない。**色の変数と上部帯の地色だけ**を差し替える。
 *
 * コントラスト実測: #1A56B0 に白文字 6.3:1 / #12408A に白文字 9.2:1（下限4.5）。
 */
:root {
  --accent:      #1A56B0;   /* 赤 #C7362B → DLsite寄りの青 */
  --accent-deep: #12408A;   /* 赤 #A82A21 → 濃い青 */
  --shadow-cta:  0 2px 6px -2px rgba(26, 86, 176, .45);
}

/* 上部帯: 黒〜暗赤のグラデーション → 紺〜青へ。文字は白のまま */
.yms-brandbar {
  background: linear-gradient(102deg, #0E2A5C 0%, #143A7E 55%, #1A56B0 100%);
}

/* 8/29 深瀬「少しボケている」。DLsiteの表紙の原寸は560×420で、FANZA（800px）前提の
 * 一等地の枠に合わせて約2倍へ引き伸ばされていた。**絵の実寸を上限にして伸ばさない。**
 * 枠は保ち、余白は薄地で埋める（レイアウト構造は変えない）。 */
.yms-rank1__cover { text-align: center; background: var(--surface-alt); }
.yms-rank1__cover img { max-width: 560px; width: 100%; margin-inline: auto; }

/* 8/29 検査で出た2件の直し:
 * B13: 本文中のクラス無しリンクがブラウザ既定の青(0,0,238)だった → カノンの濃青へ
 * C1: 目次リンク（#toc）のタップ領域が15px → 44px確保（D-018） */
.entry-content a:not([class]) { color: var(--accent-deep); }
.entry-content a[href^="#toc"] { display: inline-block; padding: 11px 4px; }

/* DLsiteの表紙規格は4:3（FANZAの800:538と違う）。**表紙の枠を全部**4:3へ合わせる
 * （style.css で aspect-ratio: 800/538 を持つ枠の一覧。片方だけ直すと検査B11が残りを名指しする） */
.yms-card__cover, .yms-homerank__cover, .yms-rank-first__cover, .yms-rank-mid__cover,
.yms-rankcard__cover, .yms-sale-tile__cover, .yms-poster__cover, .yms-hero,
.yms-rank1__cover, .yms-sidecard__cover img, .yms-samples img { aspect-ratio: 4 / 3; }

/* 空のリンク（プラグインが本文へ残す中身なしのa）。押せない15px枠になるだけなので出さない */
.entry-content a:empty { display: none; }

/* 監修テンプレの作品情報リスト内リンク（ジャンル等）。行内のままタップ領域44pxを確保 */
.entry-content li > a:not([class]) { display: inline-block; padding: 11px 3px; }

/* 8/29 深瀬「もう少しサイトコンパクトにしたいね」。**余白と隙間だけ**を詰める。
 * 押す部品の44px（D-018）は全部据え置き。構図・順序・文字の大きさは変えない。 */
.yms-brand { padding: 10px 16px; }
.yms-brand__name::after { margin-top: 4px; }
.yms-searchbar .yms-search { padding: 6px 16px; }
.yf-pr { margin: 8px 0; }
.yms-banner-rail { margin: 2px 0 10px; gap: 8px; }
.yms-banner-rail .yms-tagchip { justify-content: center; }
/* ジャンルチップ6枠はPCで1行に収める（2行→1行で約56px節約） */
@media (min-width: 900px) { .yms-banner-rail { grid-template-columns: repeat(6, 1fr); } }
.yms-sort { padding: 0 0 8px; }
.yms-shell { padding-bottom: 40px; }
/* 横列（site00の赤ジャンルバナー）をやめた分、格子が横に広がって縦に伸びた（実測+346px）。
 * 全体の幅を1000pxへ絞り、元の密度へ戻す。左端の揃え（mast=幅-16*2）は style.css の注記と同じ計算 */
.yms-shell { max-width: 1000px; }
.yms-mastvisual { max-width: 968px; }
.yms-brand, .yms-searchbar .yms-search, .yms-foot { max-width: 1000px; }
.yms-aside { gap: 12px; margin-top: 14px; }
.yms-foot { margin-top: 24px; padding: 14px 16px 26px; }
.yms-rank1 { gap: 14px; padding: 12px; margin: 10px 0 14px; }
.yms-mastvisual__copy { padding: 34px 20px 12px; }

/* 8/30 ボタン刷新は「本家も同じに」の指示で style.css へ共通化した（影の色も--accent由来） */

/* 8/30レビュー: 記事冒頭の事実帯（値段・発売日・サークル）。買い手の判断材料を最初の画面へ。
 * 前置き縮小の隣接指定(.yf-pr + p)より強い形で書く（実測3.61:1で薄墨を継いだ） */
.entry-content .yms-factline,
.yms-factline {
  margin: 6px 0 10px; padding: 8px 12px;
  border-left: 3px solid var(--accent);
  background: color-mix(in srgb, var(--accent) 5%, var(--surface));
  font-size: 13.5px; font-weight: 700; color: #22303E;  /* 実測3.61:1の継承色を踏まないよう明示（8/30 D9） */
}

/* 8/30 横並びカード列は「本家もまだ縦並び」の指示で style.css へ共通化した
 * （旧注記「site00は原画90px」は誤り。実測で240〜768wの段階サイズを確認済み） */

/* 8/30 結論ファーストの試作（blue-comic★3・表示時組み立て）。事実帯の直下・公式ボタンの直前 */
.entry-content .yms-verdict, .yms-verdict {
  margin: 0 0 12px; padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--line));
  border-radius: 8px;
  background: color-mix(in srgb, var(--accent) 7%, var(--surface));
  font-size: 14px; line-height: 1.7; color: #22303E;
}
.yms-verdict b { color: var(--accent-deep); margin-right: 4px; }

/* 8/30 切替板: 括り選択中の期間は固定表示（効かない4択を出さない） */
.yms-rankfixed { font-size: 13px; color: var(--text-faint); padding: 8px 0; display: inline-block; }