/* 24 Lån: brödtext och artikelrutor, även sajtens äldre 2l-klasser. */

.tl-innehall { font-size: 1.0625rem; }
.tl-innehall > *:first-child { margin-top: 0; }
.tl-innehall p { margin: 0 0 1.1em; }
.tl-innehall h2 { font-size: clamp(1.45rem, 3vw, 1.85rem); margin: 2.1em 0 .6em; }
.tl-innehall h3 { font-size: 1.22rem; margin: 1.7em 0 .5em; }
.tl-innehall h4 { font-size: 1.05rem; margin: 1.4em 0 .4em; }
.tl-innehall ul, .tl-innehall ol { margin: 0 0 1.2em; padding-left: 1.4em; }
.tl-innehall li { margin: .35em 0; }
.tl-innehall li::marker { color: var(--tl-korall); }
.tl-innehall strong { color: var(--tl-natt); font-weight: 700; }
.tl-innehall blockquote { margin: 1.4em 0; padding: 14px 18px; border-left: 4px solid var(--tl-sol); background: var(--tl-yta); border-radius: 0 var(--tl-radie-s) var(--tl-radie-s) 0; }
.tl-innehall blockquote p:last-child { margin: 0; }
.tl-innehall figure { margin: 1.6em 0; }
.tl-innehall figure img { display: block; width: 100%; border-radius: var(--tl-radie-s); }
.tl-innehall figcaption, .tl-innehall .wp-caption-text { font-size: .86rem; color: var(--tl-mjuk); margin-top: 8px; line-height: 1.45; }
.tl-innehall .wp-caption { max-width: 100%; }
.tl-innehall img.alignnone, .tl-innehall img.aligncenter, .tl-innehall img.size-full { display: block; margin: 1.4em auto; border-radius: var(--tl-radie-s); }
.tl-innehall .aligncenter { margin-left: auto; margin-right: auto; }
.tl-innehall .alignleft { float: left; margin: .3em 1.2em 1em 0; max-width: 45%; }
.tl-innehall .alignright { float: right; margin: .3em 0 1em 1.2em; max-width: 45%; }
.tl-innehall hr { border: 0; border-top: 1px solid var(--tl-linje); margin: 2em 0; }

/* Vanliga tabeller i texten: kort i mobilen */

.tl-innehall table { width: 100%; border-collapse: separate; border-spacing: 0; margin: 1.4em 0; background: var(--tl-yta); border: 1px solid var(--tl-linje); border-radius: var(--tl-radie-s); overflow: hidden; font-size: .93rem; }
.tl-innehall th, .tl-innehall td { padding: 10px 13px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--tl-linje); }
.tl-innehall thead th { background: var(--tl-natt); color: var(--tl-dag); font-family: var(--tl-rubrik); font-weight: 700; }
.tl-innehall tbody th { color: var(--tl-natt); font-weight: 700; }
.tl-innehall tbody tr:last-child > * { border-bottom: 0; }
.tl-innehall tbody tr:nth-child(even) { background: #fdfaf4; }
@media (max-width: 700px) {
	.tl-innehall table, .tl-innehall tbody, .tl-innehall tr, .tl-innehall td, .tl-innehall tbody th { display: block; width: 100%; }
	.tl-innehall table { border: 0; background: transparent; }
	.tl-innehall thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	.tl-innehall tbody tr { background: var(--tl-yta) !important; border: 1px solid var(--tl-linje); border-radius: var(--tl-radie-s); margin-bottom: 12px; padding: 4px 0; }
	.tl-innehall td, .tl-innehall tbody th { border: 0 !important; padding: 7px 14px; }
	.tl-innehall td[data-label]::before { content: attr(data-label); display: block; font-size: .76rem; font-weight: 700; color: var(--tl-mjuk); }
	.tl-innehall tbody tr > :first-child { font-weight: 700; color: var(--tl-natt); }
}

/* Snabbsvar och korta fakta: 2l-korthet */

.tl-innehall [class~="2l-korthet"], .tl-innehall .tl-snabbsvar { margin: 0 0 1.6em; padding: 18px 20px; background: var(--tl-natt); color: #dfe9ec; border-radius: var(--tl-radie); }
.tl-innehall [class~="2l-korthet"] > strong:first-child, .tl-innehall .tl-snabbsvar > strong:first-child { display: block; margin-bottom: 6px; color: var(--tl-sol); font-family: var(--tl-rubrik); font-size: 1.05rem; }
.tl-innehall [class~="2l-korthet"] p, .tl-innehall .tl-snabbsvar p { margin: 0 0 .6em; }
.tl-innehall [class~="2l-korthet"] p:last-child, .tl-innehall .tl-snabbsvar p:last-child { margin: 0; }
.tl-innehall [class~="2l-korthet"] strong, .tl-innehall .tl-snabbsvar strong { color: #fff; }
.tl-innehall [class~="2l-korthet"] a, .tl-innehall .tl-snabbsvar a { color: var(--tl-sol); }

/* Faktaruta: tl-fakta */

.tl-innehall .tl-fakta { margin: 1.4em 0 1.8em; padding: 18px 20px; background: var(--tl-yta); border: 1px solid var(--tl-linje); border-radius: var(--tl-radie); }
.tl-innehall .tl-fakta > strong:first-child { display: block; margin-bottom: 8px; font-family: var(--tl-rubrik); font-size: 1.05rem; }
.tl-innehall .tl-fakta ul { margin: 0; padding: 0; list-style: none; }
.tl-innehall .tl-fakta li { margin: 0; padding: 7px 0; border-top: 1px solid var(--tl-linje); }
.tl-innehall .tl-fakta li:first-child { border-top: 0; }

/* Tabellomslag: 2l-tabell */

.tl-innehall [class~="2l-tabell"] { margin: 1.4em 0; }
.tl-innehall [class~="2l-tabell"] table { margin: 0; }

/* Checklista: 2l-checklista */

.tl-innehall [class~="2l-checklista"] { list-style: none; padding: 0; margin: 0 0 1.4em; }
.tl-innehall [class~="2l-checklista"] li { position: relative; margin: 0 0 10px; padding: 12px 14px 12px 46px; background: var(--tl-yta); border: 1px solid var(--tl-linje); border-radius: var(--tl-radie-s); }
.tl-innehall [class~="2l-checklista"] li::before { content: ''; position: absolute; left: 14px; top: 14px; width: 20px; height: 20px; border-radius: 50%; background: var(--tl-gron) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5 7 11.5 12.5 5' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat; }

/* Steg: 2l-steg */

.tl-innehall [class~="2l-steg"] { list-style: none; counter-reset: tlsteg; padding: 0; margin: 0 0 1.4em; }
.tl-innehall [class~="2l-steg"] > li { counter-increment: tlsteg; position: relative; margin: 0 0 12px; padding: 12px 14px 12px 58px; background: var(--tl-yta); border: 1px solid var(--tl-linje); border-radius: var(--tl-radie-s); }
.tl-innehall [class~="2l-steg"] > li::before { content: counter(tlsteg); position: absolute; left: 14px; top: 11px; width: 30px; height: 30px; border-radius: 50%; background: var(--tl-natt); color: var(--tl-sol); font-family: var(--tl-rubrik); font-weight: 800; display: flex; align-items: center; justify-content: center; }

/* Varningsruta och tips: 2l-warn, tl-tips */

.tl-innehall [class~="2l-warn"], .tl-innehall .tl-tips { margin: 1.4em 0 1.8em; padding: 18px 20px; border-radius: var(--tl-radie); background: #fff7f5; border: 1px solid #f4cbc0; }
.tl-innehall .tl-tips { background: var(--tl-sol-ljus); border-color: #f3dc9f; }
.tl-innehall [class~="2l-etikett"], .tl-innehall .tl-etikett { display: inline-block; margin-bottom: 8px; padding: 3px 10px; border-radius: 999px; background: var(--tl-korall); color: #fff; font-size: .74rem; font-weight: 700; letter-spacing: .04em; }
.tl-innehall .tl-tips .tl-etikett { background: var(--tl-natt); color: var(--tl-sol); }
.tl-innehall [class~="2l-box-titel"], .tl-innehall .tl-box-titel { display: block; margin-bottom: 6px; font-family: var(--tl-rubrik); font-size: 1.08rem; color: var(--tl-natt); }
.tl-innehall [class~="2l-warn"] p:last-child, .tl-innehall .tl-tips p:last-child { margin: 0; }

/* Kort i rutnät: 2l-kort-grid */

.tl-innehall [class~="2l-kort-grid"] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin: 1.4em 0 1.8em; }
.tl-innehall [class~="2l-kort"] { padding: 16px 18px; background: var(--tl-yta); border: 1px solid var(--tl-linje); border-radius: var(--tl-radie); border-top: 4px solid var(--tl-sol); }
.tl-innehall [class~="2l-kort"] h3 { margin: 0 0 6px; font-size: 1.08rem; }
.tl-innehall [class~="2l-kort"] p { margin: 0; font-size: .95rem; }

/* Prisruta: 2l-pris */

.tl-innehall [class~="2l-pris"] { margin: 1.4em 0 1.8em; background: var(--tl-yta); border: 1px solid var(--tl-linje); border-radius: var(--tl-radie); overflow: hidden; }
.tl-innehall [class~="2l-pris-topp"] { padding: 16px 18px; background: var(--tl-natt); color: var(--tl-dag); }
.tl-innehall [class~="2l-pris-label"] { font-size: .82rem; color: var(--tl-mane); font-weight: 600; }
.tl-innehall [class~="2l-pris-belopp"] { font-family: var(--tl-rubrik); font-weight: 800; font-size: 1.3rem; color: #fff; }
.tl-innehall [class~="2l-pris-rad"] { display: flex; justify-content: space-between; gap: 12px; padding: 9px 18px; border-top: 1px solid var(--tl-linje); font-size: .95rem; }
.tl-innehall [class~="2l-pris-rad"] span:last-child { font-weight: 700; text-align: right; }

/* För- och nackdelar: 2l-pros-cons */

.tl-innehall [class~="2l-pros-cons"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 1.4em 0 1.8em; }
.tl-innehall [class~="2l-pros"], .tl-innehall [class~="2l-cons"] { padding: 16px 18px; border-radius: var(--tl-radie); background: var(--tl-gron-ljus); }
.tl-innehall [class~="2l-cons"] { background: #fdeee9; }
.tl-innehall [class~="2l-pros"] h3, .tl-innehall [class~="2l-cons"] h3 { margin: 0 0 8px; font-size: 1.08rem; }
.tl-innehall [class~="2l-pros"] ul, .tl-innehall [class~="2l-cons"] ul { margin: 0; padding-left: 1.2em; font-size: .95rem; }
@media (max-width: 640px) { .tl-innehall [class~="2l-pros-cons"] { grid-template-columns: minmax(0, 1fr); } }

/* Vanliga frågor: 2l-faq */

.tl-innehall [class~="2l-faq"] { margin: 1em 0 2em; border-top: 1px solid var(--tl-linje); }
.tl-innehall [class~="2l-faq"] h3 { margin: 0; padding: 18px 0 6px; font-size: 1.1rem; }
.tl-innehall [class~="2l-faq"] p { margin: 0; padding: 0 0 16px; border-bottom: 1px solid var(--tl-linje); }

/* Upplysningar: 2l-disclaimer */

.tl-innehall [class~="2l-disclaimer"] { margin: 2em 0 1em; padding: 14px 16px; border-radius: var(--tl-radie-s); background: var(--tl-yta-2); font-size: .88rem; color: var(--tl-mjuk); }
.tl-innehall [class~="2l-disclaimer"] strong { display: block; color: var(--tl-natt); }

/* Äldre källrutor på sidor som inte är omarbetade: 2l-kallor */

.tl-innehall [class~="2l-kallor"] { margin: 2em 0 0; padding: 14px 16px; border-radius: var(--tl-radie-s); border: 1px dashed var(--tl-linje); font-size: .86rem; color: var(--tl-mjuk); }
.tl-innehall [class~="2l-kallor"] h2 { font-size: 1rem; margin: 0 0 6px; }

/* Internlänksbox: tl-lankbox */

.tl-innehall .tl-lankbox { margin: 2.2em 0 1em; padding: 18px 20px; background: var(--tl-yta); border: 1px solid var(--tl-linje); border-left: 5px solid var(--tl-gron); border-radius: var(--tl-radie-s); }
.tl-innehall .tl-lankbox > strong { display: block; margin-bottom: 6px; font-family: var(--tl-rubrik); font-size: 1.05rem; }
.tl-innehall .tl-lankbox ul { margin: 0; padding-left: 1.2em; }
.tl-innehall .tl-lankbox li { margin: 4px 0; }

/* Video och skärmbild från källan */

.tl-innehall .tl-video { position: relative; margin: 1.6em 0; aspect-ratio: 16 / 9; border-radius: var(--tl-radie-s); overflow: hidden; background: #000; }
.tl-innehall .tl-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.tl-innehall .tl-kallbild img { border: 1px solid var(--tl-linje); }

/* Topplistornas innehåll inne i texten */

.tl-innehall .tl-lglista { padding: 0; }
.tl-innehall .tl-lglista > li { margin: 0; }
.tl-innehall .tl-lg .tl-lg__namn { margin: 0; font-size: 1.22rem; }
.tl-innehall .tl-marken { padding: 0; }
.tl-innehall .tl-marken li { margin: 0; }
.tl-innehall .tl-lg__poang ul { padding: 0 16px 12px 32px; margin: 0; }
.tl-innehall .tl-lg__poang li { margin: 4px 0; }
.tl-innehall .tl-staplar__lista, .tl-innehall .tl-bstaplar__lista, .tl-innehall .tl-justnu__lista { padding: 0; margin-left: 0; }
.tl-innehall .tl-staplar__lista li, .tl-innehall .tl-bstaplar__lista li { margin: 0; }
.tl-innehall .tl-justnu__lista li { margin: 0; }
.tl-innehall .tl-toc ol { padding: 0 22px 16px 40px; margin: 0; }
.tl-innehall .tl-metod li::marker { color: var(--tl-gron); font-weight: 800; }

/* Komponenter i texten: innehållets regler för bilder och fetstil får inte slå igenom i långivarkorten och varningen */
.tl-innehall .tl-lg__logo img { display: block; height: 26px; width: auto; max-width: 130px; margin: 0; border-radius: 0; object-fit: contain; object-position: center; }
.tl-innehall .tl-lg__utb strong { color: #fff; }
.tl-innehall .tl-lg--dag .tl-lg__utb strong, .tl-innehall .tl-lg--okand .tl-lg__utb strong { color: var(--tl-natt); }
.tl-innehall .tl-varning strong, .tl-innehall .tl-varning a { color: #000; }
.tl-innehall .tl-varning p { margin: 0; }

/* Rubriker utan ensamma ord på sista raden */
.tl-innehall h2, .tl-innehall h3, .tl-innehall [class~="2l-korthet"] > strong:first-child, .tl-innehall .tl-snabbsvar > strong:first-child { text-wrap: balance; }

/* Kontaktformuläret (Contact Form 7) */
.tl-innehall .wpcf7 { max-width: 640px; }
.tl-innehall .wpcf7 label { display: block; margin-bottom: 14px; font-weight: 600; color: var(--tl-natt); }
.tl-innehall .wpcf7-form-control-wrap { display: block; margin-top: 6px; }
.tl-innehall .wpcf7 input[type="text"], .tl-innehall .wpcf7 input[type="email"], .tl-innehall .wpcf7 input[type="tel"], .tl-innehall .wpcf7 textarea, .tl-innehall .wpcf7 select { box-sizing: border-box; width: 100%; max-width: 100%; padding: 12px 14px; border: 1px solid var(--tl-linje); border-radius: 10px; background: #fff; font: inherit; font-weight: 400; color: var(--tl-ink); }
.tl-innehall .wpcf7 textarea { min-height: 160px; }
.tl-innehall .wpcf7 input[type="submit"] { padding: 12px 22px; border: 0; border-radius: 999px; background: var(--tl-korall); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }

/* Utbetalning per tid på dygnet */
.tl-innehall .tl-tabell--tider tbody tr.tl-tid--dygnet td:not(:first-child) { color: var(--tl-gron); font-weight: 600; }
.tl-innehall .tl-tabell--tider tbody tr.tl-tid--uttag td:not(:first-child) { color: #2b5a6d; }
.tl-innehall .tl-tabell--tider tbody tr.tl-tid--dag td:nth-child(n+3) { color: var(--tl-mjuk); }

/* Filterknappar */
.tl-innehall .tl-filter { margin: 0 0 1.4em; padding: 14px 16px; background: var(--tl-yta, #fff); border: 1px solid var(--tl-linje); border-radius: 14px; }
.tl-innehall .tl-filter__rubrik { margin: 0 0 10px; font-weight: 700; color: var(--tl-natt); font-size: .95rem; }
.tl-innehall .tl-filter__val { display: flex; flex-wrap: wrap; gap: 8px; }
.tl-innehall .tl-filter__knapp { padding: 8px 14px; border: 1px solid var(--tl-linje); border-radius: 999px; background: #fff; color: var(--tl-natt); font: inherit; font-size: .9rem; font-weight: 600; cursor: pointer; }
.tl-innehall .tl-filter__knapp[aria-pressed="true"] { background: var(--tl-natt); border-color: var(--tl-natt); color: #fff; }
.tl-innehall .tl-filter__tom { margin: 10px 0 0; color: var(--tl-mjuk); font-size: .92rem; }
.tl-innehall .tl-lg[hidden], .tl-innehall .tl-topplista[hidden] { display: none; }
@media (max-width: 700px) {
	.tl-innehall .tl-tabell--tider tr { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
	.tl-innehall .tl-tabell--tider td { width: auto; }
	.tl-innehall .tl-tabell--tider td:first-child { grid-column: 1 / -1; }
}