/* =====================================================================
   casi-modern.css  (Variant C: ljus hero med rod linje under headern)
   Laddas EFTER casinonorge-compare/assets/casi.css.
   C = full-bredds LJUS hero, casinonamnet inflyttat (via casi-sticky.js),
   innehallet direkt pa den ljusa ytan utan vitt kort.

   Bytet fran mork till ljus hero ar avsiktligt och inte bara en fargfraga.
   Det morka hero-bandet var den starkaste visuella likheten med systersajten,
   sa formen behovde andras och inte bara tonen. Casinologotyperna syns
   dessutom battre mot ljust, vilket ar hela poangen med hero-loggan.

   Paletten ligger som variabler i casi.css. Andra dar, inte har.
   ===================================================================== */

/* ------------------------------------------------------------ 1. Bla brandaccent */
.casi-recension.casi-recension.casi-recension,
.casi-topplista.casi-topplista.casi-topplista,
.casi-korrigeringslogg.casi-korrigeringslogg.casi-korrigeringslogg {
	--casi-accent: var(--casi-bla-3, #2360bf);
	--casi-accent-dark: var(--casi-bla-2, #173f85);
}

/* "Til casinoet" forblir rod sa pengaknappen sticker ut */
.casi-recension.casi-recension.casi-recension .casi-cta,
.casi-recension.casi-recension.casi-recension .casi-hero__action .casi-cta,
.casi-topplista.casi-topplista.casi-topplista .casi-cta {
	background: var(--casi-rod, #ba0c2f);
	box-shadow: 0 6px 16px rgba(192, 57, 43, 0.30);
}
.casi-recension.casi-recension.casi-recension .casi-cta:hover,
.casi-recension.casi-recension.casi-recension .casi-hero__action .casi-cta:hover,
.casi-topplista.casi-topplista.casi-topplista .casi-cta:hover {
	background: var(--casi-rod-hover, #8f0a24);
}

/* Blatt plus i fordelar (rott minus ar redan semantiskt) */
.casi-recension.casi-recension.casi-recension .casi-pro li::before {
	color: var(--casi-bla-2, #173f85);
}

/* Dolj den fristaende "Reklamlank"-etiketten direkt efter knappen.
   Annonsmarkeringen finns kvar i compliance-raden (reklamidentifiering kravs
   enligt marknadsforingslagen). */
.casi-recension.casi-recension.casi-recension .casi-cta + .casi-reklam,
.casi-topplista.casi-topplista.casi-topplista .casi-cta + .casi-reklam,
.casi-ctalista.casi-ctalista.casi-ctalista .casi-cta + .casi-reklam,
.casi-toptabell.casi-toptabell.casi-toptabell .casi-cta + .casi-reklam {
	display: none;
}

/* ------------------------------------------------------------ 2. Hero: full-bredds LJUS hero */
/* Den roda linjen overst ar overgangen fran den morka headern till den ljusa
   heron. Den gor skarven avsiktlig i stallet for att se ut som ett fel, och
   den ar samma rott som sidfotens rubrikstreck. */
.casi-recension.casi-recension.casi-recension .casi-hero {
	background: var(--casi-hero-bg, #f2f5fa);
	border: 0;
	border-top: 3px solid var(--casi-rod, #ba0c2f);
	border-bottom: 1px solid var(--casi-hero-linje, #dbe3ee);
	border-radius: 0;
	box-shadow: none;
	/* Bryt ut till hela viewporten. Innehallet centreras till ca 1100px via
	   padding-inline. Flush mot headern skots av .single-casino-reglerna nedan
	   (nollar toppluften), sa ingen pull behovs som standard. */
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	margin-top: var(--casi-hero-pull, 0px);
	margin-bottom: 0;
	padding: 44px max(24px, calc(50vw - 550px)) 32px;
	overflow: visible;
}

/* ------------------------------------------------------------ 2b. Flush mot headern (endast recensioner, CPT 'casino') */
/* WordPress satter body-klassen single-casino pa recensionssidor. Vi nollar
   toppluften i innehallsbehallarna sa heron moter den morka headern utan ljus
   remsa. Ovriga sidor pa sajten paverkas inte. */
.single-casino .site-content,
.single-casino .content-area,
.single-casino .site-main,
.single-casino .inside-article,
.single-casino article.post,
.single-casino .entry-content {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
/* Temats rubrikrad doljs: namnet flyttas in i heron och byline finns dar. */
.single-casino .entry-header {
	display: none !important;
}
/* Somlos vit yta: ingen avvikande gra ram runt innehallet under hero och TOC.
   Innehallet ligger kvar centrerat for lasbarhet, men den vita ytan gar nu
   hela vagen ut precis som hero- och TOC-banden. */
.single-casino {
	background-color: #ffffff !important;
}
.single-casino .site-content,
.single-casino .content-area,
.single-casino .site-main,
.single-casino .inside-article {
	background-color: #ffffff !important;
}
.single-casino .inside-article {
	box-shadow: none !important;
	border: 0 !important;
	border-radius: 0 !important;
}

/* Inaktiv-bannern ligger ovanfor heron och far darfor luft mot den morka
   headern (toppluften nollas ju for att heron ska mota headern flush). */
.casi-recension.casi-recension.casi-recension .casi-inaktiv-banner {
	margin-top: 28px;
}

/* ------------------------------------------------------------ 3. Innehall direkt pa den ljusa ytan */
/* Tva kolumner i stallet for tre. Bonus- och free spins-korten flyttar ner
   under loggan, sa hela hogerdelen blir en enda spalt for namn, betyg,
   bonusrubrik och USP-piller. Tidigare klamdes de mellan tva sidokolumner och
   radbrots i onodan, vilket syntes tydligast pa langa bonusrubriker. */
.casi-recension.casi-recension.casi-recension .casi-hero__top {
	display: grid;
	grid-template-columns: 250px 1fr;
	grid-template-rows: auto auto;
	column-gap: 36px;
	row-gap: 16px;
	align-items: start;
	background: transparent;
	box-shadow: none;
	border-radius: 0;
	padding: 0;
}
/* Explicit placering, eftersom DOM-ordningen ar logga, mitten, kort. Utan den
   hamnar korten i kolumn tva. */
.casi-recension.casi-recension.casi-recension .casi-hero__logo {
	grid-column: 1;
	grid-row: 1;
}
.casi-recension.casi-recension.casi-recension .casi-hero__action {
	grid-column: 1;
	grid-row: 2;
	width: 100%;
}
.casi-recension.casi-recension.casi-recension .casi-hero__main {
	grid-column: 2;
	grid-row: 1 / span 2;
}

/* Casinonamnet (inflyttad .entry-title) stort och i flaggblatt */
.casi-recension.casi-recension.casi-recension .casi-hero .entry-title,
.casi-recension.casi-recension.casi-recension .casi-hero__namn {
	color: var(--casi-hero-text, #00205b);
	font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-weight: 700;
	font-size: 2.5rem;
	line-height: 1.12;
	letter-spacing: -0.02em;
	margin: 0 0 14px;
}

/* Logga-ruta: vit med tunn ram. Mot ljus botten behovs ramen for att rutan
   inte ska flyta ihop med bakgrunden, till skillnad fran pa morkt. */
.casi-recension.casi-recension.casi-recension .casi-hero__logo {
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	min-height: 150px;
	border-radius: 14px;
	border: 1px solid var(--casi-hero-linje, #dbe3ee);
	background: #ffffff;
	box-shadow: 0 8px 22px rgba(0, 32, 91, 0.08);
}
.casi-recension.casi-recension.casi-recension .casi-hero__mono {
	font-size: 48px;
	color: var(--casi-bla, #00205b);
}

/* Betyg i flaggblatt */
.casi-recension.casi-recension.casi-recension .casi-hero__rating .casi-betyg-tal {
	color: var(--casi-hero-text, #00205b);
}
.casi-recension.casi-recension.casi-recension .casi-hero__rating .casi-betyg-max {
	color: var(--casi-hero-dampad, #5a6b85);
}

/* Plats-chip som vitt kort */
.casi-recension.casi-recension.casi-recension .casi-hero__rank {
	background: #ffffff;
	border: 1px solid var(--casi-hero-linje, #dbe3ee);
	color: var(--casi-hero-dampad, #5a6b85);
}

/* Granskningsnivan far flaggroden, sa den ar det forsta ogat fastnar pa */
.casi-recension.casi-recension.casi-recension .casi-hero .casi-niva {
	background: var(--casi-rod, #ba0c2f);
	color: #ffffff;
	border: 0;
}

/* Bonusrad */
.casi-recension.casi-recension.casi-recension .casi-hero__bonus {
	color: var(--casi-hero-dampad, #5a6b85);
}
.casi-recension.casi-recension.casi-recension .casi-hero__bonus strong {
	color: var(--casi-hero-text, #00205b);
}

/* USP-piller som vita kort med tunn ram */
.casi-recension.casi-recension.casi-recension .casi-hero__pills li {
	background: #ffffff;
	color: #2b333d;
	border: 1px solid var(--casi-hero-linje, #dbe3ee);
}
.casi-recension.casi-recension.casi-recension .casi-hero__pills li::before {
	color: var(--casi-rod, #ba0c2f);
}

/* Stat-kort vita pa ljust, sida vid sida under loggan */
.casi-recension.casi-recension.casi-recension .casi-hero__stat {
	display: flex;
	gap: 10px;
}
.casi-recension.casi-recension.casi-recension .casi-statkort {
	background: #ffffff;
	border-color: var(--casi-hero-linje, #dbe3ee);
}
.casi-recension.casi-recension.casi-recension .casi-statkort__rubrik {
	color: var(--casi-hero-dampad, #5a6b85);
}
.casi-recension.casi-recension.casi-recension .casi-statkort__varde {
	color: var(--casi-hero-text, #00205b);
}
.casi-recension.casi-recension.casi-recension .casi-statkort__sub {
	color: var(--casi-hero-dampad, #5a6b85);
}

/* ------------------------------------------------------------ 4. Hero-syskon pa ljust */
.casi-recension.casi-recension.casi-recension .casi-hero__pay {
	border-top: 1px solid var(--casi-hero-linje, #dbe3ee);
	margin-top: 22px;
}
.casi-recension.casi-recension.casi-recension .casi-hero__pay-rubrik {
	color: var(--casi-hero-dampad, #5a6b85);
}
.casi-recension.casi-recension.casi-recension .casi-hero__compliance {
	color: var(--casi-hero-dampad, #5a6b85);
}
.casi-recension.casi-recension.casi-recension .casi-hero__compliance a {
	color: var(--casi-bla-2, #173f85);
}
/* "Reklamlank" foljer den dampade compliance-texten */
.casi-recension.casi-recension.casi-recension .casi-hero__compliance .casi-reklam {
	color: inherit;
}
.casi-recension.casi-recension.casi-recension .casi-hero__meta {
	color: var(--casi-hero-dampad, #5a6b85);
}
.casi-recension.casi-recension.casi-recension .casi-hero__meta a {
	color: var(--casi-bla-2, #173f85);
}
.casi-recension.casi-recension.casi-recension .casi-hero .casi-disclaimer {
	background: #ffffff;
	border-color: var(--casi-hero-linje, #dbe3ee);
	color: var(--casi-hero-dampad, #5a6b85);
}
.casi-recension.casi-recension.casi-recension .casi-hero .casi-disclaimer a {
	color: var(--casi-bla-2, #173f85);
}

/* ------------------------------------------------------------ 5. Delbetyg som kort (pa vit bakgrund nedanfor heron) */
.casi-recension.casi-recension.casi-recension .casi-delbetyg {
	display: grid;
	/* 240px och inte 220px. Vid 220px klarar rutnatet tre kolumner anda ner till
	   cirka 1010px fonsterbredd, och da har etikettspalten krympt till runt
	   130px medan Brukervennlighet behover 132px. Ordet brots da mitt itu.
	   Med 240px faller rutnatet till tva kolumner redan vid 1060px, och minsta
	   marginal over hela spannet blir 24px i stallet for minus 6.
	   Uppmatt i Chromium pa femton bredder mellan 380 och 1440px. */
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 12px;
	margin: 14px 0 0;
}
.casi-recension.casi-recension.casi-recension .casi-delbetyg__rad {
	display: grid;
	/* minmax(0, 1fr) i stallet for 1fr. Ett 1fr-spar har min-width auto, alltsa
	   min-content, sa spalten kunde inte bli smalare an det langsta ordet i
	   etiketten. Med forstorad systemtext blev Anvandarvanlighet bredare an
	   kortet och hela rutnatet vaxte forbi skarmkanten runt 800 px. */
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"namn tal"
		"bar  bar";
	gap: 10px 12px;
	align-items: center;
	padding: 16px 18px;
	border: 1px solid var(--casi-line);
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 4px 16px rgba(20, 30, 45, 0.05);
}
.casi-recension.casi-recension.casi-recension .casi-delbetyg__namn {
	grid-area: namn;
	font-weight: 600;
	/* Ett langt enskilt ord bryts hellre an sticker ut ur kortet. break-word och
	   inte anywhere: ordet raknas fortfarande med nar kortets naturliga bredd
	   bestams, sa brytningen sker forst nar den verkligen behovs. */
	overflow-wrap: break-word;
}
.casi-recension.casi-recension.casi-recension .casi-delbetyg__tal {
	grid-area: tal;
	white-space: nowrap;
	text-align: center;
	background: #fbf2da;
	color: #8a6207;
	border: 1px solid #f0dca6;
	border-radius: 9px;
	padding: 4px 10px;
	font-weight: 700;
}
.casi-recension.casi-recension.casi-recension .casi-delbetyg__bar {
	grid-area: bar;
	height: 6px;
}

/* ------------------------------------------------------------ 5b. Innehallsforteckning: rundad box, hopfalld fran start, samma design som ovriga sidor (EEAT) */
.single-casino .casi-toc {
	margin: 1.6em 0 2em;
	padding: 14px 22px;
	background: var(--casi-bla-tint, #eaf1fa);
	border: 1px solid #d8e6f7;
	border-radius: 12px;
}
.single-casino .casi-toc__detalj {
	margin: 0;
}
.single-casino .casi-toc__rubrik {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	cursor: pointer;
	list-style: none;
	font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-weight: 700;
	font-size: 1.05rem;
	color: var(--casi-bla, #00205b);
}
.single-casino .casi-toc__rubrik::-webkit-details-marker { display: none; }
.single-casino .casi-toc__rubrik::after {
	content: "\25BE";
	color: var(--casi-bla-3, #2360bf);
	font-size: 1rem;
	line-height: 1;
	transition: transform 0.15s ease;
}
.single-casino .casi-toc__detalj[open] > .casi-toc__rubrik { margin-bottom: 12px; }
.single-casino .casi-toc__detalj[open] > .casi-toc__rubrik::after { transform: rotate(180deg); }
.single-casino .casi-toc__lista {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4px 28px;
}
@media (max-width: 600px) {
	.single-casino .casi-toc__lista {
		grid-template-columns: 1fr;
	}
}
.single-casino .casi-toc__lista li {
	margin: 0;
	padding: 0;
}
.single-casino .casi-toc__lista a {
	display: inline-flex;
	align-items: flex-start;
	gap: 9px;
	padding: 5px 0;
	color: var(--casi-bla-2, #173f85);
	font-weight: 500;
	line-height: 1.4;
	text-decoration: none;
}
.single-casino .casi-toc__lista a::before {
	content: "\2193";
	flex: 0 0 auto;
	width: 19px;
	height: 19px;
	margin-top: 1px;
	border-radius: 50%;
	background: var(--casi-bla-3, #2360bf);
	color: #fff;
	font-size: 11px;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.single-casino .casi-toc__lista a:hover {
	text-decoration: underline;
}

/* ------------------------------------------------------------ 5c. Totalbetyg-kort bredvid delbetygen */
.single-casino .casi-delbetyg-rutnat {
	display: grid;
	/* Samma skal som ovan: hogerspalten far krympa under sitt min-content, annars
	   trycker delbetygskorten ut rutnatet i stallet for att radbryta. */
	grid-template-columns: 270px minmax(0, 1fr);
	gap: 16px;
	align-items: stretch;
	margin-top: 14px;
}
.single-casino .casi-delbetyg-rutnat .casi-delbetyg {
	margin: 0;
}
.single-casino .casi-delbetyg__total {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 8px;
	padding: 26px 28px;
	border-radius: 14px;
	color: #fff;
	background:
		linear-gradient(158deg, var(--casi-bla-2, #173f85), var(--casi-bla, #00205b) 70%);
	box-shadow: 0 12px 30px rgba(13, 30, 60, 0.18);
}
.single-casino .casi-delbetyg__total-rubrik {
	font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-weight: 600;
	font-size: 1.05rem;
	color: rgba(255, 255, 255, 0.82);
}
.single-casino .casi-delbetyg__total-tal {
	font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-weight: 800;
	font-size: 3.4rem;
	line-height: 1;
}
.single-casino .casi-delbetyg__total-max {
	font-size: 1.35rem;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.68);
	margin-left: 4px;
}

/* ------------------------------------------------------------ 6. Sticky CTA */
.casi-sticky {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9000;
	background: rgba(255, 255, 255, 0.97);
	-webkit-backdrop-filter: saturate(160%) blur(8px);
	backdrop-filter: saturate(160%) blur(8px);
	border-top: 1px solid #e2e4e8;
	box-shadow: 0 -8px 24px rgba(20, 30, 45, 0.10);
	transform: translateY(110%);
	transition: transform 0.25s ease;
}
.casi-sticky.is-visible {
	transform: none;
}
.casi-sticky__inner {
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 10px 20px;
}
.casi-sticky__logo {
	flex: 0 0 auto;
	width: 42px;
	height: 42px;
	border-radius: 9px;
	border: 1px solid #e2e4e8;
	background: var(--casi-bla-tint, #eaf1fa);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	font-weight: 800;
	color: var(--casi-bla, #00205b);
}
.casi-sticky__logo img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.casi-sticky__info {
	flex: 1 1 auto;
	min-width: 0;
	line-height: 1.3;
}
.casi-sticky__info b {
	font-weight: 700;
	color: #1f2733;
}
.casi-sticky__info p {
	margin: 1px 0 0;
	font-size: 0.78em;
	color: #5a6472;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.casi-sticky .casi-cta {
	flex: 0 0 auto;
	margin: 0;
	white-space: nowrap;
	display: inline-block;
	background: var(--casi-rod, #ba0c2f);
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	padding: 12px 26px;
	border-radius: 10px;
	box-shadow: 0 6px 16px rgba(192, 57, 43, 0.30);
}
.casi-sticky .casi-cta:hover {
	background: var(--casi-rod-hover, #8f0a24);
	color: #fff;
}

/* ------------------------------------------------------------ 7. Responsivt */
@media (max-width: 980px) {
	.casi-recension.casi-recension.casi-recension .casi-hero__top {
		grid-template-columns: 150px 1fr;
		grid-template-rows: auto auto;
		align-items: start;
	}
	/* Under 980px far korten hela bredden under bada kolumnerna, sa den smala
	   loggkolumnen inte tvingar ihop dem. */
	.casi-recension.casi-recension.casi-recension .casi-hero__action {
		grid-column: 1 / -1;
		grid-row: 2;
	}
	.casi-recension.casi-recension.casi-recension .casi-hero__main {
		grid-column: 2;
		grid-row: 1;
	}
	.casi-recension.casi-recension.casi-recension .casi-hero .entry-title,
	.casi-recension.casi-recension.casi-recension .casi-hero__namn {
		font-size: 2.1rem;
	}
}
@media (max-width: 600px) {
	.casi-recension.casi-recension.casi-recension .casi-hero {
		padding: 28px 16px 26px;
	}
	.casi-recension.casi-recension.casi-recension .casi-hero__top {
		grid-template-columns: 1fr;
	}
	.casi-recension.casi-recension.casi-recension .casi-hero__logo,
	.casi-recension.casi-recension.casi-recension .casi-hero__main,
	.casi-recension.casi-recension.casi-recension .casi-hero__action {
		grid-column: 1;
		grid-row: auto;
	}
	.casi-recension.casi-recension.casi-recension .casi-hero__logo {
		max-width: 132px;
		aspect-ratio: 1 / 1;
	}
	.casi-recension.casi-recension.casi-recension .casi-hero .entry-title,
	.casi-recension.casi-recension.casi-recension .casi-hero__namn {
		font-size: 1.85rem;
	}
	.casi-sticky__info p {
		display: none;
	}
	.casi-sticky .casi-cta {
		padding: 11px 18px;
	}
}
@media (max-width: 760px) {
	.single-casino .casi-delbetyg-rutnat {
		grid-template-columns: 1fr;
	}
	.single-casino .casi-delbetyg__total {
		flex-direction: row;
		align-items: baseline;
		justify-content: space-between;
		padding: 18px 22px;
	}
	.single-casino .casi-delbetyg__total-tal {
		font-size: 2.6rem;
	}
}
@media (prefers-reduced-motion: reduce) {
	.casi-sticky {
		transition: none;
	}
}

/* =====================================================================
   8. Lopande text i recensionerna (redaktionell typografi)
   .casi-sektionstext anvands bade for delbetygsmotiveringar och for
   sektionsprosan (med underrubriker som Slots, Live casino osv.). Ger
   behagligare radlangd, battre rytm och branschade underrubriker sa att
   texten inte langre kanns platt. Tabeller, kort och piller ar oberorda.
   ===================================================================== */

/* Sektionsrubriker (H2) i navy + Sora, knyter ihop med heron */
.casi-recension.casi-recension.casi-recension .casi-sektion > h2 {
	font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	color: var(--casi-bla, #00205b);
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.015em;
}

/* Luftigare brodtext (full bredd, som ovrigt innehall) */
.casi-recension.casi-recension.casi-recension .casi-sektionstext {
	font-size: 1.05rem;
	line-height: 1.78;
	color: #2b333d;
}
.casi-recension.casi-recension.casi-recension .casi-sektionstext p {
	margin: 0 0 1.15em;
}
/* Forsta stycket far en diskret ingress-kansla */
.casi-recension.casi-recension.casi-recension .casi-sektionstext > p:first-child {
	font-size: 1.1rem;
	color: #1f2733;
}

/* Underrubriker i prosan: Sora, navy, med en liten bla accentstapel ovanfor.
   Generos topmarginal bryter upp texten i tydliga block. */
.casi-recension.casi-recension.casi-recension .casi-sektionstext h3,
.casi-recension.casi-recension.casi-recension .casi-sektionstext h4 {
	font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	color: var(--casi-bla, #00205b);
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.01em;
	margin: 1.9em 0 0.9em;
}
.casi-recension.casi-recension.casi-recension .casi-sektionstext h3 {
	display: inline-block;
	font-size: 1.32rem;
}
.casi-recension.casi-recension.casi-recension .casi-sektionstext h4 { font-size: 1.12rem; }
/* Accent: en bla understrykning strax under rubriken, nagot bredare an texten */
.casi-recension.casi-recension.casi-recension .casi-sektionstext h3::after {
	content: "";
	display: block;
	width: calc(100% + 18px);
	height: 3px;
	background: linear-gradient(90deg, var(--casi-bla-3, #2360bf), var(--casi-bla-2, #173f85));
	margin: 5px 0 0 0;
}
/* Ingen extra luft ovanfor allra forsta elementet i ett textblock */
.casi-recension.casi-recension.casi-recension .casi-sektionstext > :first-child {
	margin-top: 0;
}

/* Lankar: redaktionellt bla med mjuk understrykning */
.casi-recension.casi-recension.casi-recension .casi-sektionstext a {
	color: var(--casi-bla-2, #173f85);
	text-decoration: underline;
	text-decoration-color: rgba(45, 108, 179, 0.35);
	text-underline-offset: 2px;
}
.casi-recension.casi-recension.casi-recension .casi-sektionstext a:hover {
	text-decoration-color: var(--casi-bla-2, #173f85);
}

/* Diskret betoning */
.casi-recension.casi-recension.casi-recension .casi-sektionstext strong {
	color: var(--casi-bla, #00205b);
	font-weight: 700;
}

/* Listor med blagra markorer och luft */
.casi-recension.casi-recension.casi-recension .casi-sektionstext ul,
.casi-recension.casi-recension.casi-recension .casi-sektionstext ol {
	margin: 0 0 1.15em;
	padding-left: 1.35em;
}
.casi-recension.casi-recension.casi-recension .casi-sektionstext li {
	margin: 0 0 0.45em;
	padding-left: 0.15em;
}
.casi-recension.casi-recension.casi-recension .casi-sektionstext ul li::marker {
	color: var(--casi-bla-3, #2360bf);
}
.casi-recension.casi-recension.casi-recension .casi-sektionstext ol li::marker {
	color: var(--casi-bla-2, #173f85);
	font-weight: 700;
}

@media (max-width: 600px) {
	.casi-recension.casi-recension.casi-recension .casi-sektionstext {
		font-size: 1.02rem;
		line-height: 1.72;
	}
	.casi-recension.casi-recension.casi-recension .casi-sektionstext h3 { font-size: 1.2rem; }
	.casi-recension.casi-recension.casi-recension .casi-sektionstext > p:first-child { font-size: 1.06rem; }
}