.sxa-amount{display:inline-block;white-space:nowrap;font-variant-numeric:tabular-nums}
.sxa-figure{--sxa-gift:#087f7a;--sxa-bill:#a34708;--sxa-bill-pale:#fff4df;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{display:grid;place-items:center;border-radius:5px;background:var(--sxa-gift);border:2px solid var(--sxa-gift);color:#fff;font-size:14px;font-weight:800;line-height:1}
.sxa-pool .bill{background:repeating-linear-gradient(135deg,var(--sxa-bill-pale) 0 5px,var(--sxa-bill) 5px 7px);border-color:var(--sxa-bill)}
.sxa-pool .bill b{display:grid;place-items:center;background:var(--sxa-bill-pale);color:var(--sxa-bill);width:18px;height:20px;border-radius:2px}
.sxa-key{display:inline-grid;place-items:center;width:1.45em;height:1.45em;margin-right:.4em;border-radius:3px;background:var(--sxa-gift);color:#fff;font-size:.85em;line-height:1;vertical-align:middle}
.sxa-bill .sxa-key{background:var(--sxa-bill-pale);color:var(--sxa-bill);border:2px solid var(--sxa-bill)}
.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>.sxa-bill{border-top-color:var(--sxa-bill);background:var(--sxa-bill-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}}
@media(prefers-color-scheme:dark){.sxa-figure{--sxa-gift:#087f7a;--sxa-bill:#ffc67d;--sxa-bill-pale:#302619}}