/* 「買取相場はあなたのイメージ通りですか？」
   iPhoneラボとMacラボの両方で読む。基調色だけラボごとに差し替える。 */
.slab-poll{--poll-accent:var(--lab-ink,#0093C2)}
/* 色は body の --lab-ink に追従する */
.slab-poll{margin:28px 0;padding:20px 22px;border:1px solid #d9e2e0;border-radius:10px;background:#fff}
.slab-poll h3{margin:0 0 14px;font-size:16px}
.slab-poll-opts{display:flex;flex-wrap:wrap;gap:10px}
/* display指定があるとhidden属性（UAのdisplay:none）が効かない */
.slab-poll-opts[hidden]{display:none}
.slab-poll-opt{appearance:none;cursor:pointer;padding:11px 18px;border:1px solid #c5d3d0;border-radius:99px;
 background:#f7faf9;font-size:13.5px;font-family:inherit;color:inherit;transition:background .12s,border-color .12s}
.slab-poll-opt:hover{border-color:var(--poll-accent);background:#fff}
.slab-poll-opt:disabled{opacity:.5;cursor:default}
.slab-poll-bars{list-style:none;margin:0;padding:0}
.slab-poll-bars li{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:12px;
 padding:7px 0;font-size:13.5px}
.slab-poll-bars .pb-label em{display:block;font-style:normal;font-size:11px;color:var(--poll-accent);font-weight:700}
.slab-poll-bars .pb-bar{height:16px;background:#eef2f1;border-radius:3px;overflow:hidden}
.slab-poll-bars .pb-bar i{display:block;height:100%;background:#9fb8b3;border-radius:3px}
.slab-poll-bars li.is-mine .pb-bar i{background:var(--poll-accent)}
.slab-poll-bars .pb-num{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.slab-poll-bars .pb-num em{display:block;font-style:normal;font-size:11px;font-weight:400;color:#6b7b78}
.slab-poll-foot{margin:12px 0 0;font-size:12px;color:#6b7b78;line-height:1.7}
@media(max-width:600px){.slab-poll-bars li{grid-template-columns:1fr auto;grid-template-areas:"l n" "b b"}
 .slab-poll-bars .pb-label{grid-area:l}.slab-poll-bars .pb-num{grid-area:n}
 .slab-poll-bars .pb-bar{grid-area:b}}