/* HoloInvestor · forseglet-siden i retning 8 «Snur hvis» (body[data-page="sealed"]).
   Lenkes bare fra sealed.html, rett etter style.css. Komponentene (svaret, begrunnelsen, produktbildet, sidebla,
   neste steg) har stilen sin i components.css; her står lufta rundt dem, gruppene per sett og katalogrutenettet.
   Produktet står i egen proporsjon, aldri i kortramme (O75). Bare tokens, radius 0, ingen skygge og ingen farge
   som bærer retning. */

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

/* overskriftene over radene og katalogen, som på settsiden */
body[data-page="sealed"] .forseglet-tittel {
  font: 600 13px/28px var(--f-tall); letter-spacing: .06em; text-transform: uppercase; color: var(--blekk-2); margin: 0;
}
body[data-page="sealed"] .forseglet-tittel:focus { outline: none; }

/* produktbildet ved siden av svaret */
body[data-page="sealed"] .forseglet-side { max-width: 240px; }
body[data-page="sealed"] .forseglet-bildetekst {
  font: 400 13px/20px var(--f-tall); color: var(--blekk-2); margin: var(--lin2) 0 0; max-width: 40ch;
}

/* radene per sett: settnavnet over hver tabell; ingen nye hårstreker utover tabellens (Mal B) */
body[data-page="sealed"] .forseglet-grunn > * + * { margin-top: var(--lin3); }
body[data-page="sealed"] .forseglet-gruppe { margin-top: var(--lin4); }
body[data-page="sealed"] .forseglet-sett { font: 600 15px/24px var(--f-tall); margin: 0 0 var(--lin2); }
body[data-page="sealed"] .forseglet-sett .krysslenke { display: inline-flex; align-items: center; min-height: 44px; }

/* katalogen: produktene i et rutenett, bildet i egen proporsjon og navnet som lenke */
body[data-page="sealed"] .forseglet-katalog {
  list-style: none; margin: var(--lin3) 0 0; padding: 0;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: var(--lin4) var(--lin3);
}
body[data-page="sealed"] .forseglet-flis { min-width: 0; }
body[data-page="sealed"] .forseglet-flis-bilde { display: block; }
body[data-page="sealed"] .forseglet-flis-navn {
  display: inline-flex; align-items: center; min-height: 44px; margin-top: var(--lin1);
  font: 500 15px/20px var(--f-svar); overflow-wrap: anywhere;
}
body[data-page="sealed"] .forseglet-flis-sett { font: 400 12px/17px var(--f-tall); color: var(--blekk-2); margin: 0; }
@media (max-width: 420px) {
  body[data-page="sealed"] .forseglet-katalog { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* neste steg: produktbildet i fast bredde ved spørsmålet */
body[data-page="sealed"] .neste .neste-kort { width: 140px; }

/* neste steg står i spaltebredden, med margen fra kanten som på de andre sidene */
body[data-page="sealed"] main > .neste {
  width: calc(100% - 2 * var(--marg)); max-width: calc(1200px - 2 * var(--marg));
  margin-left: auto; margin-right: auto; margin-bottom: var(--lin5);
}