/* Mal: posts_small_featured_image_with_author_name_and_date (test 06.11.2026, v3: tekst sentrert i kolonnen på PC) */
.kgn-lite-bilde .kgn-lb-rad { display: flex; align-items: center; gap: 32px; width: 100%; max-width: 1080px; margin: 0 auto; }
.kgn-lite-bilde .kgn-lb-rad > .noimage__noauthor_container_text { flex: 1 1 auto; width: auto; min-width: 0; max-width: none; margin: 0; text-align: left; }
.kgn-lite-bilde .kgn-lb-rad .post_no_image_with_author { flex-direction: column; align-items: center; gap: 12px; }
.kgn-lite-bilde .kgn-lb-rad .hero__authordate { justify-content: center; }
.kgn-lite-bilde .kgn-lb-rad .post_no_image_with_author_socialicon { margin-top: 0; }
.kgn-lite-bilde .kgn-lb-rad .post_no_image_with_author_socialicon ul { justify-content: center; padding-left: 0; }
.kgn-lite-bilde .kgn-lb-bilde { flex: 0 0 280px; max-width: 280px; margin: 0; }
.kgn-lite-bilde .kgn-lb-bilde img { display: block; width: 100%; height: auto; border-radius: 12px; }
@media (min-width: 768px) {
	.kgn-lite-bilde .kgn-lb-rad > .noimage__noauthor_container_text { text-align: center; padding-left: 20%; }
}
@media (max-width: 767px) {
	.kgn-lite-bilde .kgn-lb-rad { flex-direction: column; gap: 20px; }
	.kgn-lite-bilde .kgn-lb-rad > .noimage__noauthor_container_text { width: 100%; text-align: center; }
	.kgn-lite-bilde .kgn-lb-bilde { flex: none; max-width: 260px; margin: 0 auto; }
	.kgn-lite-bilde .kgn-lb-rad h1,
	.kgn-lite-bilde .kgn-lb-rad .breadcrumbs-green { text-align: center; }
}
/* Bildet 5 % mot høyre på store skjermer (Lars 06.11.2026). Kun fra 1200 px for å unngå vannrett rulling. */
@media (min-width: 1200px) {
	.kgn-lite-bilde .kgn-lb-bilde { position: relative; left: 5%; }
}
/* Bildeplassering «Ned mot kanten» (ACF bilde_plassering = kant, klasse kgn-lb-kant): helt ned mot bunnen av toppfeltet på PC (Lars 06.11/07.11.2026). 34px = containerens padding-bottom. */
@media (min-width: 768px) {
	.kgn-lite-bilde .kgn-lb-bilde.kgn-lb-kant { align-self: flex-end; margin-bottom: -34px; }
}
/* Mobil: bildet helt ned mot bunnen, mindre luft mellom delingsikoner og bilde (Lars 06.11.2026). */
@media (max-width: 767px) {
	.kgn-lite-bilde .kgn-lb-rad { gap: 8px; }
	.kgn-lite-bilde .kgn-lb-bilde.kgn-lb-kant { margin-bottom: -34px; }
}
/* Godkjent av Lars 07.11.2026: på PC flyttes toppteksten og brødteksten 40 % nærmere venstrekanten.
   Bildet følger teksten (samme avstand som før), og sammenligningstabellen blir stående der den var.
   --kgn-flytt = 40 % av brødtekstens avstand fra venstrekanten (container 1078 px sentrert + 15 px + 164 px). */
@media (min-width: 1200px) {
	.kgn-lite-bilde, .guider-blocks-info.post_no_image_with_author_info { --kgn-flytt: calc(0.4 * ((100vw - 1078px) / 2 + 179px)); }
	.kgn-lite-bilde .kgn-lb-rad > .noimage__noauthor_container_text { position: relative; left: calc(-1 * var(--kgn-flytt)); }
	.kgn-lite-bilde .kgn-lb-bilde { left: calc(5% - var(--kgn-flytt)); }
	.guider-blocks-info.post_no_image_with_author_info { position: relative; left: calc(-1 * var(--kgn-flytt)); }
	.guider-blocks-info.post_no_image_with_author_info .kgn-aktorkort { position: relative; left: calc(var(--kgn-flytt) + min(134px - var(--kgn-flytt), (100vw - 1078px) / 2 - 20px)); }
	/* 08.11 (Lars): tabellen skal bare så vidt stikke ut forbi teksten på venstre side (40 px, Lars 08.11), men aldri så langt mot høyre at siden ruller sidelengs. 134 = 174 px opprinnelig utstikk - 40 px. */
}
