/*
 * reviewzoo の「動かして見る」部品と商品の箱（reviewzoo-core。2026-11-04 CEO 承認の見本から）。
 * 部品の形・決まりは SOUNDZOO の szx のまま（枠・見出しの帯・押す場所が動かない並び）。色だけ reviewzoo の青緑に置き換える。
 * 明るい表示だけ。
 */
.rz-content .szx {
  --szx-ink: #00676c;
  --szx-text: #1f2326;
  --szx-sub: #5d6469;
  --szx-faint: #9aa3a6;
  --szx-line: #d5dadc;
  --szx-paper: #e9f6f7;
  --szx-card: #ffffff;
  --szx-pick: #e9f6f7;
  --szx-mark: #fff1a8;
  --szx-off: #eef1f2;
  --szx-focus: #007a80;
  margin: 1.6em 0;
}
.rz-content .szx.is-on { box-shadow: 0 4px 0 #cfe6e8; }
.rz-content .szx-btn[aria-pressed="true"] { box-shadow: 0 2px 0 #004b4f; }
/* 「こだわらない」の灰色の文字が、押した状態の白より強く効いて読めなくなるのを防ぐ（SOUNDZOO の szx.css の191行目と同じ形の上書き） */
.rz-content .szx-finder .szx-btn.szx-none[aria-pressed="true"] { color: #ffffff; }
.rz-content .szx-hint::before { border-color: rgba(0, 103, 108, .45); }
.rz-content .szx .szx-title { font-size: 17px; }
.rz-content .szx table.rz-compare { margin: 0; }
.rz-content .szx table.rz-compare td .rz-shop { min-height: 40px; font-size: .9em; }

/* 答えの下の行き先（押して確かめる部品・見つける部品の1位） */
.rz-content .szx-pick-cta { margin: 12px 0 0; }
.rz-content .szx .rz-shop.is-primary,
.rz-content .rz-pcard .rz-shop.is-primary { background: var(--rz-teal); color: #ffffff !important; min-height: 50px; font-size: .95em; }
.rz-content .szx .rz-shop.is-primary:hover,
.rz-content .rz-pcard .rz-shop.is-primary:hover { background: #00656a; }
.rz-content .szx .rz-shop-logo,
.rz-content .rz-pcard .rz-shop-logo { background: #ffffff; padding: 2px; }
.rz-content .szx-finder-cta { margin: 6px 0 0; }

/* 見つける部品の1〜3位の写真（名前の左）。ボタンは下の段に全幅 */
.rz-content .szx-finder-item.has-img { display: grid; grid-template-columns: 72px minmax(0, 1fr); column-gap: 12px; align-items: start; }
.rz-content .szx-finder-item.has-img > * { grid-column: 2; }
.rz-content .szx-finder-item.has-img > .szx-finder-img { grid-column: 1; grid-row: 1 / span 4; }
.rz-content .szx-finder-item.has-img > .szx-finder-acts { grid-column: 1 / -1; }
.rz-content .szx .szx-finder-img { display: block; width: 72px; height: 72px; margin: 2px 0 0; object-fit: contain; background: #ffffff; border-radius: 8px; }

/* 押して確かめる部品の答えの行き先：td.szx-cta の中の商品の箱（.rz-pcard）をそのまま写す */
.rz-content .szx-pick-cta { display: grid; gap: 10px; }
.rz-content .szx .szx-pick-cta .rz-pcard { margin: 0; }
.rz-content .szx td.szx-cta { min-width: 240px; }
.rz-content .szx td .rz-pcard { margin: 0 0 8px; padding: 10px; grid-template-columns: 56px minmax(0, 1fr); }
.rz-content .szx td .rz-pcard-ph, .rz-content .szx td .rz-pcard-ph img { width: 56px; height: 56px; }

/* 商品の箱：写真・名前・説明1行・Amazon の値段（公式の窓口の値と日時）・ボタン */
.rz-content .rz-pcard { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 10px 14px; align-items: start; margin: 1.4em 0; padding: 14px; border: 1px solid var(--rz-line); border-radius: 12px; background: #ffffff; }
.rz-content .rz-pcard.is-noimg { grid-template-columns: minmax(0, 1fr); }
.rz-content .rz-pcard-ph { display: block; width: 88px; height: 88px; background: #ffffff; }
.rz-content .rz-pcard-ph img { display: block; width: 88px; height: 88px; object-fit: contain; margin: 0; }
.rz-content .rz-pcard-main { display: grid; gap: 4px; min-width: 0; }
.rz-content .rz-pcard-name { font-size: 1em; font-weight: 700; line-height: 1.45; word-break: auto-phrase; }
.rz-content .rz-pcard-desc { font-size: .84em; line-height: 1.6; color: var(--rz-sub); }
.rz-content .rz-pcard-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; margin-top: 2px; }
.rz-content .rz-pcard-price b { font-size: 1.25em; line-height: 1.3; }
.rz-content .rz-pcard-at, .rz-content .rz-pcard-note { font-size: .7em; line-height: 1.5; color: var(--rz-sub); }
.rz-content .rz-pcard-btn { grid-column: 1 / -1; }
/* 値段の断り書き（Product Advertising API ライセンス契約 第13条(o)。「詳細」から開く） */
.rz-content .rz-pcard-legal { font-size: .7em; line-height: 1.6; color: var(--rz-sub); }
.rz-content .rz-pcard-legal > summary { cursor: pointer; width: fit-content; }
.rz-content .rz-pcard-legal[open] > summary { margin-bottom: 2px; }