/* FLYR machine page: layout override for the ported GROAT staking surfaces.
   Loaded after participation-v3.css. FLYR tokens only. */
#stake .part-grid {
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: var(--space-32, 32px);
}
#tokenStakeCard, #tokenBoard { grid-column: auto; min-width: 0; }
#tokenBoard h3 { max-width: 24ch; }
#tokenBoardLede, #tokenEmptyState { max-width: 42ch; }

/* The progress card reports; the stake row below it acts. One input, not two. */
#prestakeCard .prestake__action { display: none; }
#prestakeCard { margin-bottom: var(--space-24, 24px); }

/* Pool figures + history sit side by side under the main pair. */
.staking-frame { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--space-32, 32px); row-gap: var(--space-24, 24px); }
.staking-frame > .staking-mast, .staking-frame > .part-grid { grid-column: 1 / -1; }
#poolFigures, #history { min-width: 0; }

@media (max-width: 900px) {
  #stake .part-grid, .staking-frame { grid-template-columns: minmax(0, 1fr); }
}

/* Frame inset: mast stays full-bleed, everything under it gets a gutter. */
.staking-frame { --frame-gutter: clamp(20px, 3vw, 48px); padding: 0 var(--frame-gutter) var(--frame-gutter); }
.staking-frame > .staking-mast { margin: 0 calc(-1 * var(--frame-gutter)) var(--space-8, 8px); }

/* Hidden until the pool data layer (groat-data-v3 port) ships; they only ever render "unavailable" without it. */
#poolFigures, #history { display: none; }

/* Staker wallet opens the address on the Robinhood Chain explorer. */
.staker-link { color: inherit; text-decoration: underline; text-decoration-color: color-mix(in oklch, currentColor 35%, transparent); text-underline-offset: 0.18em; text-decoration-thickness: 1px; transition: text-decoration-color 180ms cubic-bezier(.22,1,.36,1); }
.staker-link:hover { text-decoration-color: currentColor; }
.staker-link:focus-visible { outline: 2px solid var(--forest, #1f3a12); outline-offset: 3px; border-radius: 2px; }