/* Märket i toppen på Siffra Labs produkter (LISTOR-P2-68, Sami 2026-11-08: "samma topp på alla produkter, loggan leder
   till siffralabs.se, produktnamnet bredvid, menyn till höger"). Måtten är Brf-toppens från BRF-P2-08 (kort 2579) och
   Företagsdatas från LISTOR-P2-71 (kort 2593): loggan 54 px, 14 px till ett streck och produktens namn i 12 px.

   Filen är gemensam: Företagsdata serverar den som /design/topp.css, och Brf läser samma fil ur Företagsdatas mapp
   (FORETAGSDATA_DIR, BRF-P2-09), så att en ändring här slår igenom på båda. Länka den efter produktens egen css.
   Produkten sätter sina färger om namnen skiljer sig:
     --topp-text   namnet vid hover    (standard var(--text))
     --topp-svag   namnet              (standard var(--text-svag))
     --topp-linje  strecket            (standard var(--hairline))
   Loggan blir 50 px i mobilen vid produktens egen brytpunkt (Företagsdata 760 px i app.css, Brf 980 px i brf.css).

   Markeringen (klassen siffra-topp på toppen):
   <header class="… siffra-topp"><div class="brand"><a class="brand-lank" href="https://siffralabs.se/"><img
     class="brand-logga" src="/logga-ljus.svg" alt="Siffra Labs" width="54" height="54"></a><a class="byline"
     href="/">Produkten</a></div> … menyn … </header> */
.siffra-topp .brand{display:flex;align-items:center;gap:14px;flex:none}
.siffra-topp .brand-lank{display:block;line-height:0;border-radius:2px}
.siffra-topp .brand-logga{display:block;width:54px;height:54px}
.siffra-topp .byline{display:block;font-size:12px;line-height:1.6;color:var(--topp-svag,var(--text-svag));text-decoration:none;
  border-left:1px solid var(--topp-linje,var(--hairline));padding-left:16px;margin-left:8px;white-space:nowrap}
.siffra-topp .byline:hover{color:var(--topp-text,var(--text))}