/* Presale page only (PRESALE-SPEC P10): the cap marker on the totals bar and the ratio badge. kit.css is not edited. */
.bar { position: relative; }
.bar .cap-marker { position: absolute; top: 0; bottom: 0; width: 3px; margin-left: -1px; background: var(--warn); }
.badge.ratio { color: var(--accent); border-color: var(--accent); }
.card.pay .addr { margin: .5rem 0; }
.card.pay .btn { margin-bottom: .5rem; }
.note > p:first-child { margin-top: 0; }
/* Phone width: long lookup labels wrap and the amount stays on one line; the Check button never breaks its word. */
[data-role="lookup-rows"] .kv .k { flex: 1 1 auto; min-width: 0; }
[data-role="lookup-rows"] .kv .v { flex: none; white-space: nowrap; }
.stepper .btn { flex: none; white-space: nowrap; }
/* Tokenomics card: the split table fits a 375 px phone (cells wrap, the table never pushes the page sideways); long fact texts sit under their label. */
.tk-wrap { overflow-x: auto; }
table.tk { width: 100%; border-collapse: collapse; font-size: .9rem; }
table.tk th, table.tk td { padding: .35rem .3rem; border-top: 1px solid var(--line); text-align: right; vertical-align: top; overflow-wrap: anywhere; }
table.tk thead th { border-top: 0; color: var(--muted); font-weight: 600; }
table.tk th:first-child, table.tk td:first-child { text-align: left; padding-left: 0; }
table.tk td:first-child { color: var(--muted); }
.tk-facts .kv { flex-direction: column; gap: .1rem; }
.tk-facts .kv .v { text-align: left; }