/* HoloInvestor · Premium i retning 8 «Snur hvis» (body[data-page="premium"]).
   Lenkes bare fra premium.html, rett etter style.css. Komponentene (båndet, svaret, grunntabellen, faktalista,
   kjøpsblokken og neste steg) har stilen sin i components.css; her står bare sidens egen rytme: det Premium ikke
   endrer ved siden av svaret, forskjellen strategi for strategi, og de to kjøpsblokkene side om side fra 1100 px.
   Bare tokens, radius 0, ingen skygge, ingen stempel og ingen farge som bærer retning (proto-8/premium.css). */

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

/* overskriften over sideblokka, som på strategilista */
body[data-page="premium"] .premium-tittel {
  font: 600 13px/28px var(--f-tall); letter-spacing: .06em; text-transform: uppercase; color: var(--blekk-2); margin: 0 0 var(--lin2);
}
body[data-page="premium"] .premium-side { min-width: 0; }
body[data-page="premium"] .premium-grunn { min-width: 0; }
body[data-page="premium"] .premium-grunn > * + * { margin-top: var(--lin4); }

/* forskjellen strategi for strategi: lukket til leseren åpner den, 44 px klikkflate */
body[data-page="premium"] .plan-forskjell summary {
  font: 400 15px/24px var(--f-tall); min-height: 44px; display: flex; align-items: center; cursor: pointer; color: var(--blekk);
}
body[data-page="premium"] .plan-forskjell summary:focus-visible { outline: 3px solid var(--oliven); outline-offset: 2px; }
body[data-page="premium"] .plan-forskjell .tabell-rull { margin-top: var(--lin2); }

/* kjøpsblokkene: eid-svaret og merknaden over, planene under hverandre og side om side fra 1100 px */
body[data-page="premium"] .premium-kjop { padding-top: var(--lin4); }
body[data-page="premium"] .premium-kjop > .merknad { margin: 0 0 var(--lin4); max-width: 64ch; }
body[data-page="premium"] .kjop-eid { margin-bottom: var(--lin5); max-width: var(--kolonne); }
/* betalingen feilet (C7 M25): meldingen og krysslenken i stedet for planene */
body[data-page="premium"] .kjop-feilet { max-width: var(--kolonne); }
body[data-page="premium"] .kjop-feilet > .merknad { margin: 0; max-width: 64ch; }
body[data-page="premium"] .kjop-konto { margin: var(--lin3) 0 0; }
body[data-page="premium"] .premium-planer { display: grid; gap: var(--lin5); }
@media (min-width: 1100px) {
  body[data-page="premium"] .premium-planer { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--renne); align-items: start; }
}
body[data-page="premium"] .premium-planer .kjop { margin-top: 0; min-width: 0; }
body[data-page="premium"] .kjop:focus { outline: none; }
body[data-page="premium"] .kjop:focus-visible { outline: 3px solid var(--oliven); outline-offset: 6px; }

/* ordlyden i faktalista er setninger: venstrestilt under nøkkelen, ikke tall i en høyrespalte */
body[data-page="premium"] .kjop .grunn-fakta div { display: block; }
body[data-page="premium"] .kjop .grunn-fakta dd { text-align: left; font-weight: 400; max-width: 62ch; }
body[data-page="premium"] .kjop-vilkaar { font: 400 14px/22px var(--f-tall); color: var(--blekk); margin: var(--lin3) 0 0; max-width: 62ch; }
body[data-page="premium"] .kjop-melding:empty { display: none; }
body[data-page="premium"] .kjop-melding { margin-top: var(--lin3); }

/* neste steg står i spaltebredden, som på strategilista */
body[data-page="premium"] 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);
}