/*
 * PRICE BASE ランキング記事 スマホ用の部品（mu-plugin pb-ranking-sp 0.1.0, 2026-10-09 採用案 A2fT）
 * 元: 見本 ranking-redesign-20261009 の assets/pb-rank-sp.css（A2fT で使わない 案B・A3・PC別案・旧1位カード --a を除いた）
 *     ＋ 追従フッター F2（pb-foot-F2.css）・出し入れ F3（pb-foot-F3.css）を同じ順で後ろに連結
 *     ＋ 0.2.2: 追従フッターの iOS 26 Safari 対策（F3 の後ろの「追従フッター iOS 26 対策」）
 * - 部品は mu-plugin が the_content で差し込み、置き換え元に .pb-rk-pc を付ける（本文は書き換えない）
 * - スマホ（max-width:600px）だけ変える。PC は .pb-rk-sp が display:none になるだけで見た目は変わらない
 */
/* ---------- 出し分け ---------- */
@media (min-width: 601px) {
  .pb-rk-sp { display: none !important; }
}
@media (max-width: 600px) {
  .pb-rk-pc { display: none !important; }
}

@media (max-width: 600px) {
  .pb-rk-top, .pb-rk-cta, .pb-rk-why {
    --pb-rk-red: #e8382f;
    --pb-rk-red-d: #c4241b;
    --pb-rk-red-soft: #fff2f1;
    --pb-rk-ink: #191a1e;
    --pb-rk-yellow: #fff200;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    color: var(--pb-rk-ink);
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
  }
  .pb-rk-top *, .pb-rk-cta *, .pb-rk-why *,
  .pb-rk-top *::before, .pb-rk-cta *::before, .pb-rk-why *::before,
  .pb-rk-top *::after, .pb-rk-cta *::after, .pb-rk-why *::after { box-sizing: border-box; }
  .post_content .pb-rk-top ul, .post_content .pb-rk-why ul {
    list-style: none !important; margin: 0 !important; padding: 0 !important;
  }
  .post_content .pb-rk-top li, .post_content .pb-rk-why li { margin: 0 !important; padding-left: 0; }
  .post_content .pb-rk-top li::before, .post_content .pb-rk-why li::before { content: none; }
  .post_content .pb-rk-top p, .post_content .pb-rk-why p { margin: 0; }
  .post_content .pb-rk-top a, .post_content .pb-rk-cta a { text-decoration: none !important; }

  /* ---------- 共通: 赤いピルボタン（kaitorilist 案Bと同じ） ---------- */
  .pb-rk-top__btn, .pb-rk-cta__btn {
    position: relative;
    display: block;
    padding: 13px 42px 14px 18px;
    border-radius: 999px;
    background: linear-gradient(#ee8174 0 50%, #ea4834 50% 100%);
    color: #fff !important;
    font-weight: 900;
    font-size: 17px;
    line-height: 1.3;
    letter-spacing: .03em;
    text-align: center;
    text-shadow: 0 1px 2px rgba(120, 20, 10, .35);
    box-shadow: 0 4px 0 rgba(0, 0, 0, .18);
  }
  .pb-rk-top__btn i, .pb-rk-cta__btn i {
    position: absolute; right: 14px; top: 50%;
    width: 22px; height: 22px; margin-top: -11px;
    border-radius: 50%; background: #fff;
  }
  .pb-rk-top__btn i::after, .pb-rk-cta__btn i::after {
    content: ""; position: absolute; left: 6px; top: 7px;
    width: 6px; height: 6px;
    border-top: 2.5px solid #ea4834; border-right: 2.5px solid #ea4834;
    transform: rotate(45deg);
  }

  /* =========================================================
     1) 比較表の直前の「1位 PRICE BASE」カード
     ========================================================= */
  .post_content > .pb-rk-top { margin: 4px 0 14px; }
  .pb-rk-top__head { display: flex; align-items: center; gap: 8px; }
  .pb-rk-top__rank {
    flex: none; display: inline-block;
    padding: 5px 8px 5px; border-radius: 4px;
    font-weight: 900; font-size: 13px; line-height: 1; letter-spacing: .02em;
  }
  .pb-rk-top__name { font-weight: 900; font-size: 21px; line-height: 1.2; letter-spacing: .05em; }
  .pb-rk-top__chips { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
  .pb-rk-chip { display: flex; flex-direction: column; justify-content: center; min-width: 0; border-radius: 8px; padding: 7px 9px; }
  .pb-rk-chip--wide { grid-column: 1 / -1; }
  .pb-rk-chip__l { display: block; font-size: 10.5px; font-weight: 700; line-height: 1.3; color: #5f6368; }
  .pb-rk-chip__v { display: block; word-break: keep-all; overflow-wrap: anywhere; font-size: 15.5px; font-weight: 900; line-height: 1.3; color: var(--pb-rk-red-d); }
  .pb-rk-chip--pt .pb-rk-chip__v { font-size: 13.5px; line-height: 1.35; }
  .pb-rk-chip--wide .pb-rk-chip__v { font-size: 14.5px; }
  /* 「.post_content .pb-rk-top ul { margin:0 !important }」に負けないよう詳細度を上げる（10/9 チップと丸ピルの隙間が0だった） */
  .post_content .pb-rk-top ul.pb-rk-top__ok { display: flex !important; flex-wrap: wrap; gap: 6px; margin-top: 10px !important; }
  .post_content .pb-rk-top__ok li {
    position: relative; padding: 3px 10px 3px 21px !important;
    border: 1px solid #ecc1bd; border-radius: 999px; background: #fff;
    font-size: 12px; font-weight: 700; line-height: 1.5;
  }
  .post_content .pb-rk-top__ok li::before {   /* 表の「〇」と同じ意味の丸 */
    content: ""; position: absolute; left: 8px; top: 50%;
    width: 9px; height: 9px; margin-top: -4.5px;
    border: 2px solid var(--pb-rk-red); border-radius: 50%;
  }
  .pb-rk-top__btn { margin-top: 12px; }

  .pb-rk-top__cap em, .pb-rk-cta__cap em { font-style: normal; color: var(--pb-rk-red); }

  /* =========================================================
     2) 記事用 CTA カード（細い赤帯＋再利用ボタンの組を置き換え）
     ========================================================= */
  .post_content > .pb-rk-cta { margin: 26px 0 28px; }
  .pb-rk-cta__card {
    position: relative; display: block;
    margin: 0 auto; max-width: 560px;
    text-align: center; background: #fff;
  }
  .pb-rk-cta__tag {
    position: absolute; left: 50%; top: 0; transform: translate(-50%, -55%);
    white-space: nowrap; padding: 4px 12px; border-radius: 999px;
    background: var(--pb-rk-red); color: #fff;
    font-weight: 900; font-size: 12px; line-height: 1.4; letter-spacing: .02em;
  }
  .pb-rk-cta__tag b { color: var(--pb-rk-yellow); font-size: 14px; margin: 0 1px; font-weight: 900; }
  .pb-rk-cta__cap { display: block; color: var(--pb-rk-ink); font-weight: 900; font-size: 15px; line-height: 1.4; letter-spacing: .01em; margin-bottom: 10px; }

  /* --- 案A（控えめ）: kaitorilist 案Bと同じ白カード＋赤枠 --- */
  .pb-rk-cta--a .pb-rk-cta__card {
    padding: 22px 14px 16px;
    border: 2px solid var(--pb-rk-red); border-radius: 14px;
    box-shadow: 0 3px 0 rgba(232, 56, 47, .18);
  }


  @media (max-width: 359px) {
    .pb-rk-cta__tag { font-size: 11px; padding: 4px 9px; }
    .pb-rk-cta__tag b { font-size: 13px; }
    .pb-rk-cta__cap, .pb-rk-top__cap { font-size: 13.5px; }
    .pb-rk-top__btn, .pb-rk-cta__btn { font-size: 15px !important; padding-left: 12px !important; padding-right: 38px !important; }
    .pb-rk-chip__v { font-size: 14px !important; }
    .pb-rk-chip--pt .pb-rk-chip__v { font-size: 12.5px !important; }
  }

  /* =========================================================
     3) 「PRICE BASEのトレカ買取がおすすめな理由」画像の HTML 版
     ========================================================= */
  .post_content > .pb-rk-why { margin: 8px 0 24px; }
  .pb-rk-why__ttl { text-align: center; font-weight: 900; line-height: 1.35; letter-spacing: .02em; }
  .pb-rk-why__ttl em { font-style: normal; color: var(--pb-rk-red); white-space: nowrap; }
  .pb-rk-why__item { display: flex; align-items: center; gap: 10px; }
  .pb-rk-why__ico { flex: none; display: flex; align-items: center; justify-content: center; width: 52px; }
  .pb-rk-why__ico img { display: block; width: auto !important; height: auto; max-width: 52px; max-height: 50px; }
  .pb-rk-why__body { min-width: 0; flex: 1; }
  .pb-rk-why__h { word-break: keep-all; overflow-wrap: anywhere; font-weight: 900; font-size: 15px; line-height: 1.45; letter-spacing: .01em; }
  .pb-rk-why__h mark { background: linear-gradient(transparent 62%, #fff59a 62%); color: var(--pb-rk-red); padding: 0; }
  .pb-rk-why__d { margin-top: 2px !important; font-size: 12.5px; font-weight: 500; line-height: 1.55; }
  .pb-rk-why__n { margin-top: 2px !important; font-size: 10.5px; line-height: 1.5; color: #444; }

  /* --- 案A: 元の画像に近い（黄緑の地・黄色の見出し・黒枠＋黄色の立体の縁のカード） --- */
  .pb-rk-why--a { padding: 0 10px 14px; background: linear-gradient(#bfe96c, #dcf59f); border-radius: 4px; }
  .pb-rk-why--a .pb-rk-why__ttl {
    margin: 0 -10px 16px !important; padding: 10px 10px 8px;
    background: var(--pb-rk-yellow); font-size: 18px;
    border-bottom: 3px solid var(--pb-rk-ink);
    box-shadow: 0 5px 0 #fff, 0 8px 0 var(--pb-rk-ink);
  }
  .pb-rk-why--a .pb-rk-why__item {
    margin: 0 6px 12px 0 !important; padding: 8px 10px 8px 8px;
    background: #fff; border: 2px solid var(--pb-rk-ink);
    box-shadow: 4px 4px 0 var(--pb-rk-yellow), 4px 4px 0 2px var(--pb-rk-ink);
  }
  .pb-rk-why--a .pb-rk-why__item:last-child { margin-bottom: 4px !important; }


  /* =========================================================
     4) 比較表（素の表 custom-table-3 等）に pokecabox と同じ見た目をスマホだけ当てる
        元: plugin pb-ranking-comparison の ranking-native-table.css（PC 用の行は省いた）
     ========================================================= */
  .post_content figure.wp-block-table.pb-rk-tbl {
    --pbrn-accent: #e93645; --pbrn-accent-dark: #b91f2d; --pbrn-accent-strong: #991824; --pbrn-accent-soft: #ffedef;
    --pbrn-ink: #202124; --pbrn-line: #cfd4da; --pbrn-head: #292d32; --pbrn-top: #f6f7f8;
    --pbrn-provider-width: 148px; --pbrn-cell-min-width: 128px;
    display: block; position: relative; max-width: 100%;
    margin: 1rem 0 .65rem;
    border: 2px solid #bcc2c8 !important; border-top: 5px solid var(--pbrn-accent) !important; border-radius: 8px;
    overflow-x: auto !important; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch;
    color: var(--pbrn-ink);
  }
  .post_content figure.wp-block-table.pb-rk-tbl table {
    background: #fff; border: 0 !important; border-collapse: separate !important; border-spacing: 0 !important;
    margin: 0 !important; font-size: 13px; line-height: 1.55; table-layout: auto;
  }
  .post_content figure.wp-block-table.pb-rk-tbl th, .post_content figure.wp-block-table.pb-rk-tbl td {
    background: #fff !important; border: 0 !important;
    border-bottom: 1px solid var(--pbrn-line) !important; border-right: 1px solid var(--pbrn-line) !important;
    color: var(--pbrn-ink); min-width: var(--pbrn-cell-min-width) !important;
    padding: 12px 10px !important; text-align: center; vertical-align: middle;
    overflow-wrap: break-word; word-break: normal; font-variant-numeric: tabular-nums;
  }
  .post_content figure.wp-block-table.pb-rk-tbl .swl-cell-bg { display: none !important; }
  /* custom-table-3（子テーマ）の1行目の赤い枠・黄色のグラデ（table::before/::after）と大きい文字を止める */
  .post_content figure.wp-block-table.pb-rk-tbl table::before,
  .post_content figure.wp-block-table.pb-rk-tbl table::after { content: none !important; display: none !important; }
  .post_content figure.wp-block-table.pb-rk-tbl tbody tr:first-child > * { font-size: 13px; }
  /* SWELL の「1列目を見出し風に」（.td_to_th_）が 1列目の ::before を全面の背景（absolute・高さ100%）にしているので、順位の表示に戻す
     （10/9 ranking-sp-table で発見: td_to_th_ の表で順位のバッジが縦長の帯になっていた） */
  .post_content figure.wp-block-table.pb-rk-tbl tbody tr > :first-child::before {
    position: static !important; top: auto; left: auto; height: auto !important; width: auto; z-index: auto; background-color: transparent;
  }
  /* 4位以下は「4位」を名前の前に1行で（行の高さを詰める） */
  .post_content figure.wp-block-table.pb-rk-tbl tbody tr:nth-child(n + 4) > :first-child::before { display: inline-block; margin: 0 6px 0 0; }
  .post_content figure.wp-block-table.pb-rk-tbl tbody tr:nth-child(n + 4) > * { padding-top: 10px !important; padding-bottom: 10px !important; }
  .post_content figure.wp-block-table.pb-rk-tbl tr > :last-child { border-right: 0 !important; }
  .post_content figure.wp-block-table.pb-rk-tbl tbody tr:last-child > * { border-bottom: 0 !important; }
  .post_content figure.wp-block-table.pb-rk-tbl thead th {
    background: var(--pbrn-head) !important; color: #fff !important;
    border-bottom: 2px solid #17191c !important; border-right-color: #4a4f55 !important;
    font-size: 13px; font-weight: 700; line-height: 1.45;
  }
  .post_content figure.wp-block-table.pb-rk-tbl thead th *, .post_content figure.wp-block-table.pb-rk-tbl thead th strong { color: #fff !important; }
  .post_content figure.wp-block-table.pb-rk-tbl thead th:first-child,
  .post_content figure.wp-block-table.pb-rk-tbl tbody tr > :first-child {
    position: sticky; left: 0; z-index: 2; isolation: isolate;
    width: var(--pbrn-provider-width); min-width: var(--pbrn-provider-width) !important;
    text-align: left !important;
    border-right: 2px solid #aeb4ba !important;
    box-shadow: 9px 0 14px -12px rgb(32 33 36 / 70%);
  }
  .post_content figure.wp-block-table.pb-rk-tbl thead th:first-child { z-index: 4; }
  .post_content figure.wp-block-table.pb-rk-tbl tbody { counter-reset: pbrk-rank; }
  .post_content figure.wp-block-table.pb-rk-tbl tbody tr > :first-child {
    counter-increment: pbrk-rank; font-size: 14px; font-weight: 700; overflow-wrap: normal; word-break: keep-all;
  }
  .post_content figure.wp-block-table.pb-rk-tbl tbody tr > :first-child::before {
    content: counter(pbrk-rank) "位"; display: block;
    margin-bottom: 5px; color: #555b61; font-size: 12px; font-weight: 700; line-height: 1.35;
  }
  .post_content figure.wp-block-table.pb-rk-tbl tbody tr:nth-child(-n + 3) > :first-child::before {
    display: flex; align-items: center; width: fit-content; min-height: 21px;
    margin-bottom: 7px; padding: 4px 7px; border-radius: 4px;
    background: #555b61; color: #fff; font-size: 11px; line-height: 1;
  }
  .post_content figure.wp-block-table.pb-rk-tbl tbody tr:first-child > * {
    background: var(--pbrn-accent-soft) !important;
    border-bottom: 2px solid #ed98a1 !important; border-right-color: #ebc4c8 !important;
    padding-top: 15px !important; padding-bottom: 15px !important;
  }
  .post_content figure.wp-block-table.pb-rk-tbl tbody tr:first-child > :first-child {
    box-shadow: inset 5px 0 0 var(--pbrn-accent), 9px 0 14px -12px rgb(32 33 36 / 70%);
  }
  .post_content figure.wp-block-table.pb-rk-tbl tbody tr:first-child > :first-child::before { background: var(--pbrn-accent-dark); font-size: 12px; min-height: 22px; }
  .post_content figure.wp-block-table.pb-rk-tbl tbody tr:nth-child(2) > *,
  .post_content figure.wp-block-table.pb-rk-tbl tbody tr:nth-child(3) > * { background: var(--pbrn-top) !important; }
  .post_content figure.wp-block-table.pb-rk-tbl tbody tr:nth-child(4) > * { border-top: 3px solid #aeb4ba !important; }
  .post_content figure.wp-block-table.pb-rk-tbl tbody tr:first-child > :first-child a {
    display: inline-block; padding: 7px 9px; border-radius: 6px;
    background: var(--pbrn-accent-dark); color: #fff !important;
    font-size: 14px; font-weight: 700; line-height: 1.4; text-decoration: none !important;
  }
  .post_content figure.wp-block-table.pb-rk-tbl tbody tr:first-child > :first-child a * { color: #fff !important; }
  .post_content figure.wp-block-table.pb-rk-tbl tbody tr:first-child > td .has-swl-deep-01-color {
    display: inline-flex; align-items: center; justify-content: center; width: 100%; max-width: 100%;
    padding: 6px 4px; background: #fff;
    border: 1px solid #dc7f89; border-left: 4px solid var(--pbrn-accent); border-radius: 5px;
    color: var(--pbrn-accent-dark) !important; font-size: 13px; font-weight: 700; line-height: 1.4;
    white-space: normal; overflow-wrap: anywhere;
  }
  .post_content figure.wp-block-table.pb-rk-tbl tbody tr:first-child > td:has(.has-swl-deep-01-color) { padding-left: 8px !important; padding-right: 8px !important; }
}

/* =========================================================
   v1b（2026-10-09）1位カードの色を抑えた2案。赤を使うのはボタンだけ（ボタンは A と同じ）
   ========================================================= */
@media (max-width: 600px) {
  .pb-rk-top--a2, .pb-rk-top--a3 { padding: 12px 12px 14px; box-shadow: none; }
  .pb-rk-top--a2 .pb-rk-top__head, .pb-rk-top--a3 .pb-rk-top__head { margin-bottom: 10px; }
  .pb-rk-top--a2 .pb-rk-chip__v, .pb-rk-top--a3 .pb-rk-chip__v { color: var(--pb-rk-ink); }
  .pb-rk-mk { padding: 0 1px; }
  /* 枠のあるチップなので左の余白を確保（.post_content .pb-rk-top li の padding-left:0 に負けないように） */
  .post_content .pb-rk-top--a2 .pb-rk-chip, .post_content .pb-rk-top--a3 .pb-rk-chip { padding-left: 9px !important; }

  /* --- A2「白×黒」 --- */
  .pb-rk-top--a2 { border: 1px solid #d9d9d9; border-radius: 8px; background: #fff; }
  .pb-rk-top--a2 .pb-rk-top__rank { background: var(--pb-rk-ink); color: #fff; font-size: 12px; padding: 4px 7px; }
  .pb-rk-top--a2 .pb-rk-chip { background: #fff; border: 1px solid #e2e4e7; }
  .pb-rk-top--a2 .pb-rk-chip__l { color: #6b6f75; }
  .pb-rk-top--a2 .pb-rk-chip--speed .pb-rk-mk { background: linear-gradient(transparent 60%, rgba(255, 242, 0, .7) 60%); }
  .post_content .pb-rk-top--a2 .pb-rk-top__ok li { border-color: #d6d8db; background: #fff; }
  .post_content .pb-rk-top--a2 .pb-rk-top__ok li::before { border-color: #7d8288; }

}

/* =========================================================
   v1c（2026-10-09）書体を記事本文と同じにする（body.pb-rk-fnative）。900 を使わず 700 / 400〜500 で強弱を付け、字間は標準
   本番では body_class で pb-rk-fnative を付ける想定。Noto Sans JP は読み込まない
   ========================================================= */
@media (max-width: 600px) {
  .pb-rk-fnative .pb-rk-top, .pb-rk-fnative .pb-rk-cta, .pb-rk-fnative .pb-rk-why, .pb-rk-fnative .pb-foot2 {
    font-family: var(--swl-font_family, inherit);
  }
  .pb-rk-fnative .pb-rk-top *, .pb-rk-fnative .pb-rk-cta *, .pb-rk-fnative .pb-rk-why *, .pb-rk-fnative .pb-foot2 * { letter-spacing: normal !important; }
  /* 700: 値・ボタン・社名・バッジ・CTA の一言とタグ・理由の見出し */
  .pb-rk-fnative .pb-rk-top__name, .pb-rk-fnative .pb-rk-top__rank, .pb-rk-fnative .pb-rk-chip__v,
  .pb-rk-fnative .pb-rk-top__btn, .pb-rk-fnative .pb-rk-cta__btn, .pb-rk-fnative .pb-rk-top__cap,
  .pb-rk-fnative .pb-rk-cta__cap, .pb-rk-fnative .pb-rk-cta__tag, .pb-rk-fnative .pb-rk-cta__tag b,
  .pb-rk-fnative .pb-rk-why__ttl, .pb-rk-fnative .pb-rk-why__h,
  .pb-rk-fnative .pb-foot2, .pb-rk-fnative .pb-foot2__tag b { font-weight: 700; }
  /* 400〜500: ラベル・説明・注記・〇のピル */
  .pb-rk-fnative .pb-rk-chip__l { font-weight: 400; }
  .pb-rk-fnative .post_content .pb-rk-top__ok li { font-weight: 500; }
  .pb-rk-fnative .pb-rk-why__d, .pb-rk-fnative .pb-rk-why__n { font-weight: 400; }
}

/* =========================================================
   v1d（2026-10-09）A2fC: 追従フッターがあるとき、ページ末尾の最後の行が隠れないよう下に余白（フッターの高さ分）
   本文書体の案（body.pb-rk-fnative）だけ。案C（過去の案）は変えない
   ========================================================= */
@media (max-width: 600px) {
  body.pb-rk-fnative:has(.pb-rk-foot) { padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)); }
}

/* =========================================================
   v1e（2026-10-09）A2fT: 導入文の直後の「おすすめ業者TOP3」。A2f のトンマナ（白×黒・赤はボタンだけ・本文書体・900 なし）
   1位は1位カード（--a2）をそのまま、2位・3位は記事内へ飛ぶだけの1行（外部リンク・ボタンなし）
   ========================================================= */
@media (max-width: 600px) {
  .post_content > .pb-rk-top3 { margin: 6px 0 24px; }
  .pb-rk-top3 { font-family: var(--swl-font_family, inherit); color: #191a1e; letter-spacing: normal; }
  .post_content .pb-rk-top3 .pb-rk-top3__ttl {
    margin: 0 0 8px; padding-left: 9px; border-left: 4px solid #191a1e;
    font-size: 15px; font-weight: 700; line-height: 1.4;
  }
  .pb-rk-top3 .pb-rk-top { margin: 0; }
  .post_content .pb-rk-top3 ol.pb-rk-top3__rest { list-style: none !important; margin: 8px 0 0 !important; padding: 0 !important; display: grid; gap: 6px; }
  .post_content .pb-rk-top3 .pb-rk-top3__rest li { margin: 0 !important; padding: 0 !important; }
  .post_content .pb-rk-top3 .pb-rk-top3__rest li::before { content: none; }
  .post_content .pb-rk-top3 a.pb-rk-top3__row {
    display: flex; align-items: center; gap: 10px; min-height: 56px;
    padding: 8px 12px; border: 1px solid #e2e4e7; border-radius: 8px; background: #fff;
    color: #191a1e !important; text-decoration: none !important;
  }
  .pb-rk-top3__rank {
    flex: none; padding: 4px 7px; border-radius: 4px; background: #8a8f95; color: #fff;
    font-size: 12px; font-weight: 700; line-height: 1;
  }
  .pb-rk-top3__logo { flex: none; display: flex; align-items: center; }
  .pb-rk-top3__logo img { display: block; width: auto !important; height: auto; max-width: 78px; max-height: 24px; object-fit: contain; }
  .pb-rk-top3__name { flex: 1; min-width: 0; font-size: 15px; font-weight: 700; line-height: 1.35; }
  .pb-rk-top3__more { flex: none; font-size: 12.5px; font-weight: 400; color: #5f6368; white-space: nowrap; }
  .post_content > .pb-rk-anchor { display: block; height: 0; margin: 0 !important; scroll-margin-top: 130px; }
}

/* =========================================================
   追従フッター F2（LP と同じ見た目。pb-foot-F2.css のまま）
   ========================================================= */
.pb-foot2 {
  --pb-foot-red: #ff3131;
  --pb-foot-ink-red: #e8261b;      /* 黄色の上で読める濃いめの赤 */
  --pb-foot-yellow: #fff200;
  --pb-foot-ink: #231815;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 90;                     /* 本文より上・ポップアップ（開いたとき z-index:100）より下 */
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  color: var(--pb-foot-ink);
  pointer-events: none;            /* タグの左右の透明部分は本文をふさがない */
  -webkit-tap-highlight-color: transparent;
}
.pb-foot2 *, .pb-foot2 *::before, .pb-foot2 *::after { box-sizing: border-box; }

/* ---- 赤い小タグ（帯の上辺に重ねる） ---- */
.pb-foot2__tag {
  position: relative;
  z-index: 1;
  display: block;
  width: fit-content;
  max-width: calc(100% - 16px);
  margin: 0 auto -10px;
  padding: 3px 12px;
  border: 2px solid #fff;
  border-radius: 999px;
  background: var(--pb-foot-red);
  color: #fff;
  font-size: clamp(11px, 3.3vw, 12.5px);
  line-height: 1.2;
  letter-spacing: .03em;
  white-space: nowrap;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .22);
  pointer-events: auto;
}
.pb-foot2__tag b { color: var(--pb-foot-yellow); font-size: 1.22em; font-weight: 900; line-height: 1; margin: 0 .05em; }

/* ---- 黄色の帯 ---- */
.pb-foot2__bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(10px, 3.4vw, 16px);
  min-height: 72px;
  padding: 14px 12px calc(8px + env(safe-area-inset-bottom, 0px));
  background: var(--pb-foot-yellow);
  border-top: 2px solid var(--pb-foot-ink);
  box-shadow: 0 -3px 10px rgba(0, 0, 0, .15);
  pointer-events: auto;
}

/* 左：白いふきだし（右向きのしっぽ） */
.pb-foot2__bubble {
  position: relative;
  flex: 0 0 auto;
  display: block;
  padding: 6px 9px 5px;
  border: 2px solid var(--pb-foot-ink);
  border-radius: 10px;
  background: #fff;
  color: var(--pb-foot-ink);
  font-size: clamp(10.5px, 3.25vw, 12.5px);
  line-height: 1.5;
  letter-spacing: .02em;
  text-align: center;
  white-space: nowrap;
}
.pb-foot2__bubble em { font-style: normal; color: var(--pb-foot-ink-red); }
.pb-foot2__bubble::before,
.pb-foot2__bubble::after {
  content: "";
  position: absolute;
  top: 50%;
  border-style: solid;
}
.pb-foot2__bubble::before {        /* しっぽの黒い縁 */
  right: -10px;
  margin-top: -7px;
  border-width: 7px 0 7px 9px;
  border-color: transparent transparent transparent var(--pb-foot-ink);
}
.pb-foot2__bubble::after {         /* しっぽの白い中身 */
  right: -6.5px;
  margin-top: -5px;
  border-width: 5px 0 5px 6.5px;
  border-color: transparent transparent transparent #fff;
}

/* 右：申込の文言（2段）＋黒丸の › */
.pb-foot2__cta {
  position: relative;
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-right: 34px;
  white-space: nowrap;
}
.pb-foot2__cta-s {
  display: block;
  font-size: clamp(13px, 4.1vw, 16px);
  line-height: 1.3;
  letter-spacing: .03em;
  color: var(--pb-foot-ink);
}
.pb-foot2__cta-l {
  display: block;
  font-size: clamp(21px, 6.6vw, 26px);
  line-height: 1.15;
  letter-spacing: .08em;
  color: var(--pb-foot-ink-red);
}
.pb-foot2__cta::after,
.pb-foot2__cta::before {
  content: "";
  position: absolute;
  top: 50%;
}
.pb-foot2__cta::after {
  right: 0;
  width: 26px;
  height: 26px;
  margin-top: -13px;
  border-radius: 50%;
  background: var(--pb-foot-ink-red);
}
.pb-foot2__cta::before {
  z-index: 1;
  right: 10px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-top: 2.5px solid #fff;
  border-right: 2.5px solid #fff;
  transform: rotate(45deg);
}
.floating-banner-wrap:active .pb-foot2__bar { filter: brightness(.97); }

@media (max-width: 345px) {
  .pb-foot2__bar { padding-inline: 8px; }
  .pb-foot2__bubble { padding-inline: 7px; }
  .pb-foot2__cta { padding-right: 30px; }
  .pb-foot2__cta::after { width: 24px; height: 24px; margin-top: -12px; }
  .pb-foot2__cta::before { right: 9px; }
}

/* 「トップへ戻る」ボタン（SWELL .p-fixBtnWrap）を帯に重ならない高さへ
   （LP の F2 は 799px まで。ランキング記事ではフッターが出る 600px までにする＝601px 以上の見た目は変えない） */
@media (max-width: 600px) {
  body:has(.pb-rk-foot) .p-fixBtnWrap { bottom: calc(104px + env(safe-area-inset-bottom, 0px)); }
}

/* =========================================================
   追従フッターの出し入れ F3（pb-foot-F3.css を元に。.is-armed / .is-show は pb-rk-sticky.js が付ける）
   0.2.1: ランキング記事では .is-show が付くまで常に隠す（JS が動く前・動かない端末でも最初の画面に出さない。オーナー要望 10/9）
   ========================================================= */
.pb-foot.is-armed.is-ready {        /* 読み込み直後は動かさない（.is-ready は JS が1フレーム後に付ける） */
  transition: transform .28s ease, opacity .28s ease, visibility 0s linear .28s;
}
.pb-foot.is-armed.is-ready.is-show {
  transition: transform .28s ease, opacity .28s ease, visibility 0s linear 0s;
}
.pb-foot.is-armed:not(.is-show),
.pb-rk-foot .pb-foot:not(.is-show) {
  transform: translateY(110%);
  opacity: 0;
  visibility: hidden;              /* 隠れている間は押せない・読み上げない */
}
.pb-foot.is-armed:not(.is-show),
.pb-foot.is-armed:not(.is-show) *,
.pb-rk-foot .pb-foot:not(.is-show),
.pb-rk-foot .pb-foot:not(.is-show) * {
  pointer-events: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .pb-foot.is-armed.is-ready,
  .pb-foot.is-armed.is-ready.is-show { transition: none; }
  .pb-foot.is-armed:not(.is-show), .pb-rk-foot .pb-foot:not(.is-show) { transform: none; }
}

/* =========================================================
   追従フッター iOS 26 対策（0.2.2, 2026-10-10。iPhone 実機で確認済みの見本 pb-foot2-v2.css ＋ v3 と同じ内容）
   上の F2（見た目）・F3（出し入れ）の「後ろ」で上書きする。このブロックを消せば 0.2.1 と同じ状態に戻る。
   iOS 26.6.2 Safari の実測:
     - ツールバーが出ているとき innerHeight = 100svh。下へスクロールしてツールバーが小さな丸になると innerHeight が増え、
       bottom:0 の固定要素は新しい下端へ移るが、Safari は下から約 90pt を描かないのでフッターが消える・欠ける。100svh 基準の要素は見える
     - 画面の下端に色付きの固定要素が触れていると、Safari はその色をツールバーの下まで塗り広げる（フッターが巨大に見える）
     - Chrome（iOS を含む）は下端に固定でべったり付くのが良い
   方針:
     1) 最初は隠す（.is-show が付くまで。0.2.1 と同じ考え方）。見える動きは透明度だけ（上下にスライドしない。pb-rk-sticky.js は class の付け外しだけ）
     2) 外枠は透明で、黄色は左右・下に余白のある角丸カード（下端に色が触れない）。低くする（約64px）
     3) 位置: Safari 以外は下から 3px。iPhone の Safari だけ（html.pb-ios-safari。フッターの直前に出す小さな JS が付ける）は
        「100svh の 8px 上」に下辺を合わせる
   F3 との関係: F3 の隠し方 transform: translateY(110%)（Safari 以外）はそのまま使う。ただし見える動きは透明度だけにするため、transform の
     transition は「消えるときは .2s 待ってから退場・出るときは待たずに定位置」にする（visibility と同じ）。Safari は表示中 translateY(-100%)・
     隠れている間 translateY(100vh)（詳細度は F3 より上）。prefers-reduced-motion の F3 の transform: none（詳細度が低い）は、
     この隠し方にも Safari の位置指定にも勝たない（位置はずれない）。
   ========================================================= */
.pb-foot2 {
  left: 10px;
  right: 10px;
  bottom: calc(3px + env(safe-area-inset-bottom, 0px));
  width: auto;
  max-width: 580px;
  background: transparent;
}

/* 1) .is-show が付くまで隠す。見える動きは透明度だけ（出るときは一瞬で定位置・消えるときは透明になってから退場）。
   隠れている間は画面の外（下）へ置く: pb-lp-analytics・クリック計測などが IntersectionObserver で追従バナーを見ていて、opacity/visibility は
   見ないため、隠れたまま画面の中にあると「CTA 表示」を数えてしまう（0.2.1 の translateY(110%) と同じく、隠れている間は交差しない位置に） */
.pb-foot2.pb-foot:not(.is-show),
.pb-foot2.pb-foot.is-armed:not(.is-show),
.pb-rk-foot .pb-foot2.pb-foot:not(.is-show) {
  transform: translateY(110%);
  opacity: 0;
  visibility: hidden;
}
.pb-foot2.pb-foot:not(.is-show),
.pb-foot2.pb-foot:not(.is-show) *,
.pb-rk-foot .pb-foot2.pb-foot:not(.is-show),
.pb-rk-foot .pb-foot2.pb-foot:not(.is-show) * { pointer-events: none !important; }
.pb-foot2.pb-foot.is-armed.is-ready {
  transition: opacity .2s ease, visibility 0s linear .2s, transform 0s linear .2s;
}
.pb-foot2.pb-foot.is-armed.is-ready.is-show {
  transition: opacity .2s ease, visibility 0s linear 0s, transform 0s linear 0s;
}

/* 赤い小タグ：少し小さく */
.pb-foot2__tag {
  margin-bottom: -8px;
  padding: 2px 10px;
  font-size: clamp(10.5px, 3.1vw, 12px);
}

/* 2) 黄色：角丸カード */
.pb-foot2__bar {
  min-height: 0;
  gap: clamp(8px, 3vw, 14px);
  padding: 10px 10px 7px;
  border: 2px solid var(--pb-foot-ink);
  border-radius: 14px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .28);
}
.pb-foot2__bubble {
  padding: 4px 8px 3px;
  font-size: clamp(10px, 3vw, 11.5px);
  line-height: 1.4;
}
.pb-foot2__cta { padding-right: 30px; }
.pb-foot2__cta-s { font-size: clamp(12px, 3.6vw, 14px); line-height: 1.25; }
.pb-foot2__cta-l { font-size: clamp(18px, 5.6vw, 22px); line-height: 1.1; }
.pb-foot2__cta::after { width: 24px; height: 24px; margin-top: -12px; }
.pb-foot2__cta::before { right: 9px; }

@media (max-width: 345px) {
  .pb-foot2 { left: 6px; right: 6px; }
  .pb-foot2__bar { padding-inline: 7px; }
}

/* 3) iPhone の Safari だけ 100svh 基準（html.pb-ios-safari が付かなければ上の「下から 3px」のまま） */
html.pb-ios-safari .pb-foot2.pb-foot {
  top: calc(100svh - 8px);
  bottom: auto;
  transform: translateY(-100%);
}
/* Safari の隠れている間は、大きい方の画面の高さ（100vh）だけ下へ（ツールバーが小さな丸のときの下端より外） */
html.pb-ios-safari .pb-foot2.pb-foot:not(.is-show),
html.pb-ios-safari .pb-foot2.pb-foot.is-armed:not(.is-show),
html.pb-ios-safari .pb-rk-foot .pb-foot2.pb-foot:not(.is-show) {
  transform: translateY(100vh);
}

/* 「トップへ戻る」ボタンはカードの上へ（フッターが出る 600px 以下だけ） */
@media (max-width: 600px) {
  body:has(.pb-rk-foot) .p-fixBtnWrap { bottom: calc(80px + env(safe-area-inset-bottom, 0px)); }
  html.pb-ios-safari body:has(.pb-rk-foot) .p-fixBtnWrap { bottom: auto; top: calc(100svh - 150px); }
}
@media (prefers-reduced-motion: reduce) {
  .pb-foot2.pb-foot.is-armed.is-ready,
  .pb-foot2.pb-foot.is-armed.is-ready.is-show { transition: none; }
}

/* =========================================================
   ranking-sp-table（2026-10-09 オーナー決定）: 比較表を PC でも pokecabox と同じ見た目にする（.pb-rk-tblx、601px 以上）
   元: plugin pb-ranking-comparison の ranking-native-table.css（PC・タブレットの部分）をそのまま写し、
       セレクタを .post_content figure.wp-block-table.pb-rk-tblx にした。スマホ（600px 以下）は既存の .pb-rk-tbl の見た目
   pokecabox など既に is-style-pb-ranking-table の表には .pb-rk-tblx を付けない（二重にしない）
   ========================================================= */
@media (min-width: 601px) {
  /* 子テーマの custom-table-3（1行目の赤い枠・黄色のグラデ・大きい太字・赤い1列目）と SWELL の色付きセルを止める */
  .post_content figure.wp-block-table.pb-rk-tblx table::before,
  .post_content figure.wp-block-table.pb-rk-tblx table::after { content: none !important; display: none !important; }
  .post_content figure.wp-block-table.pb-rk-tblx .swl-cell-bg { display: none !important; }
  .post_content figure.wp-block-table.pb-rk-tblx tbody tr:first-child > * { font-size: 14px; font-weight: 400; }
  .post_content figure.wp-block-table.pb-rk-tblx tbody tr:first-child > :first-child { color: var(--pbrn-ink) !important; font-weight: 700; }
  /* SWELL の .td_to_th_ の 1列目 ::before（全面の背景）を順位の表示に戻す */
  .post_content figure.wp-block-table.pb-rk-tblx tbody tr > :first-child::before {
    position: static !important; top: auto; left: auto; height: auto !important; width: auto; z-index: auto; background-color: transparent;
  }
  /* 横スクロールのヒント（スマホだけの .sp_）を PC でも出す */
  .post_content .c-scrollHint.sp_.pb-rk-hint-pc { display: block !important; }
  .post_content .c-scrollHint.sp_.pb-rk-hint-pc + .wp-block-table { margin-top: 0 !important; }

  .post_content figure.wp-block-table.pb-rk-tblx {
    --pbrn-accent: #e93645;
    --pbrn-accent-dark: #b91f2d;
    --pbrn-accent-strong: #991824;
    --pbrn-accent-soft: #ffedef;
    --pbrn-ink: #202124;
    --pbrn-muted: #5f6368;
    --pbrn-line: #cfd4da;
    --pbrn-head: #292d32;
    --pbrn-top: #f6f7f8;
    --pbrn-provider-width: 200px;
    --pbrn-cell-min-width: 150px;
    border: 2px solid #bcc2c8;
    border-radius: 10px;
    border-top: 5px solid var(--pbrn-accent);
    color: var(--pbrn-ink);
    font-family: inherit;
    margin: 1.5rem 0 0.65rem;
    max-width: 100%;
    display: block;
    overflow-x: auto !important;
    overscroll-behavior-x: contain;
    position: relative;
    scroll-padding-inline-start: var(--pbrn-provider-width);
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .post_content figure.wp-block-table.pb-rk-tblx,
  .post_content figure.wp-block-table.pb-rk-tblx * {
    box-sizing: border-box;
  }

  .post_content figure.wp-block-table.pb-rk-tblx:focus-visible {
    outline: 3px solid rgb(233 54 69 / 28%);
    outline-offset: 3px;
  }

  .post_content figure.wp-block-table.pb-rk-tblx table {
    background: #fff;
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    color: var(--pbrn-ink);
    font-size: 14px;
    line-height: 1.55;
    margin: 0 !important;
    min-width: var(--table-width, 940px);
    max-width: none !important;
    table-layout: auto;
    width: var(--table-width, 940px) !important;
  }

  .post_content figure.wp-block-table.pb-rk-tblx th,
  .post_content figure.wp-block-table.pb-rk-tblx td {
    background: #fff;
    border: 0 !important;
    border-bottom: 1px solid var(--pbrn-line) !important;
    border-right: 1px solid var(--pbrn-line) !important;
    color: var(--pbrn-ink);
    font-variant-numeric: tabular-nums;
    min-width: var(--pbrn-cell-min-width) !important;
    overflow-wrap: break-word;
    padding: 15px 13px !important;
    text-align: center;
    vertical-align: middle;
    word-break: normal;
  }

  .post_content figure.wp-block-table.pb-rk-tblx tr > :last-child {
    border-right: 0 !important;
  }

  .post_content figure.wp-block-table.pb-rk-tblx tbody tr:last-child > * {
    border-bottom: 0 !important;
  }

  .post_content figure.wp-block-table.pb-rk-tblx thead th {
    background: var(--pbrn-head) !important;
    border-bottom: 2px solid #17191c !important;
    border-right-color: #4a4f55 !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
    text-align: center;
  }

  .post_content figure.wp-block-table.pb-rk-tblx thead th:first-child,
  .post_content figure.wp-block-table.pb-rk-tblx tbody tr > :first-child {
    left: 0;
    background-clip: border-box;
    border-right: 2px solid #aeb4ba !important;
    box-shadow: 9px 0 14px -12px rgb(32 33 36 / 55%);
    isolation: isolate;
    min-width: var(--pbrn-provider-width) !important;
    position: sticky;
    text-align: left !important;
    width: var(--pbrn-provider-width);
    z-index: 2;
  }

  .post_content figure.wp-block-table.pb-rk-tblx thead th:first-child {
    z-index: 4;
  }

  .post_content figure.wp-block-table.pb-rk-tblx thead th:not(:first-child) {
    scroll-snap-align: start;
  }

  .post_content figure.wp-block-table.pb-rk-tblx tbody {
    counter-reset: pbrn-rank;
  }

  .post_content figure.wp-block-table.pb-rk-tblx tbody tr > :first-child {
    counter-increment: pbrn-rank;
    font-size: 15px;
    font-weight: 700;
    overflow-wrap: normal;
    word-break: keep-all;
  }

  .post_content figure.wp-block-table.pb-rk-tblx tbody tr > :first-child::before {
    color: #555b61;
    content: counter(pbrn-rank) "位";
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 5px;
  }

  .post_content figure.wp-block-table.pb-rk-tblx tbody tr:nth-child(-n + 3) > :first-child::before {
    align-items: center;
    background: #555b61;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 11px;
    line-height: 1;
    margin-bottom: 7px;
    min-height: 21px;
    padding: 4px 7px;
    width: fit-content;
  }

  .post_content figure.wp-block-table.pb-rk-tblx tbody tr:first-child > * {
    background: var(--pbrn-accent-soft) !important;
    border-bottom: 2px solid #ed98a1 !important;
    border-right-color: #ebc4c8 !important;
    padding-bottom: 17px !important;
    padding-top: 17px !important;
  }

  .post_content figure.wp-block-table.pb-rk-tblx tbody tr:first-child > :first-child {
    box-shadow: inset 5px 0 0 var(--pbrn-accent), 9px 0 14px -12px rgb(32 33 36 / 55%);
  }

  .post_content figure.wp-block-table.pb-rk-tblx tbody tr:first-child > :first-child::before {
    background: var(--pbrn-accent-dark);
    font-size: 12px;
    min-height: 22px;
  }

  .post_content figure.wp-block-table.pb-rk-tblx tbody tr:nth-child(2) > *,
  .post_content figure.wp-block-table.pb-rk-tblx tbody tr:nth-child(3) > * {
    background: var(--pbrn-top) !important;
  }

  .post_content figure.wp-block-table.pb-rk-tblx tbody tr:nth-child(4) > * {
    border-top: 3px solid #aeb4ba !important;
  }

  .post_content figure.wp-block-table.pb-rk-tblx tbody tr:nth-child(-n + 3) > :first-child img {
    display: block;
    height: auto;
    margin: 0 0 7px;
    max-height: 38px;
    max-width: 132px;
    object-fit: contain;
    object-position: left center;
    width: auto;
  }

  .post_content figure.wp-block-table.pb-rk-tblx tbody tr:nth-child(-n + 3) > :first-child img + br {
    display: none;
  }

  .post_content figure.wp-block-table.pb-rk-tblx tbody tr:nth-child(-n + 3) > :first-child > a,
  .post_content figure.wp-block-table.pb-rk-tblx tbody tr:nth-child(-n + 3) > :first-child > strong {
    display: block;
    margin-top: 7px;
  }

  .post_content figure.wp-block-table.pb-rk-tblx tbody tr:first-child > :first-child a {
    background: var(--pbrn-accent-dark);
    border-radius: 6px;
    color: #fff !important;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    padding: 7px 9px;
    text-decoration: none !important;
  }

  .post_content figure.wp-block-table.pb-rk-tblx tbody tr:first-child > :first-child a:hover {
    background: var(--pbrn-accent-strong);
    color: #fff !important;
  }

  .post_content figure.wp-block-table.pb-rk-tblx tbody tr:first-child > td:nth-child(n + 2):nth-child(-n + 5) {
    color: var(--pbrn-accent-dark);
    font-size: 16px;
    font-weight: 700;
  }

  .post_content figure.wp-block-table.pb-rk-tblx tbody tr:first-child > td .has-swl-deep-01-color {
    align-items: center;
    background: #fff;
    border: 1px solid #dc7f89;
    border-left: 4px solid var(--pbrn-accent);
    border-radius: 5px;
    color: var(--pbrn-accent-dark) !important;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    justify-content: center;
    line-height: 1.4;
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
    padding: 7px 5px;
    text-wrap: pretty;
    white-space: normal;
    width: 100%;
  }

  .post_content figure.wp-block-table.pb-rk-tblx tbody tr:first-child > td:has(.has-swl-deep-01-color) {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .post_content figure.wp-block-table.pb-rk-tblx .pbrn-note {
    color: var(--pbrn-muted);
    display: block;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.3;
    margin-top: 5px;
    text-align: right;
  }

  .post_content figure.wp-block-table.pb-rk-tblx a:focus-visible {
    border-radius: 3px;
    outline: 3px solid rgb(233 54 69 / 28%);
    outline-offset: 3px;
  }

  .post_content figure.wp-block-table.pb-rk-tblx figcaption {
    color: var(--pbrn-muted);
    font-size: 11px;
    line-height: 1.65;
    margin: 0;
    min-width: min(640px, 100%);
    padding: 9px 2px 0;
    position: sticky;
    left: 0;
    text-align: left;
  }
}
@media (min-width: 601px) and (max-width: 959px) {
  .post_content figure.wp-block-table.pb-rk-tblx {
    --pbrn-provider-width: 160px;
  }

  .post_content figure.wp-block-table.pb-rk-tblx table {
    font-size: 13px;
  }

  .post_content figure.wp-block-table.pb-rk-tblx th,
.post_content figure.wp-block-table.pb-rk-tblx td {
    padding: 13px 11px !important;
  }

  .post_content figure.wp-block-table.pb-rk-tblx thead th:first-child,
.post_content figure.wp-block-table.pb-rk-tblx tbody tr > :first-child {
    box-shadow: 9px 0 14px -12px rgb(32 33 36 / 70%);
    min-width: var(--pbrn-provider-width) !important;
    width: var(--pbrn-provider-width);
  }

  .post_content figure.wp-block-table.pb-rk-tblx tbody tr:first-child > :first-child {
    box-shadow: inset 5px 0 0 var(--pbrn-accent), 9px 0 14px -12px rgb(32 33 36 / 70%);
  }
}