/* Base */
body.tg-komp { font: 16px/1.5 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background:#f7f7f8; color:#111; }

/* Skjul tema-header/footer på frontend */
body.tg-komp header,
body.tg-komp #masthead,
body.tg-komp .site-header,
body.tg-komp footer,
body.tg-komp #colophon,
body.tg-komp .site-footer { display:none !important; }

/* Toppbar */
#tg-topbar { position:fixed; top:0; left:0; right:0; height:56px; display:flex; align-items:center; gap:12px; padding:0 16px; background:#ffffff; border-bottom:1px solid #e8e8ea; z-index:9999; }
#tg-topbar .tg-spacer { flex:1; }
#tg-topbar .tg-brand { font-weight:600; opacity:.85; letter-spacing:.2px; }
.tg-topbar-spacer { height:56px; }

/* Ikon-knapp (PNG) – samme uttrykk som intranettet */
.tg-back.tg-back-icon {
  width: 36px; height: 36px; display:inline-block;
  border:1px solid #111; border-radius:10px;
  background: #fff url('back.png') no-repeat center center / 18px 18px;
  text-decoration:none;
}
.tg-back.tg-back-icon:hover { transform: translateY(-1px); }

/* Innholdsluft */
#content, .site-content, main { padding: 16px; }

/* Skjermleser-tekst */
.sr-only { position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }