/* 호텔 제휴 신용카드 비교·상세 */
.credit-table-wrap{overflow-x:auto;border:1px solid var(--rule);border-radius:6px;background:var(--card)}
.credit-table{width:100%;min-width:760px;border-collapse:collapse;font-size:13px;line-height:1.5}
.credit-table th,.credit-table td{padding:11px 12px;border-bottom:1px solid var(--rule-2);text-align:left;vertical-align:top}
.credit-table thead th{background:var(--paper-2);font-size:12px;color:var(--ink-2)}
.credit-table tbody tr:last-child>*{border-bottom:0}
.credit-table tbody th{min-width:170px}
.credit-table td:nth-child(2){white-space:nowrap;font-weight:700}
.credit-table-note,.credit-section-lede{margin:9px 0 0;font-size:13px;color:var(--muted)}
.credit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px}
.credit-card{display:flex;flex-direction:column;gap:11px;min-width:0;padding:16px;border:1px solid var(--rule);border-top:3px solid var(--ch);border-radius:3px;background:var(--card);text-align:left;cursor:pointer}
.credit-card:hover,.credit-card:focus-visible{border-color:var(--ink);border-top-color:var(--ch)}
.credit-card-top{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--ink-2)}
.credit-card-top .bi{width:25px;height:25px}
.credit-card-go{margin-left:auto;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.credit-card>strong{font-size:20px;line-height:1.35}
.credit-card-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:9px 0;border-top:1px solid var(--rule-2);border-bottom:1px solid var(--rule-2)}
.credit-card-facts small,.credit-hero-facts small{display:block;font-size:12px;color:var(--muted)}
.credit-card-facts b{display:block;margin-top:3px;font-size:13px;overflow-wrap:anywhere}
.credit-card-night{font-size:12px;color:var(--ink-2);line-height:1.5}
.credit-detail{max-width:820px;margin:auto}
.credit-nav{margin-bottom:18px}
.credit-hero-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:22px}
.credit-hero-facts>div{padding:12px;border:1px solid var(--rule);background:var(--card)}
.credit-hero-facts strong{display:block;margin-top:4px;font-size:17px;overflow-wrap:anywhere}
.credit-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:10px;margin-top:12px}
.credit-benefit{padding:15px;border:1px solid var(--rule);background:var(--card)}
.credit-benefit.is-ended{opacity:.7}
.credit-benefit-head{display:flex;gap:6px;flex-wrap:wrap}
.credit-benefit h3{margin:9px 0 6px;font-size:16px;line-height:1.45}
.credit-benefit ul{margin:8px 0 0;padding-left:18px;font-size:13px;line-height:1.6;color:var(--ink-2)}
.credit-benefit li+li{margin-top:5px}
.credit-period{margin:4px 0;font-size:12px;font-weight:700;color:var(--muted)}
.credit-past{margin-top:28px;padding:14px;border:1px solid var(--rule)}
.credit-past summary{font-weight:700;cursor:pointer}
.credit-sources ul{padding-left:18px;font-size:13px;line-height:1.7}
.credit-sources a{color:var(--ink);font-weight:700}
.credit-sources small{color:var(--muted)}
@media(max-width:700px){.credit-hero-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.credit-table{min-width:680px}}
@media(max-width:400px){.credit-grid,.credit-benefits{grid-template-columns:minmax(0,1fr)}}