/* ============================================================
   ピックアップカードツール - フロントエンドCSS v1.0.0
   .pct-pickup スコープ / 縦カード型レイアウト
   ============================================================ */

.pct-pickup{margin:24px auto;max-width:520px}
.pct-pickup *{box-sizing:border-box}

/* ── カードリスト ── */
.pct-pickup__list{display:flex;flex-direction:column;gap:12px}

/* ── カード共通 ── */
.pct-pickup__card{border:1.5px solid #e0e0e0;border-radius:12px;background:#fff;padding:20px;position:relative;display:flex;flex-direction:column;gap:12px}

/* ── Featured カード（リゼ等の一押し） ── */
.pct-pickup__card--featured{border:2px solid #0A9298;box-shadow:0 2px 12px rgba(10,146,152,.1)}

/* ── バッジ ── */
.pct-pickup__badge{display:inline-block;padding:3px 12px;border-radius:8px;font-size:11px;font-weight:700;white-space:nowrap;align-self:flex-start}
.pct-pickup__badge--teal{background:#e8f7f8;color:#0A9298;border:1px solid #b8e8eb}
.pct-pickup__badge--amber{background:#fff8e1;color:#b8860b;border:1px solid #ffe082}
.pct-pickup__badge--pink{background:#fff0f5;color:#d61a5e;border:1px solid #ffb8cf}

/* ── ヘッダー（ロゴ＋クリニック名） ── */
.pct-pickup__header{display:flex;align-items:center;gap:12px}
.pct-pickup__logo{width:48px;height:48px;object-fit:contain;border-radius:8px;border:1px solid #eee;flex-shrink:0}
.pct-pickup__name{font-size:16px;font-weight:700;color:#333;line-height:1.3}

/* ── ボディ（説明文） ── */
.pct-pickup__body{display:flex;flex-direction:column;gap:2px}
.pct-pickup__desc{font-size:13px;color:#666;line-height:1.7;margin:0}

/* ── CTAボタン（共通：赤塗りスタイル） ── */
.pct-pickup__cta{display:block;text-align:center;font-size:14px;font-weight:700;padding:12px 16px;border-radius:8px;cursor:pointer;transition:opacity .2s;text-decoration:none!important;min-height:44px;line-height:1.4;background:#ff4444;color:#fff!important;border:none;-webkit-tap-highlight-color:rgba(255,68,68,.3);touch-action:manipulation}
.pct-pickup__cta:hover{opacity:.85}

/* ── 注釈 ── */
.pct-pickup__note{font-size:11px;color:#999;text-align:center;margin:12px 0 0;line-height:1.6}

/* ── モバイル対応 ── */
@media(max-width:480px){
.pct-pickup{max-width:100%;margin:16px auto}
.pct-pickup__card{padding:16px}
.pct-pickup__logo{width:40px;height:40px}
.pct-pickup__name{font-size:14px}
.pct-pickup__desc{font-size:12px}
.pct-pickup__cta{font-size:13px;padding:11px 12px}
.pct-pickup__badge{font-size:10px;padding:2px 10px}
}