/* Mobillån: brödtext och artikelrutorna med mob-klasser som finns i sajtens texter. */

.ml-innehall { overflow-wrap: break-word; }
.ml-innehall > *:first-child { margin-top: 0; }
.ml-innehall p { margin: 0 0 1.05em; }
.ml-innehall h2 {
	font-family: var(--ml-rubrik); font-weight: 700; letter-spacing: -.02em; line-height: 1.22;
	font-size: clamp(1.4rem, 1.15rem + 1vw, 1.8rem); color: var(--ml-natt); margin: 2.1em 0 .6em;
}
.ml-innehall h3 { font-family: var(--ml-rubrik); font-weight: 650; letter-spacing: -.01em; line-height: 1.3; font-size: 1.22rem; color: var(--ml-natt); margin: 1.7em 0 .5em; }
.ml-innehall h4 { font-family: var(--ml-rubrik); font-weight: 600; font-size: 1.05rem; margin: 1.4em 0 .4em; }
.ml-innehall ul, .ml-innehall ol { margin: 0 0 1.2em; padding-left: 1.3em; }
.ml-innehall li { margin-bottom: .45em; }
.ml-innehall li::marker { color: var(--ml-indigo); }
.ml-innehall a:not(.ml-knapp) { color: var(--ml-indigo); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.ml-innehall a:not(.ml-knapp):hover { color: var(--ml-indigo-mork); text-decoration-thickness: 2px; }
.ml-innehall strong { font-weight: 700; color: var(--ml-natt); }
.ml-innehall img { border-radius: 18px; }
.ml-innehall figure, .ml-innehall .wp-caption { margin: 1.6em 0; max-width: 100% !important; }
.ml-innehall figcaption, .ml-innehall .wp-caption-text { font-size: .86rem; color: var(--ml-dov); margin-top: 8px; line-height: 1.45; }
.ml-innehall .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.ml-innehall .alignright { float: right; margin: 0 0 1em 1.4em; max-width: 45%; }
.ml-innehall .alignleft { float: left; margin: 0 1.4em 1em 0; max-width: 45%; }
.ml-innehall blockquote { margin: 1.6em 0; padding: 4px 0 4px 20px; border-left: 4px solid var(--ml-indigo); font-size: 1.08rem; color: var(--ml-natt); }
.ml-innehall hr { border: 0; border-top: 1px solid var(--ml-linje); margin: 2em 0; }
.ml-innehall iframe { max-width: 100%; border-radius: 16px; }
.ml-innehall .ml-video { position: relative; aspect-ratio: 16 / 9; margin: 1.6em 0 .6em; }
.ml-innehall .ml-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Vanliga tabeller i texterna */

.ml-innehall table:not(.ml-tabell table) { width: 100%; border-collapse: collapse; margin: 1.4em 0; font-size: .95rem; background: #fff; }
.ml-innehall table:not(.ml-tabell table) th { background: var(--ml-natt); color: #fff; text-align: left; font: 600 .88rem var(--ml-rubrik); padding: 11px 13px; }
.ml-innehall table:not(.ml-tabell table) td { padding: 10px 13px; border-top: 1px solid var(--ml-linje); vertical-align: top; }
.ml-innehall table:not(.ml-tabell table) tbody tr:nth-child(even) td { background: #fafbfe; }

/* Ingress och korta sammanfattningar */

.ml-innehall .mob-intro { font-size: 1.13rem; line-height: 1.6; color: var(--ml-text); font-weight: 500; margin: 0 0 1.3em; }
.ml-innehall .mob-intro strong { font-weight: 700; }

.ml-innehall .mob-korthet,
.ml-innehall .mob-snabbfakta,
.ml-innehall .mob-info,
.ml-innehall .mob-warn,
.ml-innehall .mob-tip,
.ml-innehall .mob-note {
	position: relative; margin: 1.5em 0; padding: 16px 18px 16px 20px; border-radius: 18px; line-height: 1.6;
}
.ml-innehall :is(.mob-korthet, .mob-snabbfakta, .mob-info, .mob-warn, .mob-tip, .mob-note) > strong:first-child,
.ml-innehall .mob-box-titel { display: block; font: 700 1rem var(--ml-rubrik); margin-bottom: 6px; }
.ml-innehall :is(.mob-korthet, .mob-snabbfakta, .mob-info, .mob-warn, .mob-tip, .mob-note) p { margin: 0 0 .5em; }
.ml-innehall :is(.mob-korthet, .mob-snabbfakta, .mob-info, .mob-warn, .mob-tip, .mob-note) > :last-child { margin-bottom: 0; }
.ml-innehall .mob-korthet { background: var(--ml-indigo-ljus); border: 1px solid var(--ml-indigo-linje); }
.ml-innehall .mob-korthet > strong:first-child { color: var(--ml-indigo-mork); }
.ml-innehall .mob-snabbfakta { background: #fff; border: 1px solid var(--ml-linje); }
.ml-innehall .mob-snabbfakta ul { list-style: none; margin: 0; padding: 0; }
.ml-innehall .mob-snabbfakta li { position: relative; padding: 7px 0 7px 26px; margin: 0; border-top: 1px solid var(--ml-linje); }
.ml-innehall .mob-snabbfakta li:first-child { border-top: 0; }
.ml-innehall .mob-snabbfakta li::before { content: ''; position: absolute; left: 4px; top: 15px; width: 9px; height: 9px; border-radius: 3px; background: var(--ml-mint); }
.ml-innehall .mob-info { background: #eef4ff; border: 1px solid #cfe0ff; }
.ml-innehall .mob-info > strong:first-child { color: #1d4ea8; }
.ml-innehall .mob-warn { background: var(--ml-rod-ljus); border: 1px solid #f6c7d0; }
.ml-innehall .mob-warn > strong:first-child, .ml-innehall .mob-warn .mob-box-titel { color: var(--ml-rod); }
.ml-innehall .mob-tip { background: var(--ml-mint-ljus); border: 1px solid #bfeedd; }
.ml-innehall .mob-tip > strong:first-child { color: var(--ml-mint-mork); }
.ml-innehall .mob-note { background: var(--ml-amber-ljus); border: 1px solid #ffe0ad; }
.ml-innehall .mob-note > strong:first-child { color: var(--ml-amber-text); }

.ml-innehall .mob-etikett {
	display: inline-block; margin: 0 0 8px; padding: 3px 11px; border-radius: 999px; background: var(--ml-rod);
	color: #fff; font: 600 .76rem var(--ml-rubrik); letter-spacing: .01em;
}

/* Prisrutor */

.ml-innehall .mob-pris { margin: 1.6em 0; border: 1px solid var(--ml-linje); border-radius: 20px; overflow: hidden; background: #fff; }
.ml-innehall .mob-pris-topp { display: flex; flex-direction: column; gap: 2px; padding: 16px 20px; background: linear-gradient(150deg, var(--ml-natt), var(--ml-natt-2)); color: #fff; }
.ml-innehall .mob-pris-label { font-size: .84rem; opacity: .85; }
.ml-innehall .mob-pris-belopp { font: 700 1.7rem/1.1 var(--ml-rubrik); letter-spacing: -.02em; }
.ml-innehall .mob-pris-rad { display: flex; justify-content: space-between; gap: 14px; padding: 10px 18px; border-top: 1px solid var(--ml-linje); }
.ml-innehall .mob-pris-rad span:last-child { font-weight: 700; text-align: right; }
.ml-innehall .mob-pris-topp a { color: #fff; }

/* Kort i rutnät */

.ml-innehall .mob-kort-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 14px; margin: 1.6em 0; }
.ml-innehall .mob-kort { background: #fff; border: 1px solid var(--ml-linje); border-radius: 18px; padding: 16px 18px; }
.ml-innehall .mob-kort h3, .ml-innehall .mob-kort h4 { margin: 0 0 6px; font-size: 1.05rem; }
.ml-innehall .mob-kort p { margin: 0 0 .5em; line-height: 1.55; }
.ml-innehall .mob-kort > :last-child { margin-bottom: 0; }

/* För- och nackdelar */

.ml-innehall .mob-pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 1.6em 0; }
.ml-innehall :is(.mob-pros, .mob-cons) { border-radius: 18px; padding: 16px 18px; border: 1px solid var(--ml-linje); background: #fff; }
.ml-innehall :is(.mob-pros, .mob-cons) > strong:first-child { display: block; font: 700 1rem var(--ml-rubrik); margin-bottom: 8px; }
.ml-innehall .mob-pros > strong:first-child { color: var(--ml-mint-mork); }
.ml-innehall .mob-cons > strong:first-child { color: var(--ml-rod); }
.ml-innehall :is(.mob-pros, .mob-cons) ul { list-style: none; margin: 0; padding: 0; }
.ml-innehall :is(.mob-pros, .mob-cons) li { position: relative; padding: 4px 0 4px 28px; margin: 0; }
.ml-innehall :is(.mob-pros, .mob-cons) li::before { position: absolute; left: 0; top: 6px; width: 20px; height: 20px; border-radius: 7px; display: flex; align-items: center; justify-content: center; font-size: .75rem; font-weight: 800; }
.ml-innehall .mob-pros li::before { content: '✓'; background: var(--ml-mint-ljus); color: var(--ml-mint-mork); }
.ml-innehall .mob-cons li::before { content: '✕'; background: var(--ml-rod-ljus); color: var(--ml-rod); }

/* Steg och listor */

.ml-innehall ol.mob-steg { list-style: none; counter-reset: ml-steg; margin: 1.5em 0; padding: 0; display: grid; gap: 10px; }
.ml-innehall ol.mob-steg li { counter-increment: ml-steg; position: relative; margin: 0; padding: 14px 16px 14px 60px; background: #fff; border: 1px solid var(--ml-linje); border-radius: 16px; line-height: 1.55; }
.ml-innehall ol.mob-steg li::before { content: counter(ml-steg); position: absolute; left: 14px; top: 13px; width: 32px; height: 32px; border-radius: 11px; background: var(--ml-indigo); color: #fff; display: flex; align-items: center; justify-content: center; font: 700 .92rem var(--ml-rubrik); }
.ml-innehall ul.mob-checklista, .ml-innehall ul.mob-krysslista { list-style: none; margin: 1.2em 0 1.4em; padding: 0; }
.ml-innehall ul.mob-checklista li, .ml-innehall ul.mob-krysslista li { position: relative; padding: 5px 0 5px 32px; margin: 0; }
.ml-innehall ul.mob-checklista li::before, .ml-innehall ul.mob-krysslista li::before { position: absolute; left: 0; top: 7px; width: 22px; height: 22px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: .78rem; font-weight: 800; }
.ml-innehall ul.mob-checklista li::before { content: '✓'; background: var(--ml-mint-ljus); color: var(--ml-mint-mork); }
.ml-innehall ul.mob-krysslista li::before { content: '✕'; background: var(--ml-rod-ljus); color: var(--ml-rod); }

/* Tabeller med mob-tabell */

.ml-innehall .mob-tabell { margin: 1.6em 0; overflow-x: auto; border: 1px solid var(--ml-linje); border-radius: 18px; background: #fff; }
.ml-innehall .mob-tabell table { width: 100%; margin: 0; border-collapse: collapse; }
.ml-innehall .mob-tabell th { background: var(--ml-natt); color: #fff; text-align: left; font: 600 .88rem var(--ml-rubrik); padding: 11px 13px; }
.ml-innehall .mob-tabell td { padding: 10px 13px; border-top: 1px solid var(--ml-linje); vertical-align: top; }
.ml-innehall .mob-tabell tbody tr:nth-child(even) td { background: #fafbfe; }

/* Vanliga frågor */

.ml-innehall .mob-faq { margin: 1.4em 0; }
.ml-innehall .mob-faq h3 { margin: 0; padding: 16px 0 6px; border-top: 1px solid var(--ml-linje); font-size: 1.1rem; }
.ml-innehall .mob-faq h3:first-child { border-top: 0; padding-top: 0; }
.ml-innehall .mob-faq p { margin: 0 0 8px; }

/* Upplysningar och äldre källrutor */

.ml-innehall .mob-disclaimer { margin: 1.6em 0; padding: 14px 18px; border-radius: 16px; background: #fff; border: 1px solid var(--ml-linje); font-size: .88rem; line-height: 1.55; color: var(--ml-dov); }
.ml-innehall .mob-disclaimer strong { color: var(--ml-text); }
.ml-innehall .mob-kallor { margin: 1.6em 0; padding: 16px 20px; border-radius: 16px; background: #fff; border: 1px solid var(--ml-linje); }
.ml-innehall .mob-kallor h2 { font-size: 1.05rem; margin: 0 0 8px; }
.ml-innehall .mob-kallor ul { margin: 0; padding-left: 18px; }
.ml-innehall .mob-kallor li { font-size: .88rem; color: var(--ml-dov); }
.ml-innehall :is(.mob-forfattare, .mob-affiliate, .mob-granskad, .mob-relaterat) { margin: 1.4em 0; padding: 14px 18px; border-radius: 16px; background: #fff; border: 1px solid var(--ml-linje); font-size: .94rem; }
.ml-innehall .mob-tidslinje { margin: 1.6em 0; padding-left: 20px; border-left: 3px solid var(--ml-indigo-linje); }
.ml-innehall .mob-svg-wrap { margin: 1.6em 0; overflow-x: auto; }
.ml-innehall .mob-svg-wrap svg { display: block; max-width: 100%; height: auto; }

/* Internlänkar som samlas sist */

.ml-innehall .ml-lankbox { margin: 2em 0 0; padding: 18px 20px; border-radius: 18px; background: var(--ml-indigo-ljus); border: 1px solid var(--ml-indigo-linje); }
.ml-innehall .ml-lankbox > strong, .ml-innehall .ml-lankbox p { display: block; margin: 0 0 8px; font: 700 1rem var(--ml-rubrik); color: var(--ml-natt); }
.ml-innehall .ml-lankbox ul { margin: 0; padding-left: 1.2em; }

@media (max-width: 640px) {
	.ml-innehall .alignright, .ml-innehall .alignleft { float: none; margin: 1em 0; max-width: 100%; }
	.ml-innehall .mob-pros-cons { grid-template-columns: minmax(0, 1fr); }
	.ml-innehall .mob-tabell { border: 0; background: transparent; overflow: visible; }
	.ml-innehall .mob-tabell thead { display: none; }
	.ml-innehall .mob-tabell table, .ml-innehall .mob-tabell tbody, .ml-innehall .mob-tabell tr, .ml-innehall .mob-tabell td { display: block; width: 100%; }
	.ml-innehall .mob-tabell tr { margin: 0 0 12px; background: #fff; border: 1px solid var(--ml-linje); border-radius: 16px; overflow: hidden; }
	.ml-innehall .mob-tabell td { padding: 9px 14px; background: #fff !important; }
	.ml-innehall .mob-tabell td::before { content: attr(data-label); display: block; font-size: .8rem; font-weight: 600; color: var(--ml-dov); margin-bottom: 2px; }
	.ml-innehall .mob-tabell td:first-child { border-top: 0; background: var(--ml-indigo-ljus) !important; font-weight: 700; }
	.ml-innehall .mob-tabell td:first-child::before { content: none; }
	.ml-innehall table:not(.ml-tabell table):not(.mob-tabell table) { display: block; overflow-x: auto; }
	.ml-innehall .mob-pris-rad { padding: 10px 14px; }
}

/* Temats komponenter inne i innehållet: innehållets list- och rubrikmarginaler ska inte slå igenom */
.ml-innehall .ml-lglista { margin: 0; padding: 0; list-style: none; }
.ml-innehall .ml-lglista > li { margin: 0; }
.ml-innehall .ml-lg .ml-lg__namn { margin: 0; font: 700 1.2rem var(--ml-rubrik); letter-spacing: -.015em; }
.ml-innehall .ml-marken { margin: 16px 0 0; padding: 0; list-style: none; }
.ml-innehall .ml-marken li { margin: 0; }
.ml-innehall .ml-lg__poang ul { margin: 10px 0 0; padding-left: 20px; }
.ml-innehall .ml-lg__poang li { margin: 0 0 4px; }
.ml-innehall .ml-staplar__lista { margin: 0; padding: 0; list-style: none; }
.ml-innehall .ml-staplar__lista li { margin: 0; }
.ml-innehall .ml-metod { margin: 16px 0 24px; padding: 0; list-style: none; }
.ml-innehall .ml-metod li { margin: 0; }
.ml-innehall .ml-toc ol { margin: 0; padding: 0 18px 16px 40px; }