.alpha-list-card { position: fixed; z-index: 100; box-sizing: border-box; width: 310px; max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); overflow-y: auto; border: 1px solid #d3dde6; border-top: 3px solid #efb000; border-radius: 10px; background: #fff; padding: 16px; box-shadow: 0 8px 32px #103e7038; color: #173e61; }
.alpha-list-card[hidden] { display: none; }
.alpha-card-close { position: absolute; top: 3px; right: 3px; width: 36px; height: 36px; background: transparent; border: 0; color: #526b82; font-size: 24px; cursor: pointer; }
.alpha-card-kind { display: block; padding-right: 28px; color: #946000; font-size: 10px; letter-spacing: .8px; }
.alpha-list-card h2 { margin: 8px 0; padding-right: 20px; font-size: 15px; line-height: 1.4; overflow-wrap: anywhere; }
.alpha-card-price { display: block; font-size: 24px; }
.alpha-card-basis { margin: 5px 0 12px; color: #61778b; font-size: 10px; line-height: 1.5; }
.alpha-card-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; padding: 12px 0; margin: 0; border-block: 1px solid #e2e9f0; font-size: 11px; }
.alpha-card-facts dt { color: #61778b; font-size: 10px; }
.alpha-card-facts dd { margin: 6px 0 0; overflow-wrap: anywhere; }
.alpha-card-returns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 12px 0; }
.alpha-card-returns > div { background: #f2f6fa; padding: 8px; border-radius: 6px; }
.alpha-card-returns small { display: block; font-size: 10px; color: #61778b; }
.alpha-card-returns strong { display: block; margin-top: 4px; color: #226147; font-size: 16px; }
.alpha-card-returns .is-negative { color: #a34437; }
.alpha-card-links { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 10px; }
.alpha-card-links a, .alpha-card-links button { text-align: center; border: 1px solid #d3dde6; border-radius: 6px; padding: 10px 4px; background: white; color: #173e61; font-size: 12px; text-decoration: none; }
.alpha-card-links button:disabled { color: #718397; background: #f2f5f8; }
.alpha-list-card .alpha-card-calculate { height: 38px; }
.alpha-list-card .alpha-card-buyer, .alpha-list-card .alpha-card-save-buyer { width: 100%; min-height: 38px; margin-bottom: 7px; }
.alpha-list-card :focus-visible { outline: 2px solid #164c7b; outline-offset: 2px; }
@media (max-width: 600px) {
  .alpha-list-card { width: 360px; max-height: min(80dvh, calc(100dvh - 24px)); }
}