/* 成分ごとの比較表 */
.rxcp,.rxcp-idx{--c-ai:var(--ai,#14806f);--c-ink:var(--ink,#23323a);--c-sub:var(--sub,#5b6b70);--c-line:var(--line,#dde8e4);--c-wash:var(--wash,#f4f9f7);--c-aiw:var(--ai-wash,#e4f4ef);color:var(--c-ink)}
.rxcp-crumb{margin:0 0 2px;font-size:13px}
.rxcp-crumb a{color:var(--sub,#5b6b70)}
.rxcp-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}
.rxcp-kpi{padding:12px 14px;border-radius:16px;background:var(--c-wash);border:1px solid var(--c-line)}
.rxcp-kpi span{display:block;font-size:12.5px;color:var(--c-sub);font-weight:700}
.rxcp-kpi b{font-size:24px;font-variant-numeric:tabular-nums}
.rxcp-kpi.is-warn{background:#fff4e5;border-color:#f3d6a6}.rxcp-kpi.is-warn b{color:#a15c07}
.rxcp-how{margin:0 0 14px;font-size:14px;line-height:1.8;color:var(--c-sub)}
.rxcp-best-key{display:inline-block;padding:0 7px;margin:0 2px;border-radius:999px;background:#e3f4ec;color:#1b6b45;font-size:12px;font-weight:700}
.rxcp-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.rxcp-toc a{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--c-line);border-radius:999px;background:#fff;color:var(--c-ink);text-decoration:none;font-size:13.5px;font-weight:600}
.rxcp-toc a:hover{border-color:var(--c-ai);color:var(--c-ai)}
.rxcp-toc small{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--c-wash);color:var(--c-sub);font-size:11.5px}
.rxcp-spec{margin:0 0 22px;padding:16px;border:1px solid var(--c-line);border-radius:20px;background:#fff;scroll-margin-top:80px}
.rxcp-sh h2{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 4px;font-size:17px;line-height:1.5}
.rxcp-form{font-size:12px;font-weight:700;padding:1px 9px;border-radius:999px;background:var(--c-aiw);color:var(--c-ai)}
.rxcp-range{margin:0 0 10px;font-size:13.5px;color:var(--c-sub)}
.rxcp-range b{color:var(--c-ink);font-variant-numeric:tabular-nums}
.rxcp-dot{margin:0 2px;color:#b5c1bd}
.rxcp-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.rxcp-t{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.rxcp-t th,.rxcp-t td{padding:9px 10px;border-bottom:1px solid var(--c-line);text-align:left;vertical-align:middle}
.rxcp-t thead th{font-size:12px;color:var(--c-sub);font-weight:700;background:var(--c-wash);white-space:nowrap}
.rxcp-t tbody th{font-weight:600}
.rxcp-t tbody th a{color:var(--c-ink);text-decoration:none}
.rxcp-t tbody th a:hover{color:var(--c-ai);text-decoration:underline}
.rxcp-t .n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.rxcp-t .n small{color:var(--c-sub);font-size:11.5px;margin-left:2px}
.rxcp-t tr.is-best{background:#f1faf5}
.rxcp-mk{font-size:13px;color:var(--c-sub)}
.rxcp-k{display:inline-block;padding:1px 8px;border-radius:6px;font-size:12px;font-weight:700;white-space:nowrap}
.k-brand{background:#e8eef7;color:#24477a}.k-gen{background:#e6f2e8;color:#2f6b3f}.k-other{background:#f1f1f1;color:#555}.k-long{background:#efe9fb;color:#5a45b5}.k-sub{background:#eef3f6;color:#3d5a6c}
.rxcp-tag{display:inline-block;margin:2px 0 0 6px;padding:0 7px;border-radius:999px;font-size:11.5px;font-weight:700;vertical-align:1px}
.t-keika{background:#fff1db;color:#8a4b00}.t-best{background:#e3f4ec;color:#1b6b45}
.rxcp-st{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}
.s-ok{background:#e6f2e8;color:#2f6b3f}.s-lim{background:#fff1db;color:#8a4b00}.s-stop{background:#fde8e6;color:#b42318}.s-na{background:#f1f1f1;color:#777}
a.rxcp-st:hover{text-decoration:underline}
.rxcp-next{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 16px}
.rxcp-next a{display:inline-flex;align-items:center;padding:10px 16px;border-radius:12px;border:1.5px solid var(--c-line);background:#fff;color:var(--c-ai);font-weight:700;font-size:14px;text-decoration:none}
.rxcp-next a:hover{border-color:var(--c-ai)}
.rxcp-src{font-size:12.5px;line-height:1.8;color:var(--c-sub)}
.rxcp-wait{padding:16px;border-radius:14px;background:var(--wash,#f4f9f7)}
/* 一覧 */
.rxcp-find{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;padding:0 16px;border:2px solid var(--c-ai);border-radius:16px;background:#fff;color:var(--c-ai)}
.rxcp-find input{height:54px;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:var(--c-ink);min-width:0}
.rxcp-cnt{margin:10px 2px 14px;font-size:13.5px;color:var(--c-sub)}
.rxcp-res{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.rxcp-res a{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--c-line);border-radius:14px;background:#fff;color:var(--c-ink);text-decoration:none}
.rxcp-res a:hover{border-color:var(--c-ai)}
.rxcp-res b{font-size:15px}
.rxcp-res span{font-size:12.5px;color:var(--c-sub)}
.rxcp-w{font-style:normal;margin-left:6px;padding:0 6px;border-radius:999px;background:#fff1db;color:#8a4b00;font-weight:700}
.rxcp-pop h2{font-size:17px;margin:4px 0 10px}
.rxcp-chips{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.rxcp-chips a{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;border:1px solid var(--c-line);background:#fff;color:var(--c-ink);text-decoration:none;font-size:14px;font-weight:600}
.rxcp-chips a:hover{border-color:var(--c-ai);color:var(--c-ai)}
.rxcp-chips small{color:var(--c-sub);font-weight:500;font-size:12px}
@media (max-width:640px){
  .rxcp-sum{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rxcp-spec{padding:12px;margin-left:-4px;margin-right:-4px}
  .rxcp-res{grid-template-columns:minmax(0,1fr)}
  .rxcp-next a{flex:1 1 100%;justify-content:center}
  /* スマホ：表をカードの並びに（横スクロールなし） */
  .rxcp-t{min-width:0}
  .rxcp-t thead{display:none}
  .rxcp-t tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:10px 2px;border-bottom:1px solid var(--c-line)}
  .rxcp-t th,.rxcp-t td{padding:0;border:0}
  .rxcp-t tbody th{grid-column:1/-1;font-size:14.5px}
  .rxcp-t td:nth-child(2){grid-column:1;grid-row:2}
  .rxcp-t td.rxcp-mk{grid-column:1;grid-row:3}
  .rxcp-t td.n{grid-column:2;grid-row:2;font-weight:700;font-size:15px}
  .rxcp-t td:last-child{grid-column:2;grid-row:3;text-align:right}
}