.topic-creditcard-page .topic-main { background:#fff; }
.topic-creditcard-breadcrumb { background:#fff; border-bottom:1px solid #e8eef7; color:#718198; font-size:14px; }
.topic-creditcard-breadcrumb .topic-container { display:flex; align-items:center; gap:8px; min-height:48px; }
.topic-creditcard-breadcrumb a { color:#58708b; }
.topic-creditcard-breadcrumb strong { color:#16385d; font-weight:600; }
.topic-creditcard-hero { background:#fff; border-bottom:1px solid #e1eaf5; }
.topic-creditcard-hero .topic-hero-grid { min-height:410px; align-items:center; }
.topic-creditcard-tags { display:flex; flex-wrap:wrap; gap:9px; margin:24px 0; }
.topic-creditcard-tags span { padding:7px 12px; border:1px solid #dce8f5; border-radius:99px; background:#f7fbff; color:#37618c; font-size:14px; }
.topic-creditcard-terminal { position:relative; width:328px; height:280px; margin:0 auto; border:12px solid #144f91; border-radius:30px; background:#1a66b5; box-shadow:0 18px 35px rgba(18,75,136,.16); transform:rotate(4deg); }
.topic-creditcard-terminal::after { content:""; position:absolute; right:-32px; bottom:30px; width:142px; height:92px; border:1px solid #b7cce3; border-radius:12px; background:#fff; box-shadow:0 12px 25px rgba(23,70,122,.12); transform:rotate(-10deg); }
.topic-creditcard-terminal-screen { width:74%; height:66px; margin:26px auto 17px; border-radius:9px; background:#e7f2ff; }
.topic-creditcard-terminal-line { width:42%; height:8px; margin:0 13%; border-radius:99px; background:#94bee8; }
.topic-creditcard-terminal-keys { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; width:64%; margin:23px 15%; }
.topic-creditcard-terminal-keys i { display:block; height:17px; border-radius:5px; background:#e6f0fb; }
.topic-creditcard-terminal-card { position:absolute; z-index:1; right:4px; bottom:40px; width:122px; height:78px; border-radius:9px; background:#f8fbff; box-shadow:0 7px 15px rgba(14,47,84,.18); }
.topic-creditcard-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.topic-creditcard-steps article { min-height:176px; padding:26px 22px; border:1px solid #dce7f4; border-radius:16px; background:#fff; }
.topic-creditcard-steps span { display:block; margin-bottom:22px; color:#b5c5d8; font-size:30px; font-weight:750; line-height:1; }
.topic-creditcard-steps p { margin:0; color:#254869; font-size:16px; line-height:1.8; }
.topic-creditcard-note { margin-top:24px; padding:26px; border:1px solid #cfe2f6; border-radius:18px; background:#f2f8ff; color:#3d5e7e; }
.topic-creditcard-note-head { display:flex; align-items:center; gap:10px; margin-bottom:17px; }
.topic-creditcard-note-head > span { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:#0a70dd; color:#fff; font-size:16px; font-weight:750; }
.topic-creditcard-note h3,.topic-creditcard-note h4,.topic-creditcard-note p { margin:0; }
.topic-creditcard-note h3 { color:#0b4d91; font-size:18px; }
.topic-creditcard-note-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.topic-creditcard-note-grid article { min-height:152px; padding:19px; border:1px solid #d8e7f7; border-radius:12px; background:#fff; }
.topic-creditcard-note-grid h4 { margin-bottom:11px; color:#1d4f7f; font-size:15px; line-height:1.65; }
.topic-creditcard-note-grid p { color:#55718d; font-size:14px; line-height:1.78; }
.topic-creditcard-note-grid b { display:inline-grid; place-items:center; min-width:26px; height:24px; margin-right:3px; border-radius:5px; background:#e4f0fd; color:#096ad8; font-size:14px; }
.topic-creditcard-note-foot { margin-top:14px !important; padding-top:14px; border-top:1px solid #d7e7f7; color:#54718d; font-size:14px; line-height:1.8; }
.topic-creditcard-section-alt { background:#f6f9fd; }
.topic-creditcard-decision { padding:38px 42px; border:1px solid #d5e4f5; border-radius:20px; background:#fff; }
.topic-creditcard-decision-intro { margin:0 0 20px; color:#153e68; font-size:18px; font-weight:700; line-height:1.75; text-align:center; }
.topic-creditcard-route-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.topic-creditcard-route-grid article { position:relative; display:flex; min-height:242px; padding:29px 28px 25px; border:1px solid #d5e3f3; border-radius:16px; background:#fbfdff; flex-direction:column; overflow:hidden; }
.topic-creditcard-route-grid article::after { content:""; position:absolute; right:-44px; top:-44px; width:122px; height:122px; border:22px solid #e5f0fc; border-radius:50%; }
.topic-creditcard-route-icon { position:relative; z-index:1; display:block; width:37px; height:37px; margin-bottom:19px; border:2px solid #1374dd; border-radius:12px; }
.topic-creditcard-route-icon::before,.topic-creditcard-route-icon::after { content:""; position:absolute; left:50%; transform:translateX(-50%); background:#1374dd; }
.topic-creditcard-route-person .topic-creditcard-route-icon::before { top:7px; width:9px; height:9px; border-radius:50%; }
.topic-creditcard-route-person .topic-creditcard-route-icon::after { bottom:6px; width:18px; height:10px; border-radius:10px 10px 4px 4px; }
.topic-creditcard-route-merchant .topic-creditcard-route-icon::before { top:7px; width:19px; height:7px; border-radius:2px; }
.topic-creditcard-route-merchant .topic-creditcard-route-icon::after { bottom:6px; width:18px; height:13px; border:2px solid #1374dd; border-top:0; background:transparent; }
.topic-creditcard-route-grid h3 { position:relative; z-index:1; margin:0 0 10px; color:#153e68; font-size:21px; }
.topic-creditcard-route-grid p { position:relative; z-index:1; margin:0; color:#4d6a86; font-size:16px; line-height:1.8; }
.topic-creditcard-route-grid a { display:flex; align-items:center; justify-content:space-between; color:#0a66cf; font-size:16px; font-weight:700; }
.topic-creditcard-route-grid a { position:relative; z-index:1; margin-top:auto; padding-top:15px; border-top:1px solid #dfebf7; }
.topic-creditcard-route-grid a:hover { color:#075bb6; }
.topic-creditcard-decision-foot { margin:20px 0 0; color:#2e4d6d; font-size:16px; line-height:1.85; text-align:center; }
.topic-creditcard-fee-board { display:grid; grid-template-columns:1.2fr .9fr .9fr; gap:16px; }
.topic-creditcard-fee-board article { min-height:176px; padding:27px; border:1px solid #d7e6f6; border-radius:16px; background:#f8fbff; }
.topic-creditcard-fee-main { display:flex; flex-direction:column; justify-content:center; text-align:center; }
.topic-creditcard-fee-main > span { color:#587792; font-size:15px; }
.topic-creditcard-fee-main strong { margin:6px 0 0; color:#0669d9; font-size:42px; line-height:1; }
.topic-creditcard-fee-main p { margin:17px 0 0; color:#496783; font-size:15px; line-height:1.75; }
.topic-creditcard-fee-settlement { position:relative; display:flex; align-items:center; padding-top:48px !important; background:#fff !important; }
.topic-creditcard-fee-settlement p { margin:0; color:#315473; font-size:16px; line-height:1.85; }
.topic-creditcard-fee-mark { position:absolute; top:27px; left:27px; width:29px; height:5px; border-radius:99px; background:#1a7ae1; }
.topic-creditcard-fee-settlement:nth-child(3) .topic-creditcard-fee-mark { background:#6ca4df; }
.topic-creditcard-resource-links { display:flex; justify-content:center; gap:28px; margin-top:24px; }
.topic-creditcard-resource-links a { color:#0868d5; font-weight:650; }
.topic-creditcard-resource-links b { padding-left:7px; }
.topic-creditcard-faq { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.topic-creditcard-faq details { border:1px solid #dbe7f4; border-radius:13px; background:#fff; overflow:hidden; }
.topic-creditcard-faq summary { position:relative; padding:19px 46px 19px 20px; color:#143d66; font-size:16px; font-weight:700; line-height:1.55; cursor:pointer; }
.topic-creditcard-faq summary::after { content:"+"; position:absolute; right:20px; top:15px; color:#1373df; font-size:24px; font-weight:400; }
.topic-creditcard-faq details[open] summary::after { content:"−"; }
.topic-creditcard-faq details div { padding:0 20px 20px; color:#4a6682; line-height:1.85; }
.topic-creditcard-faq details a { color:#0868d5; }
.topic-creditcard-types { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.topic-creditcard-types article { display:flex; min-height:188px; padding:26px 25px; border:1px solid #d5e4f4; border-radius:16px; background:#fff; flex-direction:column; }
.topic-creditcard-types h3 { margin:0 0 12px; color:#153e68; font-size:20px; }
.topic-creditcard-types p { margin:0; color:#4d6a86; font-size:15px; line-height:1.8; }
.topic-creditcard-types a { display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:16px; border-top:1px solid #dfebf7; color:#0a66cf; font-size:15px; font-weight:700; }
.topic-creditcard-types a:hover { color:#075bb6; }
@media (max-width:820px) {
  .topic-creditcard-breadcrumb { font-size:13px; }
  .topic-creditcard-hero .topic-hero-grid { min-height:0; padding-top:54px; padding-bottom:48px; }
  .topic-creditcard-terminal { width:250px; height:220px; margin-top:16px; border-width:9px; border-radius:24px; }
  .topic-creditcard-terminal-screen { height:52px; margin-top:20px; }
  .topic-creditcard-terminal-keys { gap:7px; margin-top:17px; }
  .topic-creditcard-terminal-keys i { height:13px; }
  .topic-creditcard-terminal-card { right:-5px; bottom:26px; width:96px; height:62px; }
  .topic-creditcard-steps { grid-template-columns:1fr; gap:10px; }
  .topic-creditcard-steps article { display:grid; grid-template-columns:55px 1fr; align-items:start; min-height:0; padding:20px; }
  .topic-creditcard-steps span { margin:5px 0 0; font-size:24px; }
  .topic-creditcard-steps p { font-size:15px; }
  .topic-creditcard-note { padding:20px; }
  .topic-creditcard-note-grid,.topic-creditcard-route-grid,.topic-creditcard-fee-board,.topic-creditcard-faq,.topic-creditcard-types { grid-template-columns:1fr; }
  .topic-creditcard-note-grid article { min-height:0; }
  .topic-creditcard-decision { padding:27px 22px; }
  .topic-creditcard-decision-intro,.topic-creditcard-decision-foot { font-size:16px; text-align:left; }
  .topic-creditcard-route-grid article { min-height:218px; }
  .topic-creditcard-route-grid p { font-size:15px; }
  .topic-creditcard-types article { min-height:0; padding:22px; }
  .topic-creditcard-fee-board article { min-height:0; padding:23px; }
  .topic-creditcard-fee-main strong { font-size:35px; }
  .topic-creditcard-resource-links { display:grid; gap:14px; justify-content:start; }
}