/* HoloInvestor · én strategi i retning 8 «Snur hvis» (body[data-page="strategy"]).
   Lenkes bare fra strategy.html, rett etter style.css. Komponentene (svaret, kandidatradene, den låste linja,
   merknadene, tabellen, neste steg) har stilen sin i components.css; her står metoden og lufta rundt
   (proto-8/strategier.css). Bare tokens, radius 0, ingen skygge og ingen farge som bærer retning. */

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

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

/* kandidatradene ved siden av svaret: kandidatlinja, radene, merknadene og lenken til Premium */
body[data-page="strategy"] .strategi-kand { position: relative; min-width: 0; }
body[data-page="strategy"] .strategi-linje {
  font: 400 14px/22px var(--f-tall); color: var(--blekk); margin: var(--lin1) 0 var(--lin2); max-width: 56ch;
  font-variant-numeric: lining-nums tabular-nums;
}
body[data-page="strategy"] .kandrad .grunn-fakta { margin-top: var(--lin2); }
body[data-page="strategy"] .strategi-kand .merknad { margin-top: var(--lin3); }
body[data-page="strategy"] .strategi-premium { margin: var(--lin3) 0 0; }

/* begrunnelsen: merkelinja, sammendraget og metoden med strategiens egne ord */
body[data-page="strategy"] .strategi-grunn > * + * { margin-top: var(--lin3); }
body[data-page="strategy"] .strategi-merke { font: 400 13px/20px var(--f-tall); color: var(--blekk-2); margin: 0; }
body[data-page="strategy"] .strategi-sum { font: 400 19px/30px var(--f-svar); max-width: 62ch; margin-bottom: 0; }
body[data-page="strategy"] .strategi-grunn .strategi-tittel { margin-top: var(--lin4); }
body[data-page="strategy"] .strategi-metode { max-width: 62ch; }
body[data-page="strategy"] .strategi-metode h3 { font: 600 15px/24px var(--f-tall); margin: var(--lin3) 0 0; }
body[data-page="strategy"] .strategi-metode p { font: 400 17px/26px var(--f-svar); margin: var(--lin2) 0 0; }
body[data-page="strategy"] .strategi-metode ul { margin: var(--lin2) 0 0; padding: 0; list-style: none; display: grid; gap: 6px; }
body[data-page="strategy"] .strategi-metode li { position: relative; padding-left: var(--lin3); font: 400 15px/24px var(--f-tall); }
body[data-page="strategy"] .strategi-metode li::before { content: '–'; position: absolute; left: 0; top: 0; }
body[data-page="strategy"] .strategi-kalk { font: 400 15px/24px var(--f-tall); max-width: 62ch; }
body[data-page="strategy"] .strategi-grunn .merknad { max-width: 62ch; }

/* eBay-kuppene for admin: tabellen i full bredde, knappen over */
body[data-page="strategy"] .strategi-kupp > * + * { margin-top: var(--lin3); }
body[data-page="strategy"] .strategi-knapp { margin: var(--lin3) 0 0; }

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