/* HoloInvestor · Pokémon-siden i retning 8 «Snur hvis» (body[data-page="pokemon"]).
   Lenkes bare fra pokemon.html. Svaret, katalogflisene (catalogRow) og neste steg har stilen sin i components.css;
   her står luften under båndet, rutenettet for flisene og neste steg. Bare tokens, radius 0 og ingen skygge. */

body[data-page="pokemon"] [hidden] { display: none !important; }
body[data-page="pokemon"] main:focus { outline: none; }

/* Lufta under båndet og over lista, som på utforsk */
body[data-page="pokemon"] .pkm-kort { padding-top: var(--lin4); }
body[data-page="pokemon"] .pkm-tittel {
  margin: 0; font: 600 13px/28px var(--f-tall); letter-spacing: .06em; text-transform: uppercase; color: var(--blekk-2);
}

/* Flisene i rutenett, med teksten under bildet i cellens bredde (som utforsk), og alltid innenfor mini-m */
body[data-page="pokemon"] .pkm-kort .mini-rad--m {
  margin-top: var(--lin3); grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: var(--lin4) var(--lin3);
}
body[data-page="pokemon"] .pkm-kort .mini-rad--m .mini { width: 100%; }
body[data-page="pokemon"] .pkm-kort .mini-rad--m .mini-boks,
body[data-page="pokemon"] .pkm-kort .mini-rad--m .tilstand { max-width: var(--mini-m); }

/* neste steg står i spaltebredden, som på utforsk */
body[data-page="pokemon"] .pkm-neste {
  width: calc(100% - 2 * var(--marg)); max-width: calc(1200px - 2 * var(--marg));
  margin-left: auto; margin-right: auto; margin-bottom: var(--lin5);
}