/* --- list.html準拠のカード＆オーバーレイ --- */
    .more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
    @media (max-width:900px){.more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
    @media (max-width:560px){.more-grid{grid-template-columns:1fr}}
    .work-card{
      background:#fff;border:3px solid #111;border-radius:18px;
      box-shadow:0 6px 0 #111;overflow:hidden
    }
    .video-overlay{
      position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
      background:rgba(0,0,0,.35);transition:opacity .18s ease;z-index:2
    }
    .video-overlay.hidden{opacity:0;pointer-events:none}
    .video-overlay.replay .play-btn{background:#1c46b5}
    .play-btn{
      background:#e60012;color:#fff;border:3px solid #111;border-radius:9999px;
      padding:14px 22px;font-weight:800;font-size:18px;box-shadow:0 4px 0 #111;cursor:pointer
    }
    .work-card .body{padding:12px 14px 0}
    .work-card h3{margin:6px 0 8px;font-size:18px}
    .work-card .meta{font-size:12px;line-height:1.6;color:#333;margin:8px 0}
    .work-card .actions{display:flex;justify-content:center;padding:12px 14px 16px}
    .btn-post{
      background:linear-gradient(#2e6bff,#1c46b5);color:#fff;border:3px solid #111;border-radius:12px;
      padding:12px 16px;font-weight:800;text-decoration:none;box-shadow:0 4px 0 #111;display:inline-flex;gap:8px
    }
    /* 16:9維持（既存デザインそのまま） */
    .work-card .video-box{position:relative;width:100%;aspect-ratio:16/9;height:auto;padding-top:0!important;background:#000;overflow:hidden;border-radius:8px;line-height:0}
    .work-card .video-box iframe,.work-card .video-box video{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;border:0;object-fit:cover}
    .work-card .video-box>div,.work-card .video-box>div>div{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
      /* --- share ボタン用の色定義（必要なら微調整OK） --- */
  :root{
    --bsky: #0285FF;  /* Bluesky */
    --bsky-d: #026FE0;
    --hb:   #00A4DE;  /* はてなブックマーク */
    --hb-d: #0090C4;
    --copy: #6B7280;  /* Copy(グレー) */
    --copy-d: #4B5563;
  }

  /* 既存の .share a のスタイルはそのまま活かし、色だけ上書き */
  .share a.bsky-share{
    background: var(--bsky);
    color:#fff; border-color:#0268C5;
  }
  .share a.bsky-share:hover,
  .share a.bsky-share:focus-visible{
    background: var(--bsky-d);
  }

  .share a.hatena-share{
    background: var(--hb);
    color:#fff; border-color:#0089B9;
  }
  .share a.hatena-share:hover,
  .share a.hatena-share:focus-visible{
    background: var(--hb-d);
  }

  .share a.copy-share{
    background: var(--copy);
    color:#fff; border-color:#374151;
  }
  .share a.copy-share:hover,
  .share a.copy-share:focus-visible{
    background: var(--copy-d);
  }

  .amazon-area { margin: 10px auto 0; }
.amazon-box { margin: 10px 0 0; }
.amazon-fallback-link{
  display:inline-block; margin:8px 0; padding:8px 10px;
  border:1px solid #e6e6e6; border-radius:10px; text-decoration:none;
  font-weight:700;
}
.controls-more .btn{
  background:#fff; border:1px solid #e5e7eb; color:#111;
  border-radius:8px; padding:8px 14px; text-decoration:none; font-weight:700;
}

/* ==== ヘッダー下の3連広告（play.html用） ==== */

/* 必要に応じて実寸に合わせて調整 */
:root { --headerH: 70px; }
@media (max-width: 640px) {
  :root { --headerH: 64px; }
}

/* 横3並びの行（list/caption_post_listと統一） */
.ad-row{
  width: min(1100px, 94%);
  margin: 12px auto 16px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
}

/* ヘッダーに被らないように上余白を加算 */
.ad-row--under-header{
  margin-top: calc(var(--headerH) + 12px);
}

/* カードの見た目 */
.ad-card{
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 10px;
  background: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ad-label{
  font-size: 12px;
  line-height: 1;
  color: #6b7280;
  margin: 0 0 6px;
}

/* 画像の器（バナーの左右中央寄せ） */
.ad-card a{
  display: block;
  width: 100%;
  max-width: 320px;   /* 300x250などが収まる幅 */
  margin: 0 auto;
  line-height: 0;     /* 画像下の隙間を除去 */
}

/* 画像の角丸＆リキッド対応 */
.ad-card img[width][height]{
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

/* 最小高さで揃える（JSで --adMinH を上書き。未導入時は200pxで揃う） */
.ad-row--minh{ --adMinH: 200px; } /* Fallback */

.ad-row--minh .ad-card a{
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--adMinH);
}

.ad-row--minh .ad-card img[width][height]:not([width="1"]):not([height="1"]){
  max-height: 100%;
  max-width: 100%;
  height: auto;
  width: auto;
}

/* レスポンシブ：2列→1列 */
@media (max-width: 980px){
  .ad-row{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .ad-row{ grid-template-columns: 1fr; }
}

/* ダークモード配慮 */
@media (prefers-color-scheme: dark){
  .ad-card{ background: #1f1f24; border-color: #34343a; }
  .ad-label{ color: #c7cad1; }
}