.jcb-amazon-flow{container-type:inline-size;margin:1.5rem 0;padding:clamp(16px,3vw,28px);border:1px solid var(--c-border);border-radius:16px;background:var(--c-surface)}
.jcb-amazon-flow .atomic{white-space:nowrap}
.jcb-amazon-flow h3{margin:0;font-size:1.35rem;line-height:1.65}
.jcb-amazon-flow .flow-premise{margin:.6rem 0 1.25rem;color:var(--c-ink-soft)}
.jcb-amazon-flow .point-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;height:38px;border-radius:5px;overflow:hidden}
.jcb-amazon-flow .point-strip .basic{background:var(--c-ink-soft)}
.jcb-amazon-flow .point-strip .w-bonus{background:var(--c-money)}
.jcb-amazon-flow .point-strip .amazon-bonus{background:var(--c-primary)}
.jcb-amazon-flow .strip-unit{margin:.4rem 0 .75rem;font-size:.875rem;color:var(--c-ink-soft)}
.jcb-amazon-flow dl{margin:0}
.jcb-amazon-flow .point-parts>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.25rem 1rem;padding:.7rem 0;border-bottom:1px solid var(--c-border)}
.jcb-amazon-flow .point-parts dt{border-left:4px solid var(--c-ink-soft);padding-left:.65rem}
.jcb-amazon-flow .point-parts .w-bonus dt{border-color:var(--c-money)}
.jcb-amazon-flow .point-parts .amazon-bonus dt{border-color:var(--c-primary)}
.jcb-amazon-flow dt{font-weight:700;line-height:1.65;min-width:0}
.jcb-amazon-flow dt small,.jcb-amazon-flow dd small{display:block;font-size:.875rem;font-weight:400;color:var(--c-ink-soft);line-height:1.7}
.jcb-amazon-flow dd{margin:0;font-variant-numeric:tabular-nums}
.jcb-amazon-flow .point-parts dd{font-weight:700}
.jcb-amazon-flow .point-total{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4rem 1rem;margin:1rem 0 0;padding:1rem;background:var(--c-primary-pale);color:var(--c-primary-strong);border-radius:8px}
.jcb-amazon-flow .point-total strong{font-size:1.45rem}
.jcb-amazon-flow .conversion-label{margin:1.8rem 0 .75rem;font-weight:700}
.jcb-amazon-flow .point-uses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:.6rem 1rem}
.jcb-amazon-flow .point-uses>div{display:grid;grid-template-rows:subgrid;grid-row:span 2;border-top:3px solid var(--c-ink-soft);padding:.8rem 0 0}
.jcb-amazon-flow .point-uses .myjcb-use{border-color:var(--c-primary)}
.jcb-amazon-flow .point-uses dd{margin-top:.7rem}
.jcb-amazon-flow .point-uses dd strong{font-size:1.7rem}
.jcb-amazon-flow .myjcb-use dd strong{color:var(--c-primary-strong)}
.jcb-amazon-flow .flow-limit{margin:1.25rem 0 0;font-size:.9375rem}
.jcb-amazon-flow figcaption{margin-top:1rem;font-size:.8125rem;line-height:1.8;color:var(--c-ink-soft)}
@container(min-width:30em){.jcb-amazon-flow .point-parts{display:grid;grid-template-columns:1fr 1fr 2fr;grid-template-rows:auto auto;gap:.4rem 3px}.jcb-amazon-flow .point-parts>div{display:grid;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);grid-row:span 2;padding:.65rem .5rem;border:0}.jcb-amazon-flow .point-parts dt{border:0;padding:0}.jcb-amazon-flow .point-parts dd{margin:0;font-size:1.25rem}}
@container(max-width:27em){.jcb-amazon-flow .point-uses{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:1rem}.jcb-amazon-flow .point-uses>div{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:none;grid-row:auto;gap:.5rem 1rem;align-items:start}.jcb-amazon-flow .point-uses dd{margin:0;text-align:right}}
@container(max-width:18em){.jcb-amazon-flow .point-parts>div,.jcb-amazon-flow .point-uses>div{grid-template-columns:minmax(0,1fr)}.jcb-amazon-flow .point-parts dd,.jcb-amazon-flow .point-uses dd{text-align:right}.jcb-amazon-flow .point-total strong{font-size:1.2rem}}