/* HoloInvestor · settsiden i retning 8 «Snur hvis» (body[data-page="set"]).
   Lenkes bare fra set.html, rett etter style.css. Tre spørsmål under hverandre; komponentene (svaret,
   albumet, prisklassene, miniatyrene, filterarket, neste steg) har stilen sin i components.css. Her står
   bare lufta rundt dem og det bare settsiden har. Bare tokens, radius 0, ingen skygge, ingen farge som
   bærer retning. */

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

/* overskriftene i begrunnelsen og over albumet */
body[data-page="set"] .sett-tittel {
  font: 600 13px/28px var(--f-tall); letter-spacing: .06em; text-transform: uppercase; color: var(--blekk-2); margin: 0;
}
body[data-page="set"] .sett-tittel > .set-mark { margin-right: var(--lin2); }

/* linjene under svaret: den tomme tilstanden, omregningen og datoene */
body[data-page="set"] .sett-note { font: 400 14px/22px var(--f-tall); color: var(--blekk-2); margin: var(--lin2) 0 0; max-width: 62ch; }

/* begrunnelsen: tabellen, faktaradene og settets fakta */
body[data-page="set"] .sett-grunn > * + * { margin-top: var(--lin3); }
body[data-page="set"] .sett-grunn .sett-tittel { margin-top: var(--lin4); }
body[data-page="set"] .sett-grunn .sett-tittel:first-child { margin-top: 0; }
body[data-page="set"] .sett-grunn .grunn-fakta { max-width: var(--kolonne); }

/* prisklassene ved siden av svaret, som bilde av lista under */
body[data-page="set"] .sett-baand { min-width: 0; }

/* albumet i full bredde under svaret */
body[data-page="set"] .sett-album { padding-top: var(--lin4); }

/* lista under summen: filterarket, statuslinja og miniatyrene; ingen nye hårstreker (Mal B) */
body[data-page="set"] .sett-liste { padding-top: var(--lin4); }
body[data-page="set"] .sett-liste .mini-rad { margin-top: var(--lin3); }

/* forseglet: produktbildet i egen proporsjon ved siden av svaret */
body[data-page="set"] .sett-produkt { max-width: 240px; }

/* neste steg står i spaltebredden, med margen fra kanten som på de andre sidene */
body[data-page="set"] 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);
}