:root { --autumn-chrome-height: 192px; }
.site-chrome { position: sticky; top: 0; z-index: 45; }
.site-chrome > header { position: relative; top: auto; z-index: 2; }
autumn-token-bar { display: block; min-height: 78px; background: #172017; }
.atb { display: grid; grid-template-columns: auto minmax(190px, 1fr) minmax(250px, 330px) auto; align-items: center; gap: 20px; padding: 16px 5%; border-bottom: 1px solid #546041; color: #efece5; background: linear-gradient(105deg, #1b281c, #172017 68%); font: 13px/1.45 'DM Sans', sans-serif; }
.atb a { color: inherit; text-decoration: none; }
.atb button { font: inherit; color: inherit; cursor: pointer; }
.atb-identity { display: flex; align-items: center; gap: 10px; }
.atb-mark { width: 32px; height: 32px; flex: 0 0 auto; }
.atb-name { display: grid; gap: 3px; }
.atb-name strong { font: 600 17px/1.2 'Space Grotesk', sans-serif; white-space: nowrap; }
.atb-name small { font-size: 8px; letter-spacing: 1px; color: #b8c4b0; white-space: nowrap; }
.atb-policy { min-width: 0; }
.atb-policy p { margin: 0 0 5px; font-size: 12px; line-height: 1.5; color: #d8e4cd; }
.atb .atb-plan { color: #ffa465; font-size: 11px; text-decoration: underline; text-underline-offset: 3px; }
.atb-contract { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 8px; min-width: 0; }
.atb-address { min-width: 0; }
.atb-address > span { display: block; font-size: 9px; letter-spacing: 1.2px; color: #bdcbae; margin-bottom: 5px; }
.atb-address code { display: block; font: 10.5px/1.6 ui-monospace, SFMono-Regular, Consolas, monospace; color: #f1f2e7; overflow-wrap: anywhere; user-select: all; }
.atb-copy { border: 1px solid #4b5a42; padding: 8px; border-radius: 6px; min-width: 46px; min-height: 36px; background: #263223; font-size: 11px !important; }
.atb-copy:hover { background: #35472b; }
.atb-copy:disabled { opacity: .6; cursor: wait; }
.atb-feedback { grid-column: 1 / -1; font-size: 11px; color: #ffd0a4; }
.atb-feedback:empty { display: none; }
.atb .atb-buy { border: 1px solid #ffba87; border-radius: 7px; padding: 12px 15px; color: #172017; background: #ffa465; font-size: 13px; font-weight: 700; white-space: nowrap; text-align: center; min-height: 44px; }
.atb .atb-buy:hover { background: #ffbb87; }
.atb a:focus-visible, .atb button:focus-visible, .atb code:focus-visible { outline: 2px solid #ffa465; outline-offset: 4px; }
html { scroll-padding-top: calc(var(--autumn-chrome-height) + 18px); }
[id] { scroll-margin-top: 18px !important; }
.busy { top: calc(var(--autumn-chrome-height) + 12px) !important; }
@media (max-width: 1080px) {
  .atb { grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px 18px; }
  .atb-policy { grid-column: 2; grid-row: 1; }
  .atb-contract { grid-column: 1 / 3; grid-row: 2; max-width: 520px; }
  .atb-buy { grid-column: 3; grid-row: 1 / 3; }
  .atb-address code { font-size: 11px; }
}
@media (max-width: 700px) {
  :root { --autumn-chrome-height: 272px; }
  autumn-token-bar { min-height: 150px; }
  .atb { grid-template-columns: minmax(0, 1fr) auto; padding: 12px 5%; gap: 8px 12px; }
  .atb-name strong { font-size: 16px; }
  .atb-name small { font-size: 8px; }
  .atb-mark { width: 27px; height: 27px; }
  .atb-policy { grid-column: 1 / -1; grid-row: 2; }
  .atb-policy p { font-size: 11px; display: inline; }
  .atb .atb-plan { display: inline; margin-left: 5px; font-size: 11px; }
  .atb-contract { grid-column: 1 / -1; grid-row: 3; max-width: none; }
  .atb-address > span { display: inline; margin-right: 7px; font-size: 8px; letter-spacing: .6px; white-space: nowrap; }
  .atb-address code { display: inline; font-size: 10px; }
  .atb-buy { grid-column: 2; grid-row: 1; }
  .atb .atb-buy { min-height: 40px; font-size: 12px; padding: 10px 12px; }
}
@media (max-height: 650px) and (max-width: 700px) {
  .atb { padding-top: 8px; padding-bottom: 8px; gap: 5px 10px; }
  .atb-policy p { font-size: 10px; }
  .atb-name small { display: none; }
  autumn-token-bar { min-height: 116px; }
}
