/* 商品紹介カード・相談カード（tools/affiliate_build.py が出力するHTML用） */
.pc-group{margin:28px 0;padding:18px 16px;border:1px solid #d9cff0;border-radius:10px;background:#faf8ff}
.pc-group-title{margin:0 0 12px;font-size:1.05rem;font-weight:700;color:#4a2d7a}
.pc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}
.pc-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e8e1f5;border-radius:8px;overflow:hidden}
.pc-media{position:relative;display:block;background:#f0eaff;text-align:center}
.pc-media img{display:block;width:100%;height:120px;object-fit:cover;margin:0;border-radius:0}
.pc-media.is-banner img{width:auto;max-width:100%;height:auto;margin:0 auto}
.pc-media-label{position:absolute;left:6px;bottom:6px;padding:1px 6px;font-size:11px;line-height:1.5;color:#fff;background:rgba(45,27,78,.75);border-radius:3px}
.pc-body{display:flex;flex-direction:column;flex:1;gap:7px;padding:12px}
.pc-name{margin:0;font-size:.95rem;font-weight:700;line-height:1.55;color:#333}
.pc-price,.pc-reason,.pc-check,.pc-seller{margin:0;font-size:.86rem;line-height:1.7}
.pc-label{font-weight:700;color:#6b4fa8}
.pc-seller{font-size:.78rem;color:#777}
.pc-cta,.cs-cta{display:block;margin-top:auto;padding:11px 12px;border-radius:8px;background:#6b4fa8;color:#fff!important;font-weight:700;text-align:center;text-decoration:none;line-height:1.5}
.pc-cta:hover,.cs-cta:hover{background:#573c8e}
.pc-note{margin:12px 0 0;font-size:.78rem;line-height:1.7;color:#777}
.cs-card{margin:28px 0;padding:18px 18px;border:1px solid #d9cff0;border-left:4px solid #6b4fa8;border-radius:8px;background:#fff}
.cs-title{margin:0 0 6px;font-size:1.02rem;font-weight:700;color:#4a2d7a}
.cs-desc{margin:0 0 12px;font-size:.92rem;line-height:1.85}
.cs-meta,.cs-seller{margin:8px 0 0;font-size:.8rem;line-height:1.7;color:#777}
.cs-compare{width:100%;margin:16px 0;border-collapse:collapse;font-size:.9rem}
.cs-compare th,.cs-compare td{padding:9px 10px;border:1px solid #d9cff0;text-align:left;vertical-align:top;line-height:1.7}
.cs-compare thead th{background:#f0eaff}
@media(max-width:640px){.cs-compare,.cs-compare tbody{display:block;width:100%}.cs-compare thead{display:none}.cs-compare tr{display:block;margin-bottom:10px;border:1px solid #d9cff0}.cs-compare td{display:block;width:auto;overflow-wrap:anywhere;border:0;border-bottom:1px solid #eee7f8}.cs-compare td::before{content:attr(data-label);display:block;font-size:.76rem;font-weight:700;color:#6b4fa8}}