/* token page (template "Pricing" rails 120/40) */
.pr__rails { padding: 120px var(--rail-pad); display: flex; flex-direction: column; gap: 56px; }
@media (max-width: 809.98px) { .pr__rails { padding: 72px var(--rail-pad); } }

/* token page: contract card */
.cmp__rails { padding: 96px var(--rail-pad) 120px; display: flex; flex-direction: column; gap: 40px; }
@media (max-width: 809.98px) { .cmp__rails { padding: 64px 16px 72px; } }
.tk-card { width: 100%; display: grid; grid-template-columns: 1.2fr 1fr; border: 1px solid var(--line); }
.tk-card__l { padding: 32px; display: flex; flex-direction: column; gap: 18px; box-shadow: inset -1px 0 var(--line); }
.tk-card__r { display: grid; grid-template-columns: 1fr 1fr; }
.tk-stat { padding: 24px 28px; display: flex; flex-direction: column; gap: 8px; box-shadow: inset 0 -1px var(--line); }
.tk-stat:nth-child(odd) { box-shadow: inset -1px 0 var(--line), inset 0 -1px var(--line); }
.tk-stat span:first-child { font: 500 12px var(--f-mono); color: var(--muted); letter-spacing: 0.06em; text-transform: uppercase; }
.tk-stat b { font: 600 28px/1 var(--f-display); letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.tk-ca { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 6px 0 14px; height: 48px; border-radius: 8px; background: var(--bg); border: 1px solid rgba(250, 250, 249, 0.12); font: 500 13px var(--f-mono); color: var(--text); width: 100%; text-align: left; }
.tk-ca span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tk-ca em { font-style: normal; height: 36px; padding: 0 14px; border-radius: 6px; background: var(--btn); color: #1c1917; display: inline-flex; align-items: center; font: 500 13px var(--f-body); flex: none; }
.tk-dl { display: grid; grid-template-columns: 110px 1fr; gap: 10px 16px; font-size: 14px; }
.tk-dl dt { font: 500 12px/1.9 var(--f-mono); color: var(--dim); letter-spacing: 0.06em; text-transform: uppercase; }
.tk-dl dd { margin: 0; color: var(--text-2); line-height: 1.6; word-break: break-all; }
.tk-acts { display: flex; gap: 10px; flex-wrap: wrap; }
@media (max-width: 1199.98px) { .tk-card { grid-template-columns: 1fr; } .tk-card__l { box-shadow: inset 0 -1px var(--line); } }
@media (max-width: 809.98px) { .tk-card__l { padding: 20px 16px; } .tk-stat { padding: 18px 16px; } .tk-dl { grid-template-columns: 1fr; gap: 2px; } .tk-dl dd { margin-bottom: 10px; } }

.tkp__hero { padding-top: 96px; }
.tkp__hero .dim, .st__intro .dim { color: var(--dim); }