/* 会員ページの「クレジットカード」（#card）だけの見た目。2026-11-09
   account.css は触らずに、ここに足しています（色は style.css の4色と、その線の色だけ） */
.acc-cards{list-style:none;margin:1.2em 0 1.6em;padding:0;border-top:1px solid var(--line-soft);}
.acc-cards[hidden],#cardSoon[hidden],.acc-card-add[hidden],#useCardRow[hidden]{display:none;}
.acc-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:16px 0;border-bottom:1px solid var(--line-soft);}
.acc-card-info{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;min-width:0;}
.acc-card-brand{font-family:var(--serif);font-weight:500;letter-spacing:.12em;}
.acc-card-num,.acc-card-exp{font-size:.86rem;letter-spacing:.05em;font-variant-numeric:tabular-nums;}
.acc-card-old{font-size:.78rem;letter-spacing:.05em;color:var(--accent);}
.acc-card-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;}
.acc-card-act .small{margin:0;}
.acc-card-add{margin:0 0 1.2em;}
.acc-card-add .small{margin:.6em 0 0;}
@media (max-width:600px){
  .acc-card-act{width:100%;}
}