.acc { display: block; margin-top: 12px; padding: 14px; border: 1px solid rgba(var(--bp-brand-rgb), .32); border-radius: var(--bp-r-lg); background: rgba(var(--bp-brand-rgb), .06); color: var(--bp-text); font-family: 'Space Grotesk', system-ui, sans-serif; }
.acc-f { margin: 0; }
.acc-t { margin: 0; font-family: 'Bricolage Grotesque', 'Space Grotesk', system-ui, sans-serif; font-size: 17px; font-weight: 800; line-height: 1.25; letter-spacing: -.01em; color: var(--bp-text); }
.acc-s { margin: 4px 0 0; font-size: 13.5px; line-height: 1.45; color: var(--bp-text-2); }
.acc-s b { color: var(--bp-text); font-weight: 700; overflow-wrap: anywhere; }
.acc-in { display: block; width: 100%; height: 48px; margin-top: 12px; padding: 0 14px; border: 1px solid var(--bp-field-border); border-radius: var(--bp-r-md); background: var(--bp-bg); color: var(--bp-text); font-family: inherit; font-size: 16px; font-weight: 500; }
.acc-in::placeholder { color: var(--bp-text-3); }
.acc-in[aria-invalid="true"] { border-color: var(--bp-stale); }
.acc-code { max-width: 220px; font-size: 22px; font-weight: 700; letter-spacing: .32em; font-variant-numeric: tabular-nums; }
.acc-err { margin: 6px 0 0; font-size: 12.5px; font-weight: 600; line-height: 1.4; color: var(--bp-stale); }
.acc-err[hidden] { display: none; }
.acc-kv { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 10px; align-items: start; margin-top: 12px; font-size: 13px; line-height: 1.45; color: var(--bp-text-2); cursor: pointer; }
.acc-kv .da-check { width: 22px; height: 22px; margin-top: 0; }
.acc-b { display: block; width: 100%; min-height: 48px; margin-top: 12px; border: 0; border-radius: var(--bp-r-md); background: var(--bp-brand); color: var(--bp-bg); font-family: inherit; font-size: 15px; font-weight: 700; cursor: pointer; }
.acc-b:disabled { background: var(--bp-surface3); color: var(--bp-text-3); cursor: not-allowed; }
.acc-b:not(:disabled):hover { filter: brightness(1.07); }
.acc-f--code .acc-b { max-width: 220px; }
.acc-n { margin: 10px 0 0; font-size: 12px; line-height: 1.45; color: var(--bp-text-3); }
.acc-lnks { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 10px; margin: 8px 0 0; color: var(--bp-text-3); }
.acc-lnk { min-height: 40px; padding: 6px 2px; border: 0; background: transparent; color: var(--bp-brand); font-family: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.acc-lnk:disabled { color: var(--bp-text-3); cursor: default; }
.acc-lnk:not(:disabled):hover { text-decoration: underline; }
.acc-local { display: block; margin-top: 4px; color: var(--bp-text-2); }
.acc button:focus-visible, .acc input:focus-visible, .acc a:focus-visible { outline: 2px solid var(--bp-art-cyan); outline-offset: 2px; }

.tks { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; padding: 11px 28px; border-bottom: 1px solid var(--bp-line);
  background: linear-gradient(90deg, rgba(var(--bp-brand-rgb), .11), rgba(var(--bp-brand-rgb), 0) 60%), var(--bp-surface);
  font-family: 'Space Grotesk', system-ui, sans-serif; font-size: 13.5px; font-weight: 500; color: var(--bp-text-2); }
.tks[hidden] { display: none; }
.tks-tl { display: inline-flex; align-items: center; gap: 8px; color: var(--bp-text); font-weight: 700; white-space: nowrap; }
.tks-tl svg { width: 16px; height: 16px; color: var(--bp-brand); }
.tks-i { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; color: inherit; text-decoration: none; white-space: nowrap; }
.tks-i b { color: var(--bp-text); font-weight: 700; margin-right: 2px; }
.tks-ar, .tks-sep { color: var(--bp-text-3); }
.tks .da-signal { min-height: 18px; padding: 0 7px; font-size: 10.5px; font-weight: 600; letter-spacing: 0; }
.tks-go { margin-left: auto; min-height: 28px; display: inline-flex; align-items: center; font-weight: 700; color: var(--bp-brand); text-decoration: none; white-space: nowrap; }
.tks a:focus-visible { outline: 2px solid var(--bp-art-cyan); outline-offset: 2px; border-radius: var(--bp-r-sm); }
@media (max-width: 819.98px) {
  .tks { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 10px; padding: 10px 16px; font-size: 12.5px; }
  .tks-tl { grid-column: 1 / -1; }
  .tks-i { grid-column: 1; }
  .tks-go { grid-column: 2; grid-row: 2 / 5; align-self: center; margin: 0; }
  .tks-sep { display: none; }
}

.acc-slot { grid-column: 1 / -1; min-width: 0; }
.acc-slot[hidden] { display: none; }