/* PeniBlo 体験談インデックス
   セフレジャンル色 #fa8e00 系。フォントはテーマのシステムフォントスタックを継承する。 */
.pbt-wrap{--pbt-key:#fa8e00;--pbt-key-d:#c26e00;--pbt-line:#ecd9bd;--pbt-soft:#fff8ef;
  margin:28px 0 34px}
.pbt-wrap *{box-sizing:border-box}
.pbt-h{font-size:22px;font-weight:800;margin:0 0 16px;padding-left:12px;
  border-left:5px solid var(--pbt-key);line-height:1.4}

.pbt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media(max-width:900px){.pbt-grid{grid-template-columns:1fr}}

/* テーマの .post-content a（下線・リンク色）に負けないよう a.pbt-card で指定する */
.pbt-wrap a.pbt-card{display:block;background:#fff;border:1px solid var(--pbt-line);border-radius:16px;
  overflow:hidden;text-decoration:none;color:#22222a;
  box-shadow:0 6px 18px rgba(190,110,0,.07);transition:transform .18s ease,box-shadow .18s ease}
.pbt-wrap a.pbt-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(190,110,0,.16);
  text-decoration:none;color:#22222a}

.pbt-thumb{display:block;position:relative;background:#20101a;line-height:0}
.pbt-thumb img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;display:block}
.pbt-no{position:absolute;left:12px;top:12px;background:rgba(0,0,0,.62);color:#fff;
  font-size:12px;font-weight:800;padding:5px 12px;border-radius:999px;letter-spacing:.5px;line-height:1.4}

.pbt-body{display:block;padding:16px 18px 18px}
.pbt-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.pbt-tags i{font-style:normal;font-size:12px;font-weight:800;color:#fff;
  padding:4px 11px;border-radius:999px;line-height:1.5}
.pbt-day{background:#6b7280}

.pbt-title{display:block;font-size:17px;font-weight:800;line-height:1.5;color:#22222a;margin-bottom:8px}
.pbt-card:hover .pbt-title{color:var(--pbt-key-d)}
.pbt-partner{display:block;font-size:13px;font-weight:700;color:var(--pbt-key-d);
  background:var(--pbt-soft);border-radius:8px;padding:6px 10px;margin-bottom:9px}
.pbt-hook{display:block;font-size:13.5px;line-height:1.85;color:#5b5b63}

.pbt-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}
.pbt-date{font-size:12px;color:#9a9aa4}
.pbt-result{font-size:12px;font-weight:700;color:#4b5563;background:#f3f4f6;
  border-radius:999px;padding:3px 10px}
.pbt-go{display:inline-block;margin-top:12px;font-size:13.5px;font-weight:800;color:var(--pbt-key-d)}

/* compact: ジャンルページ等への埋め込み用 */
.pbt-compact .pbt-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:900px){.pbt-compact .pbt-grid{grid-template-columns:1fr}}
.pbt-compact .pbt-body{padding:13px 14px 15px}
.pbt-compact .pbt-title{font-size:15px}
.pbt-compact .pbt-hook{display:none}
.pbt-compact .pbt-foot{display:none}
.pbt-more{text-align:center;margin:20px 0 0}
.pbt-wrap .pbt-more a{display:inline-block;background:var(--pbt-key);color:#fff;font-weight:800;
  font-size:15px;padding:13px 32px;border-radius:999px;text-decoration:none;
  box-shadow:0 8px 20px rgba(250,142,0,.28)}
.pbt-wrap .pbt-more a:hover{background:var(--pbt-key-d);color:#fff;text-decoration:none}