/* ==========================================================================
   Snabblandirekt.com, artikel-CSS v3.0 (Blocksy)
   Wrapper: .entry-content  Prefix: sld-

   Flyttad från Anpassa > Ytterligare CSS i Chronus (Global CSS v2.3) i
   oktober 2026 och anpassad till barntemat. Alla klasser från v2.3 finns
   kvar med samma namn, så att befintliga artiklar ser rätt ut utan ändringar.
   Temats egna delar (sidhuvud, rubrikband, sidokolumn, sidfot) ligger i
   snabblandirekt.css.

   1.  Typografi och länkar
   2.  Kvalitetssäkrad-banner (sld-verified)
   3.  Inforuta (sld-info)
   4.  Notera-ruta (sld-note)
   5.  Steg för steg (sld-steps)
   6.  Faktakort med rader (sld-card, sld-data)
   7.  Listor (sld-list)
   8.  Snabbfakta (sld-facts)
   9.  Jämförelserutor (sld-compare)
   10. Fördelar och nackdelar (sld-pros, sld-cons)
   11. Varningsruta (sld-warning)
   12. Slutsats (sld-conclusion)
   13. Källor (sld-sources)
   14. Ansvarsfriskrivning (sld-disclaimer)
   15. Tabeller: vanliga tabeller staplas som kort under 700px
   16. Bilder
   17. Tvåkolumnstabell (sld-table-2col), behåller två kolumner på mobilen
   18. Stapeldiagram (sld-chart)

   Tabeller: 2 kolumner eller sld-table-2col visas som tabell överallt.
   Övriga tabeller staplas som kort under 700px. Lägg då data-label på
   varje <td> så att värdet får sin rubrik på mobilen.
   ========================================================================== */

:root {
	--sld-navy: #1e3a5f;
	--sld-ink: #0f1f35;
	--sld-heading: #142a47;
	--sld-text: #33435a;
	--sld-muted: #5d6b80;
	--sld-blue: #2563eb;
	--sld-link: #1d4ed8;
	--sld-sky: #3b82f6;
	--sld-sky-soft: #eef4ff;
	--sld-line: #e3e9f2;
	--sld-line-soft: #eef2f7;
	--sld-soft: #f5f8fc;
	--sld-green: #047857;
	--sld-green-soft: #ecfdf5;
	--sld-mint: #10b981;
	--sld-red: #be123c;
	--sld-red-soft: #fff1f2;
	--sld-red-line: #fecdd3;
	--sld-radius: 12px;
}

/* =========== 1. TYPOGRAFI OCH LÄNKAR =========== */

.entry-content {
	color: var(--sld-text);
}

.entry-content p {
	margin-top: 0;
}

.entry-content a {
	color: var(--sld-link);
	text-decoration: underline;
	text-decoration-color: rgba(37, 99, 235, 0.35);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

.entry-content a:hover {
	color: var(--sld-navy);
	text-decoration-color: currentColor;
}

.entry-content > h2 {
	position: relative;
	margin: 52px 0 16px;
	padding-top: 18px;
	color: var(--sld-heading);
}

/* Kort blå markering ovanför H2, samma blå som i logotypens blixt */
.entry-content > h2::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 38px;
	height: 4px;
	border-radius: 4px;
	background: linear-gradient(90deg, var(--sld-sky) 0%, var(--sld-mint) 100%);
}

.entry-content > h3 {
	margin: 34px 0 12px;
	color: var(--sld-heading);
}

.entry-content > h4 {
	margin: 26px 0 10px;
	color: var(--sld-heading);
}

.entry-content strong {
	font-weight: 700;
}

/* =========== 2. KVALITETSSÄKRAD-BANNER =========== */

.sld-verified {
	background: #f4f9f7;
	padding: 14px 18px;
	border-left: 4px solid var(--sld-navy);
	border-radius: 8px;
	margin: 24px 0;
	font-size: 15px;
	line-height: 1.6;
}

.sld-verified p {
	margin: 0 0 4px;
}

.sld-verified p:last-child {
	margin-bottom: 0;
}

.sld-verified strong {
	color: var(--sld-ink);
}

.sld-verified .sld-check {
	color: var(--sld-mint);
	font-weight: 700;
	margin-right: 4px;
}

/* =========== 3. INFORUTA (granskningsprocess, experttips) =========== */

.sld-info {
	background: #ffffff;
	border: 1px solid var(--sld-line);
	border-left: 4px solid var(--sld-blue);
	border-radius: 10px;
	padding: 18px 20px;
	margin: 26px 0;
}

.sld-info-title {
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 700;
	color: var(--sld-navy);
}

.sld-info p {
	margin: 0 0 8px;
	font-size: 15px;
	color: #44526a;
}

.sld-info p:last-child {
	margin-bottom: 0;
}

.sld-info ul {
	margin: 8px 0 0;
	padding-left: 20px;
	font-size: 15px;
	color: #44526a;
}

.sld-info ul li {
	margin-bottom: 5px;
}

.sld-info ul li strong {
	color: var(--sld-ink);
}

/* =========== 4. NOTERA-RUTA (med ikon) =========== */

.sld-note {
	background: var(--sld-sky-soft);
	border: 1px solid #d6e4fb;
	border-radius: 10px;
	padding: 14px 18px;
	margin: 24px 0;
	font-size: 15px;
	color: var(--sld-text);
	line-height: 1.6;
}

.sld-note p {
	margin: 0;
}

.sld-note strong {
	color: var(--sld-ink);
}

.sld-note-icon {
	font-size: 18px;
	margin-right: 6px;
}

/* =========== 5. STEG FÖR STEG (numrerade kort) =========== */

.sld-steps {
	margin: 24px 0;
	counter-reset: none;
}

.sld-step {
	background: #ffffff;
	border: 1px solid var(--sld-line);
	border-radius: 10px;
	padding: 13px 16px;
	margin-bottom: 8px;
	font-size: 15px;
	color: #44526a;
	line-height: 1.55;
}

.sld-step:last-child {
	border-color: #b7ead5;
	background: var(--sld-green-soft);
	margin-bottom: 0;
}

.sld-step-num {
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	background: var(--sld-sky-soft);
	color: var(--sld-navy);
	border-radius: 50%;
	text-align: center;
	font-weight: 700;
	font-size: 13px;
	margin-right: 10px;
	vertical-align: middle;
}

.sld-step:last-child .sld-step-num {
	background: #ffffff;
	color: var(--sld-green);
}

.sld-step strong {
	color: var(--sld-ink);
}

/* =========== 6. FAKTAKORT MED RADER =========== */

.sld-card {
	background: #ffffff;
	border: 1px solid var(--sld-line);
	border-radius: var(--sld-radius);
	padding: 20px;
	margin: 24px 0;
}

.sld-card-alt {
	background: var(--sld-soft);
}

.sld-card-title {
	margin: 0 0 14px;
	font-size: 17px;
	font-weight: 700;
	color: var(--sld-ink);
	padding-bottom: 8px;
	border-bottom: 2px solid var(--sld-sky);
}

.sld-card-warning .sld-card-title {
	border-bottom-color: #ef4444;
}

@media (max-width: 700px) {
	.sld-card {
		padding: 16px;
	}

	.sld-card-title {
		font-size: 15px;
	}
}

/* Datarader inom kort: tabellbaserade, inte flex */
.entry-content .sld-data {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.entry-content .sld-data tr {
	border-bottom: 1px solid var(--sld-line-soft);
}

.entry-content .sld-data tr:last-child {
	border-bottom: none;
}

.entry-content .sld-data td {
	padding: 10px 0;
	font-size: 15px;
	vertical-align: baseline;
	overflow-wrap: break-word;
	background: transparent;
	border-bottom: 0;
}

.entry-content .sld-data tr:nth-child(even) td {
	background: transparent;
}

.entry-content .sld-data td:first-child {
	color: var(--sld-muted);
	text-align: left;
}

.entry-content .sld-data td:last-child {
	color: var(--sld-ink);
	font-weight: 600;
	text-align: right;
}

.entry-content .sld-data .sld-total td {
	padding: 14px 10px;
	background: #f0f7ff;
	border-top: 1px solid #bfdbfe;
	border-bottom: 1px solid #bfdbfe;
	font-size: 15px;
}

.entry-content .sld-data .sld-total td:first-child {
	color: #1e4fae;
	font-weight: 700;
	border-left: 1px solid #bfdbfe;
	border-radius: 8px 0 0 8px;
}

.entry-content .sld-data .sld-total td:last-child {
	color: #1e4fae;
	border-right: 1px solid #bfdbfe;
	border-radius: 0 8px 8px 0;
}

.entry-content .sld-data .sld-warning-row td {
	background: var(--sld-red-soft);
	border-top: 1px solid #fda4af;
	border-bottom: 1px solid #fda4af;
	padding: 10px;
}

.entry-content .sld-data .sld-warning-row td:first-child {
	color: var(--sld-red);
	font-weight: 600;
	border-left: 1px solid #fda4af;
	border-radius: 8px 0 0 8px;
}

.entry-content .sld-data .sld-warning-row td:last-child {
	color: var(--sld-red);
	border-right: 1px solid #fda4af;
	border-radius: 0 8px 8px 0;
}

.sld-card-footer {
	margin: 14px 0 0;
	font-size: 14px;
	text-align: center;
	font-weight: 600;
}

.sld-card-footer-good {
	color: #047857;
}

.sld-card-footer-bad {
	color: var(--sld-red);
}

.sld-card-note {
	margin-top: 14px;
	padding: 10px 12px;
	background: var(--sld-soft);
	border-radius: 8px;
	font-size: 13px;
	color: var(--sld-muted);
	line-height: 1.5;
}

.sld-card-note strong {
	color: var(--sld-ink);
}

/* =========== 7. LISTOR (med punktmarkörer) =========== */

.sld-list {
	background: #ffffff;
	border: 1px solid var(--sld-line);
	border-radius: var(--sld-radius);
	padding: 18px 20px;
	margin: 24px 0;
}

.sld-list-title {
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: 700;
	color: var(--sld-ink);
}

.entry-content .sld-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.entry-content .sld-list ul li {
	padding: 6px 0 6px 20px;
	margin: 0;
	font-size: 15px;
	color: #44526a;
	position: relative;
}

.entry-content .sld-list ul li::before {
	content: "";
	position: absolute;
	left: 2px;
	top: 15px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--sld-sky);
}

/* =========== 8. SNABBFAKTA =========== */

.sld-facts {
	background: var(--sld-soft);
	border: 1px solid var(--sld-line);
	border-radius: var(--sld-radius);
	padding: 18px 20px;
	margin: 24px 0;
}

.entry-content .sld-facts h4 {
	margin: 0 0 12px;
	font-size: 16px;
	color: var(--sld-ink);
}

.entry-content .sld-facts ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 15px;
	color: #44526a;
}

.entry-content .sld-facts ul li {
	padding: 4px 0;
	margin: 0;
}

.sld-facts ul li strong {
	color: var(--sld-ink);
}

/* =========== 9. JÄMFÖRELSERUTOR =========== */

.sld-compare {
	margin: 24px 0;
}

.sld-compare-card {
	background: var(--sld-soft);
	border: 1px solid var(--sld-line);
	border-radius: var(--sld-radius);
	padding: 18px;
	margin-bottom: 14px;
	position: relative;
}

.sld-compare-card-active {
	background: #ffffff;
	border: 2px solid var(--sld-sky);
}

.sld-compare-badge {
	display: inline-block;
	background: var(--sld-blue);
	color: #ffffff;
	font-size: 11px;
	padding: 3px 10px;
	border-radius: 999px;
	font-weight: 700;
	letter-spacing: 0.4px;
	margin-bottom: 8px;
}

.sld-compare-title {
	margin: 0 0 12px;
	font-weight: 700;
	color: var(--sld-ink);
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.sld-compare-row {
	display: table;
	width: 100%;
	margin-bottom: 6px;
	font-size: 15px;
}

.sld-compare-row span {
	display: table-cell;
	color: var(--sld-muted);
}

.sld-compare-row strong {
	display: table-cell;
	text-align: right;
	color: var(--sld-ink);
	font-weight: 600;
	white-space: nowrap;
}

.sld-compare-result {
	margin-top: 16px;
	padding: 12px 16px;
	background: var(--sld-red-soft);
	border: 1px solid #fda4af;
	border-radius: 10px;
	text-align: center;
	font-size: 14px;
	color: #9f1239;
	line-height: 1.5;
}

.sld-compare-result strong {
	display: block;
	margin-top: 4px;
	font-size: 17px;
	color: var(--sld-red);
}

.sld-compare-caption {
	margin: 10px 0 0;
	font-size: 13px;
	color: #7a879a;
	line-height: 1.5;
	text-align: center;
}

/* =========== 10. FÖRDELAR OCH NACKDELAR =========== */

.sld-pros,
.sld-cons {
	border-radius: var(--sld-radius);
	padding: 18px 22px;
	margin: 16px 0;
}

.sld-pros {
	background: #f0fdf6;
	border: 1px solid #ccf2df;
}

.sld-cons {
	background: #fef3f3;
	border: 1px solid #fde0e0;
}

.entry-content .sld-pros h3,
.entry-content .sld-cons h3 {
	margin: 0 0 12px;
	font-size: 17px;
	font-weight: 700;
	padding: 0;
	border: none;
}

.entry-content .sld-pros h3 {
	color: #166534;
}

.entry-content .sld-cons h3 {
	color: #991b1b;
}

.entry-content .sld-pros ul,
.entry-content .sld-cons ul {
	margin: 0;
	padding-left: 22px;
	font-size: 15px;
	line-height: 1.7;
}

.sld-pros ul {
	color: #14532d;
}

.sld-cons ul {
	color: #7f1d1d;
}

.entry-content .sld-pros ul li,
.entry-content .sld-cons ul li {
	margin-bottom: 6px;
}

.entry-content .sld-pros ul li:last-child,
.entry-content .sld-cons ul li:last-child {
	margin-bottom: 0;
}

/* =========== 11. VARNINGSRUTA =========== */

.sld-warning {
	background: var(--sld-red-soft);
	border: 1px solid #fda4af;
	border-radius: var(--sld-radius);
	padding: 18px 22px;
	margin: 24px 0;
}

.sld-warning-title {
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: 700;
	color: #9f1239;
	padding-bottom: 8px;
	border-bottom: 2px solid var(--sld-red);
	display: inline-block;
}

.entry-content .sld-warning p {
	margin: 0;
	font-size: 15px;
	color: #9f1239;
	line-height: 1.6;
}

/* =========== 12. SLUTSATS =========== */

.sld-conclusion {
	background: var(--sld-soft);
	border-left: 4px solid var(--sld-sky);
	padding: 14px 18px;
	margin: 24px 0;
	border-radius: 0 10px 10px 0;
	font-size: 16px;
	color: var(--sld-text);
	line-height: 1.7;
}

.entry-content .sld-conclusion p {
	margin: 0;
}

.sld-conclusion strong {
	color: var(--sld-navy);
}

/* =========== 13. KÄLLOR =========== */

.entry-content .sld-sources {
	margin: 24px 0;
	padding: 0;
	list-style: none;
}

.entry-content .sld-sources li {
	padding: 10px 14px;
	margin-bottom: 8px;
	background: var(--sld-soft);
	border-left: 3px solid var(--sld-navy);
	border-radius: 0 8px 8px 0;
	font-size: 15px;
	color: #44526a;
}

.entry-content .sld-sources li a {
	color: var(--sld-navy);
	font-weight: 600;
}

/* =========== 14. ANSVARSFRISKRIVNING =========== */

.sld-disclaimer {
	background: #f1f5f9;
	padding: 14px 18px;
	border-radius: 8px;
	border: 1px solid var(--sld-line);
	margin-top: 32px;
	font-size: 13px;
	color: #44526a;
	line-height: 1.6;
}

.entry-content .sld-disclaimer p {
	margin: 0;
}

.sld-disclaimer strong {
	color: var(--sld-ink);
}

.entry-content .sld-disclaimer a {
	color: var(--sld-navy);
}

/* =========== 15. TABELLER (vanliga, staplas på mobilen) =========== */

.entry-content table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 26px 0;
	background: #ffffff;
	border: 1px solid var(--sld-line);
	border-radius: var(--sld-radius);
	overflow: hidden;
	font-size: 15px;
	line-height: 1.5;
}

.entry-content th {
	background: var(--sld-navy);
	color: #ffffff;
	padding: 12px 14px;
	text-align: left;
	font-weight: 600;
	border: 0;
}

.entry-content td {
	padding: 12px 14px;
	border: 0;
	border-bottom: 1px solid var(--sld-line-soft);
	color: var(--sld-text);
	vertical-align: top;
}

.entry-content tr:last-child td {
	border-bottom: none;
}

.entry-content tr:nth-child(even) td {
	background: var(--sld-soft);
}

/* Mobilstack för alla tabeller utom .sld-data och .sld-table-2col */
@media (max-width: 700px) {
	.entry-content table:not(.sld-data):not(.sld-table-2col),
	.entry-content table:not(.sld-data):not(.sld-table-2col) tbody,
	.entry-content table:not(.sld-data):not(.sld-table-2col) tr,
	.entry-content table:not(.sld-data):not(.sld-table-2col) td {
		display: block;
		width: 100%;
	}

	.entry-content table:not(.sld-data):not(.sld-table-2col) thead {
		display: none;
	}

	.entry-content table:not(.sld-data):not(.sld-table-2col) {
		border: none;
		border-radius: 0;
		background: transparent;
		overflow: visible;
	}

	.entry-content table:not(.sld-data):not(.sld-table-2col) tr {
		margin-bottom: 12px;
		border: 1px solid var(--sld-line);
		border-radius: 10px;
		overflow: hidden;
		background: #ffffff;
	}

	.entry-content table:not(.sld-data):not(.sld-table-2col) tr:nth-child(even) {
		background: #ffffff;
	}

	.entry-content table:not(.sld-data):not(.sld-table-2col) td {
		padding: 10px 14px;
		border-bottom: 1px solid var(--sld-line-soft);
	}

	.entry-content table:not(.sld-data):not(.sld-table-2col) tr:nth-child(even) td {
		background: #ffffff;
	}

	.entry-content table:not(.sld-data):not(.sld-table-2col) td:first-child {
		background: var(--sld-soft);
		font-weight: 600;
		color: var(--sld-ink);
	}

	.entry-content table:not(.sld-data):not(.sld-table-2col) td:last-child {
		border-bottom: none;
	}

	.entry-content table:not(.sld-data):not(.sld-table-2col) td[data-label]::before {
		content: attr(data-label);
		display: block;
		font-weight: 700;
		color: var(--sld-navy);
		font-size: 11px;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		margin-bottom: 4px;
	}
}

/* =========== 16. BILDER =========== */

.entry-content img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}

.entry-content figcaption,
.entry-content .wp-caption-text {
	margin-top: 8px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--sld-muted);
	text-align: left;
}

/* =========== 17. TVÅKOLUMNSTABELL (kontakt, specifikationer, fakta) =========== */
/* Behåller två kolumner även på mobilen. Etikett i vänsterkolumnen (38 %),
   värde i högerkolumnen med radbrytning. */

.entry-content .sld-table-2col {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 26px 0;
	background: #ffffff;
	border: 1px solid var(--sld-line);
	border-radius: var(--sld-radius);
	overflow: hidden;
	font-size: 15px;
	table-layout: fixed;
}

.entry-content .sld-table-2col td {
	padding: 12px 14px;
	border-bottom: 1px solid var(--sld-line-soft);
	color: var(--sld-text);
	vertical-align: top;
	word-break: break-word;
}

.entry-content .sld-table-2col tr:last-child td {
	border-bottom: none;
}

.entry-content .sld-table-2col tr:nth-child(even) td {
	background: #fbfcfe;
}

.entry-content .sld-table-2col td:first-child {
	width: 38%;
	color: var(--sld-ink);
	font-weight: 600;
	background: var(--sld-soft);
	border-right: 1px solid var(--sld-line);
}

.entry-content .sld-table-2col tr:nth-child(even) td:first-child {
	background: #eef3f9;
}

@media (max-width: 700px) {
	.entry-content .sld-table-2col {
		font-size: 14px;
	}

	.entry-content .sld-table-2col td {
		padding: 10px 12px;
	}

	.entry-content .sld-table-2col td:first-child {
		width: 42%;
	}
}

/* =========== 18. STAPELDIAGRAM (sld-chart) =========== */

.entry-content .sld-chart {
	background: #ffffff;
	border: 1px solid var(--sld-line);
	border-radius: var(--sld-radius);
	padding: 20px;
	margin: 26px 0;
	max-width: 720px;
}

.entry-content .sld-chart-title {
	margin: 0;
	font-size: 17px;
	font-weight: 700;
	color: var(--sld-ink);
	line-height: 1.35;
}

.entry-content .sld-chart-sub {
	margin: 3px 0 18px;
	font-size: 14px;
	color: var(--sld-muted);
	line-height: 1.5;
}

.sld-bar {
	margin-bottom: 18px;
}

.sld-bar:last-of-type {
	margin-bottom: 0;
}

.entry-content .sld-bar-label {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	color: var(--sld-ink);
	line-height: 1.35;
	transition: color 150ms ease;
}

.entry-content .sld-bar-meta {
	margin: 1px 0 6px;
	font-size: 13px;
	color: var(--sld-muted);
	line-height: 1.45;
}

.sld-bar-track {
	background: #eef2f7;
	border-radius: 6px;
	height: 24px;
	width: 100%;
	transition: background 150ms ease;
}

.sld-bar-fill {
	height: 100%;
	border-radius: 6px;
	background: var(--sld-navy);
	transform-origin: left center;
	animation: sld-bar-grow 900ms cubic-bezier(0.22, 0.61, 0.36, 1) both;
	transition: filter 150ms ease;
}

.entry-content .sld-bar-value {
	margin: 6px 0 0;
	font-size: 13px;
	color: #44526a;
	line-height: 1.5;
}

.sld-bar-good .sld-bar-fill {
	background: var(--sld-mint);
}

.sld-bar-good .sld-bar-value strong {
	color: #047857;
}

.sld-bar-mid .sld-bar-fill {
	background: #f59e0b;
}

.sld-bar-mid .sld-bar-value strong {
	color: #b45309;
}

.sld-bar-bad .sld-bar-fill {
	background: var(--sld-red);
}

.sld-bar-bad .sld-bar-value strong {
	color: var(--sld-red);
}

.sld-bar-neutral .sld-bar-fill {
	background: var(--sld-sky);
}

.sld-bar-neutral .sld-bar-value strong {
	color: var(--sld-navy);
}

.sld-bar:hover .sld-bar-track {
	background: var(--sld-line);
}

.sld-bar:hover .sld-bar-fill {
	filter: brightness(1.08);
}

.sld-bar:hover .sld-bar-label {
	color: var(--sld-navy);
}

/* Intervallstaplar (från och till på gemensam skala) */
.sld-range .sld-bar-track {
	background: #eef2f7;
	background-image: repeating-linear-gradient(to right, #dbe3ec 0, #dbe3ec 1px, transparent 1px, transparent 20%);
	border-radius: 12px;
	height: 22px;
}

.sld-range .sld-bar-fill {
	border-radius: 12px;
	background: var(--sld-navy);
}

.sld-range:hover .sld-bar-fill {
	filter: brightness(1.35);
}

.entry-content .sld-range-scale {
	display: table;
	width: 100%;
	margin: 10px 0 0;
	font-size: 12px;
	color: #7a879a;
}

.entry-content .sld-range-scale-top {
	margin: 0 0 10px;
	padding-bottom: 6px;
	border-bottom: 1px solid var(--sld-line);
}

.sld-range-scale span {
	display: table-cell;
}

.sld-range-scale span:nth-child(2) {
	text-align: center;
}

.sld-range-scale span:last-child {
	text-align: right;
}

.entry-content .sld-chart-foot {
	margin: 16px 0 0;
	padding-top: 14px;
	border-top: 1px solid var(--sld-line);
	font-size: 13px;
	color: #44526a;
	line-height: 1.55;
}

/* Utfällbar metodruta */
.sld-chart-more {
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px solid var(--sld-line);
}

.sld-chart-more > summary {
	cursor: pointer;
	font-size: 13px;
	font-weight: 700;
	color: var(--sld-navy);
	list-style: none;
	padding: 2px 0;
}

.sld-chart-more > summary::-webkit-details-marker {
	display: none;
}

.sld-chart-more > summary::after {
	content: "▾";
	float: right;
	color: #94a3b8;
}

.sld-chart-more[open] > summary::after {
	content: "▴";
}

.entry-content .sld-chart-more p {
	margin: 8px 0 0;
	font-size: 13px;
	color: #44526a;
	line-height: 1.6;
}

@keyframes sld-bar-grow {
	from {
		transform: scaleX(0);
	}

	to {
		transform: scaleX(1);
	}
}

@supports (animation-timeline: view()) {
	.sld-bar-fill {
		animation: sld-bar-grow linear both;
		animation-timeline: view();
		animation-range: entry 15% cover 30%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sld-bar-fill {
		animation: none;
	}
}

@media (max-width: 700px) {
	.entry-content .sld-chart {
		padding: 16px;
	}

	.entry-content .sld-chart-title {
		font-size: 15px;
	}

	.entry-content .sld-bar-label {
		font-size: 14px;
	}

	.sld-bar-track {
		height: 20px;
	}

	.sld-range .sld-bar-track {
		height: 18px;
	}

	.entry-content .sld-range-scale {
		font-size: 11px;
	}
}