/* Smslån 365: brödtext och rutor i artiklarna. */

.s3-innehall { font-size: 1.07rem; }
.s3-innehall > *:first-child { margin-top: 0; }
:where(.s3-innehall) p { margin: 0 0 1.1em; }
:where(.s3-innehall) h2 { font-size: clamp(1.45rem, 2.8vw, 1.85rem); margin: 2em 0 .6em; padding-top: .2em; }
:where(.s3-innehall) h2::before { content: ''; display: block; width: 34px; height: 5px; border-radius: 3px; background: var(--s3-rod); margin-bottom: 14px; }
:where(.s3-innehall) h3 { font-size: 1.24rem; margin: 1.6em 0 .5em; }
:where(.s3-innehall) h4 { font-size: 1.05rem; margin: 1.3em 0 .4em; }
:where(.s3-innehall) ul, :where(.s3-innehall) ol { margin: 0 0 1.2em; padding-left: 1.3em; }
:where(.s3-innehall) li { margin: 0 0 .5em; }
:where(.s3-innehall) li::marker { color: var(--s3-rod); font-weight: 700; }
:where(.s3-innehall) strong { font-weight: 700; color: var(--s3-ink); }
:where(.s3-innehall) a { font-weight: 600; }
:where(.s3-innehall) blockquote { margin: 1.4em 0; padding: 14px 18px; border-left: 5px solid var(--s3-gul); background: #fff; border-radius: 0 12px 12px 0; font-size: 1.02rem; }
:where(.s3-innehall) blockquote p:last-child { margin-bottom: 0; }
:where(.s3-innehall) figure { margin: 1.6em 0; }
:where(.s3-innehall) figure img { display: block; width: 100%; height: auto; border-radius: 14px; border: 1px solid var(--s3-lin); }
:where(.s3-innehall) figcaption { font-size: .86rem; color: var(--s3-mut); margin-top: 8px; line-height: 1.45; }
:where(.s3-innehall) table { margin: 1.4em 0; }
.s3-innehall .wp-caption { max-width: 100%; }
.s3-innehall hr { border: 0; border-top: 1px dashed var(--s3-lin-2); margin: 2em 0; }

/* Snabbt svar överst */
.s3-svar { margin: 0 0 1.6em; padding: 18px 20px; background: #fff; border: 1px solid var(--s3-lin); border-left: 6px solid var(--s3-gron); border-radius: 0 var(--s3-radie) var(--s3-radie) 0; }
.s3-svar p:last-child { margin-bottom: 0; }

/* Faktaruta, tips och varning i texten */
.s3-ruta { margin: 1.6em 0; padding: 18px 20px; background: #fff; border: 1px solid var(--s3-lin); border-radius: var(--s3-radie); }
.s3-ruta--gul { background: var(--s3-gul-ljus); border-color: #f1d79d; }
.s3-ruta--gron { background: var(--s3-gron-ljus); border-color: #b9dcc8; }
.s3-ruta--rod { background: var(--s3-rod-ljus); border-color: #efc4be; }
.s3-ruta__titel { display: block; font-family: var(--s3-rubrik); font-weight: 700; font-size: 1.08rem; margin: 0 0 8px; }
.s3-ruta p:last-child, .s3-ruta ul:last-child, .s3-ruta ol:last-child { margin-bottom: 0; }

/* Steg med ritad bild */
.s3-steg { counter-reset: steg; list-style: none; padding: 0 !important; margin: 1.4em 0; display: grid; gap: 10px; }
.s3-steg > li { counter-increment: steg; position: relative; padding: 14px 16px 14px 62px; background: #fff; border: 1px solid var(--s3-lin); border-radius: 14px; margin: 0; }
.s3-steg > li::before { content: counter(steg); position: absolute; left: 14px; top: 13px; width: 34px; height: 36px; border-radius: 7px; border: 2px solid var(--s3-ink); background: #fff; display: flex; align-items: center; justify-content: center; font-family: var(--s3-rubrik); font-weight: 700; padding-top: 6px; box-shadow: inset 0 7px 0 var(--s3-rod); }
.s3-steg > li::marker { content: none; }

/* Skärmbild från källan */
.s3-kallbild img { box-shadow: var(--s3-skugga); }

/* Videoklipp */
.s3-video { position: relative; aspect-ratio: 16 / 9; margin: 1.6em 0 .4em; border-radius: 14px; overflow: hidden; background: var(--s3-ink); }
.s3-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Vanliga frågor */
.s3-faq { margin: 1em 0 1.6em; display: grid; gap: 10px; }
.s3-faq h3 { margin: 0 0 6px; font-size: 1.1rem; }
.s3-faq > div { background: #fff; border: 1px solid var(--s3-lin); border-radius: 14px; padding: 16px 18px; }
.s3-faq p:last-child { margin-bottom: 0; }

/* Läs vidare i slutet av artikeln */
.s3-lankbox { margin: 2.2em 0 0; padding: 18px 20px; background: var(--s3-ink); color: #fff; border-radius: var(--s3-radie); }
.s3-lankbox .s3-ruta__titel { color: #fff; }
.s3-lankbox ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px; }
.s3-lankbox li { margin: 0; }
.s3-lankbox a { display: block; padding: 10px 12px; border-radius: 10px; background: #243240; color: #fff; text-decoration: none; font-weight: 600; font-size: .95rem; line-height: 1.3; }
.s3-lankbox a:hover { background: var(--s3-rod); color: #fff; }

/* Internal Link Juicers länkar i texten ska se ut som vanliga länkar */
.s3-innehall a.ilj-link { font-weight: 600; }

/* Temats egna listor i texten behåller sin egen form */
.s3-innehall .s3-marken, .s3-innehall .s3-lglista, .s3-innehall .s3-idag__lista, .s3-innehall .s3-remsa__forklaring, .s3-innehall .s3-staplar__lista, .s3-innehall .s3-staplar__forklaring, .s3-innehall .s3-bstaplar__lista, .s3-innehall .s3-bstaplar__forklaring, .s3-innehall .s3-kalkyl__forklaring, .s3-innehall .s3-lankbox ul, .s3-innehall .s3-faq { padding-left: 0; }
.s3-innehall .s3-marken li, .s3-innehall .s3-lglista > li, .s3-innehall .s3-idag__lista li, .s3-innehall .s3-staplar__lista li, .s3-innehall .s3-bstaplar__lista li { margin: 0; }
.s3-innehall .s3-lglista > li::marker, .s3-innehall .s3-marken li::marker { content: none; }