.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body.elementor-page-3086:not(.elementor-motion-effects-element-type-background), body.elementor-page-3086 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFAF6;}/* Start custom CSS *//*
 * CSS-undantag: single-post-featured-image-internals
 * Syfte: Låter den dynamiska utvalda bilden fylla artikelherons bildyta utan deformation.
 * Omfattning: Endast Theme Post Featured Image-widgeten i Single Post-mallen.
 * Begränsning i Elementor: Widgetens interna wrappers kan inte styras fullt ut från Atomic-förälderns bildkontroller.
 * Kan tas bort när: Theme Post Featured Image exponerar height och object-fit native i Atomic.
 */
body.elementor-page-3086 .sju-single-post-image { position:absolute; inset:0; display:block; width:100%; height:100%; }
body.elementor-page-3086 .sju-single-post-image .elementor-widget-container,
body.elementor-page-3086 .sju-single-post-image a,
body.elementor-page-3086 .sju-single-post-image img { display:block; width:100%; height:100%; }
body.elementor-page-3086 .sju-single-post-image img { object-fit:cover; object-position:center; }

/*
 * CSS-undantag: single-post-dynamic-text-bridge
 * Syfte: Nollställer bryggwidgetarnas interna marginaler så Atomic-föräldrarna äger typografi och rytm.
 * Omfattning: Endast registrerade dynamiska text- och rubrikbryggor i Single Post-mallen.
 * Begränsning i Elementor: Klassiska dynamiska widgets lägger till interna wrappers med egna standardmarginaler.
 * Kan tas bort när: Atomic kan rendera posttitel, metadata och excerpt direkt.
 */
body.elementor-page-3086 .sju-aktuellt-dynamic-text,
body.elementor-page-3086 .sju-aktuellt-dynamic-text .elementor-widget-container,
body.elementor-page-3086 .sju-aktuellt-dynamic-text p,
body.elementor-page-3086 .sju-aktuellt-dynamic-heading,
body.elementor-page-3086 .sju-aktuellt-dynamic-heading .elementor-widget-container,
body.elementor-page-3086 .sju-aktuellt-dynamic-heading .elementor-heading-title { margin:0; color:inherit; font:inherit; line-height:inherit; letter-spacing:inherit; text-transform:inherit; }

/*
 * CSS-undantag: single-post-content-internals
 * Syfte: Ger WordPress-inläggets fria redaktionella innehåll en konsekvent och läsbar artikeltypografi.
 * Omfattning: Endast innehållet som Theme Post Content renderar i Single Post-mallen.
 * Begränsning i Elementor: Theme Post Content kan inte ge alla nästlade block, rubriker, listor, citat och bilder separata native regler.
 * Kan tas bort när: Elementor erbjuder blocknivåkontroller för Theme Post Content.
 */
body.elementor-page-3086 .sju-single-post-content-widget { color:rgba(43,37,33,.84); font-family:Manrope; font-size:18px; line-height:1.82; }
body.elementor-page-3086 .sju-single-post-content-widget > .elementor-widget-container > :first-child { margin-top:0; }
body.elementor-page-3086 .sju-single-post-content-widget > .elementor-widget-container > :last-child { margin-bottom:0; }
body.elementor-page-3086 .sju-single-post-content-widget h2,
body.elementor-page-3086 .sju-single-post-content-widget h3,
body.elementor-page-3086 .sju-single-post-content-widget h4 { margin:1.7em 0 .55em; color:var(--color-ink); font-family:Newsreader; font-weight:400; line-height:1.08; letter-spacing:-.035em; }
body.elementor-page-3086 .sju-single-post-content-widget h2 { font-size:clamp(38px,4vw,56px); }
body.elementor-page-3086 .sju-single-post-content-widget h3 { font-size:clamp(30px,3vw,42px); }
body.elementor-page-3086 .sju-single-post-content-widget p,
body.elementor-page-3086 .sju-single-post-content-widget ul,
body.elementor-page-3086 .sju-single-post-content-widget ol,
body.elementor-page-3086 .sju-single-post-content-widget blockquote { margin:0 0 1.45em; }
body.elementor-page-3086 .sju-single-post-content-widget a { color:var(--color-forest); text-decoration:underline; text-underline-offset:4px; }
body.elementor-page-3086 .sju-single-post-content-widget img { max-width:100%; height:auto; }
body.elementor-page-3086 .sju-single-post-content-widget blockquote { padding:4px 0 4px 28px; border-left:3px solid var(--color-sage); color:var(--color-brown); font-family:Newsreader; font-size:1.35em; font-style:italic; line-height:1.45; }

/*
 * CSS-undantag: single-post-parent-state-icon
 * Syfte: Flyttar pilen mjukt när den omslutande navigationslänken aktiveras.
 * Omfattning: Endast tillbaka- och fortsättningslänkarna i Single Post-mallen.
 * Begränsning i Elementor: Atomic 4.2 saknar föräldrastyrd hover- och fokusvariant för en barnikon.
 * Kan tas bort när: Atomic kan koppla förälderns interaktionstillstånd till barnets transform native.
 */
body.elementor-page-3086 .sju-single-post-back:hover .e-svg,
body.elementor-page-3086 .sju-single-post-back:focus-visible .e-svg { transform:translateX(-3px) rotate(180deg); }
body.elementor-page-3086 .sju-single-post-return-link:hover .e-svg,
body.elementor-page-3086 .sju-single-post-return-link:focus-visible .e-svg { transform:translateX(3px); }

/*
 * CSS-undantag: single-post-reduced-motion
 * Syfte: Tar bort icke-nödvändiga pilförflyttningar när besökaren föredrar minskad rörelse.
 * Omfattning: Single Post-mallens navigationslänkar.
 * Begränsning i Elementor: Atomic 4.2 saknar prefers-reduced-motion-variant.
 * Kan tas bort när: Atomic stöder reducerad rörelse native.
 */
@media (prefers-reduced-motion: reduce) {
 body.elementor-page-3086 .sju-single-post-back,
 body.elementor-page-3086 .sju-single-post-return-link,
 body.elementor-page-3086 .e-svg { transition-duration:0s !important; }
 body.elementor-page-3086 .sju-single-post-back:hover .e-svg,
 body.elementor-page-3086 .sju-single-post-back:focus-visible .e-svg { transform:rotate(180deg); }
 body.elementor-page-3086 .sju-single-post-return-link:hover .e-svg,
 body.elementor-page-3086 .sju-single-post-return-link:focus-visible .e-svg { transform:none; }
}/* End custom CSS */