.sxa-amount{display:inline-block;white-space:nowrap;font-variant-numeric:tabular-nums}
.sxa-figure{margin:1.5rem 0;padding:20px;border:1px solid var(--c-border);border-radius:18px;background:var(--c-surface)}
.sxa-heading{font-size:1.12em;font-weight:800;color:var(--c-ink)}
.sxa-balance{margin:.8em 0 .5em}
.sxa-balance strong{margin-inline-start:.25em}
.sxa-pool{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;height:28px}
.sxa-pool span{border-radius:5px;background:var(--c-primary-pale);border:2px solid var(--c-primary)}
.sxa-pool .bill{background:var(--c-chip-bg);border-color:var(--c-ink-soft)}
.sxa-unit{margin:.3em 0 1em;color:var(--c-ink-soft);font-size:.875em}
.sxa-allocation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0}
.sxa-allocation>div{padding:16px;border:1px solid var(--c-border);border-top:4px solid var(--c-ink-soft);border-radius:4px 4px 12px 12px;background:var(--c-bg)}
.sxa-allocation>.sxa-gift{border-top-color:var(--c-primary);background:var(--c-primary-pale)}
.sxa-allocation>div{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0}
.sxa-allocation dt{font-weight:750;line-height:1.6}
.sxa-points{display:block;color:var(--c-ink-soft);font-size:.9em;font-weight:600}
.sxa-allocation dd{margin:.65em 0 0}
.sxa-allocation dd strong{font-size:1.2em}
.sxa-allocation dd>span{display:block;margin-top:.4em;color:var(--c-ink-soft);font-size:.875em}
.sxa-total{display:flex;align-items:baseline;justify-content:space-between;gap:.5em;flex-wrap:wrap;margin:1em 0 .5em;padding-top:.8em;border-top:1px solid var(--c-border);font-weight:700}
.sxa-total strong{font-size:1.2em;color:var(--c-primary)}
.sxa-difference{margin:.5em 0 1em}
.sxa-figure figcaption,.sxa-figure .source{font-size:.875em;color:var(--c-ink-soft);line-height:1.75}
.sxa-figure .source{margin:.75em 0 0}
#saison-exchange-comparison .pair-value{font-variant-numeric:tabular-nums}
.sxa-table{container-name:sxa-table;container-type:inline-size}
@container sxa-table (max-width:19em){
  #saison-exchange-comparison tbody td:nth-child(2)::before{content:"Amazon\Aギフトカード";white-space:pre-line}
}
@media(min-width:960px){
  #saison-exchange-comparison{table-layout:fixed}
  #saison-exchange-comparison thead th:first-child{width:30%}
  #saison-exchange-comparison thead th:not(:first-child){width:35%}
}
@container sxa-table (max-width:15em){
  #saison-exchange-comparison tbody tr{display:block}
  #saison-exchange-comparison tbody td{display:block;border-right:0}
}
@media(max-width:40em){.sxa-allocation{grid-template-columns:1fr}.sxa-figure{padding:16px}.sxa-allocation>div{padding:16px}}