/* Fjällen 1.1.1: gemensam design ovanpå Blocksy.
   Höj FJ_VERSION i functions.php när den här filen ändras. */
:root{--fj-natt:#122430;--fj-natt2:#1d3b4d;--fj-berg:#2b6076;--fj-berg2:#3f88a6;--fj-is:#8fc9dd;--fj-snd:#f5f9fa;--fj-sten:#59696f;--fj-stenlj:#e6eef0;--fj-linje:#d7e2e6;--fj-lav:#b9cf4a;--fj-lav2:#cfe06a;--fj-hjortron:#e39a35;--fj-rost:#b0492f;--fj-text:#14242c;--fj-svag:#56676e;--fj-o1:#0072B2;--fj-o2:#E69F00;--fj-o3:#009E73;--fj-o4:#CC79A7;--fj-o5:#D55E00;--fj-font:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--fj-serif:Georgia,'Times New Roman',serif}
html{overflow-x:hidden}
@supports (overflow:clip){html{overflow-x:clip}}
body.fj-site{background:var(--fj-snd);color:var(--fj-text);font:17px/1.75 var(--fj-font);-webkit-font-smoothing:antialiased;--theme-font-family:var(--fj-font);--theme-text-color:var(--fj-text);--theme-heading-color:var(--fj-natt);--theme-link-initial-color:var(--fj-berg);--theme-link-hover-color:var(--fj-natt);--theme-content-width:1200px;--theme-normal-container-max-width:1200px;--theme-narrow-container-max-width:1200px;--theme-wide-offset:0px;--theme-content-spacing:1.25em}
.fj-site *{box-sizing:border-box}
.fj-site #main-container>main{padding:0;min-height:48vh}
.fj-site #main-container{overflow:clip}
.fj-wide{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.fj-site a{color:var(--fj-berg);text-underline-offset:3px;text-decoration-thickness:1px}
.fj-site a:hover{color:var(--fj-natt)}
.fj-site img{max-width:100%;height:auto}
.fj-site button,.fj-site input,.fj-site select,.fj-site textarea{font:inherit}
.fj-site [hidden]{display:none!important}
.fj-site :focus-visible{outline:3px solid var(--fj-berg2);outline-offset:3px}
.fj-site h1,.fj-site h2,.fj-site h3,.fj-site h4{color:var(--fj-natt);line-height:1.2;overflow-wrap:break-word}
.fj-site h1{font:600 clamp(2.1rem,4.2vw,3.2rem)/1.08 var(--fj-serif);letter-spacing:-.025em;margin:0 0 .4em}
.fj-site h2{font:600 clamp(1.5rem,2.8vw,2.05rem)/1.2 var(--fj-serif);margin:1.6em 0 .6em}
.fj-site h3{font:650 1.24rem/1.35 var(--fj-font);margin:1.6em 0 .6em}
.fj-site p{margin:0 0 1.25em}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* Blocksys egen sidrubrik dyker upp om någon mall utanför childtemat ritar den. */
body.fj-shell .hero-section,body.fj-shell .entry-header,body.fj-shell .page-title{display:none!important}
/* Vinjetten. Blocksys byggare kan väljas i Anpassa. */
.fj-header{background:#fff;border-top:5px solid var(--fj-natt);border-bottom:1px solid var(--fj-linje);position:relative;z-index:20}
.fj-masthead{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.fj-masthead-tagline{font-size:12px;color:var(--fj-svag);max-width:210px;line-height:1.6;text-align:right}
.fj-brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none!important;color:var(--fj-natt)!important;flex-shrink:0}
.fj-brand img{width:46px;height:46px;flex-shrink:0;border-radius:7px}
.fj-brand-name{display:block;font:700 40px/1 var(--fj-serif);letter-spacing:-1.4px}
.fj-brand-sub{display:block;font:400 10px/1.4 var(--fj-font);letter-spacing:.16em;text-transform:uppercase;color:var(--fj-svag);margin-top:7px}
.fj-masthead .custom-logo-link{display:inline-flex;max-width:380px}
.fj-masthead .custom-logo{display:block;max-height:80px;width:auto;height:auto;object-fit:contain}
.fj-navigation{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--fj-linje);padding:4px 0}
.fj-menu,.fj-menu ul{list-style:none;padding:0;margin:0}
.fj-menu{display:flex;align-items:center;flex-wrap:wrap;gap:4px 28px;font:600 13.5px/1.5 var(--fj-font)}
.fj-menu li{position:relative;margin:0}
.fj-menu a{display:inline-block;padding:13px 0;text-decoration:none;color:var(--fj-natt)}
.fj-menu a:hover,.fj-menu a[aria-current=page],.fj-menu .current-menu-item>a{color:var(--fj-berg);text-decoration:underline;text-underline-offset:7px}
.fj-menu .sub-menu{position:absolute;top:100%;left:0;min-width:228px;padding:10px;background:#fff;border:1px solid var(--fj-linje);border-radius:10px;box-shadow:0 14px 28px #12243014;z-index:30}
.fj-menu .sub-menu a{padding:8px 12px;width:100%}
.fj-menu .sub-menu .sub-menu{position:static;min-width:0;box-shadow:none;border:0;border-left:1px solid var(--fj-linje);border-radius:0;padding:0 0 0 10px;margin-left:10px}
.fj-menu li>.sub-menu{display:none}
.fj-menu li:hover>.sub-menu,.fj-menu li:focus-within>.sub-menu{display:block}
.fj-js .fj-menu li>.sub-menu{display:none}
.fj-js .fj-menu li.fj-sub-open>.sub-menu{display:block}
.fj-sub-toggle{border:0!important;background:none!important;color:var(--fj-berg)!important;padding:8px!important;margin-left:2px;min-width:30px;min-height:38px}
.fj-header-search{display:flex;align-items:center;width:236px;flex-shrink:0;border-left:1px solid var(--fj-linje);padding-left:18px}
.fj-header-search input{min-width:0;width:100%;height:38px;border:0!important;background:transparent!important;color:var(--fj-text);font-size:12.5px!important;padding:7px 0!important}
.fj-header-search button{display:grid;place-items:center;border:0;background:transparent;color:var(--fj-natt);padding:10px;min-height:38px;min-width:38px}
.fj-menu-toggle{border:1px solid var(--fj-linje);border-radius:8px;background:transparent;color:var(--fj-natt);padding:9px 13px;white-space:nowrap;min-height:40px}
.fj-menu-icon{margin-right:5px}
.fj-site .fj-menu a>.ct-toggle-dropdown-desktop{display:none}
/* Listor och kort. */
.fj-news-heading{padding:40px 0 24px;display:flex;justify-content:space-between;align-items:end;gap:50px}
.fj-eyebrow{font:600 10px/1.5 var(--fj-font);letter-spacing:.12em;text-transform:uppercase;color:var(--fj-berg);margin:0 0 12px!important}
.fj-news-heading h1{font-size:clamp(1.9rem,3.4vw,2.5rem);max-width:680px;margin:0}
.fj-news-heading>p{font-size:13.5px;line-height:1.75;max-width:320px;color:var(--fj-svag);margin:0}
.fj-topic-bar{background:var(--fj-natt);color:#fff;display:flex;align-items:center;flex-wrap:wrap;gap:22px;padding:12px 20px;border-radius:12px;margin-bottom:30px;font-size:11.5px}
.fj-topic-bar>span{color:var(--fj-lav2);letter-spacing:.08em;text-transform:uppercase;border-right:1px solid #ffffff30;padding-right:22px;font-weight:600}
.fj-topic-bar ul{display:flex;flex-wrap:wrap;gap:10px 26px;list-style:none;padding:0;margin:0}
.fj-topic-bar li{margin:0}
.fj-topic-bar a{color:#fff;text-decoration:none}
.fj-topic-bar a:hover,.fj-topic-bar a[aria-current=page]{color:var(--fj-lav2);text-decoration:underline}
.fj-listing{padding-bottom:62px}
.fj-lead-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:24px 32px;align-items:start}
.fj-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.fj-card{display:flex;flex-direction:column;min-width:0;background:transparent;border-bottom:1px solid var(--fj-linje);padding-bottom:20px}
.fj-card-image{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--fj-stenlj);border-radius:12px}
.fj-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.fj-card-image:hover img{transform:scale(1.02)}
.fj-card-body{display:flex;flex-direction:column;flex:1;padding-top:16px;min-width:0}
.fj-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--fj-svag);font-size:10.5px;line-height:1.6;margin-bottom:11px}
.fj-category{font:650 10.5px/1.6 var(--fj-font);letter-spacing:.04em;text-transform:uppercase;color:var(--fj-berg)!important;text-decoration:none}
.fj-category:hover{text-decoration:underline}
.fj-card h2{font:600 24px/1.2 var(--fj-serif);letter-spacing:-.02em;margin:0 0 11px}
.fj-card h2 a{color:var(--fj-natt);text-decoration:none}
.fj-card h2 a:hover{color:var(--fj-berg)}
.fj-card-body>p{font-size:13.5px;line-height:1.75;color:var(--fj-svag);margin:0 0 16px}
.fj-read-link{margin-top:auto;display:flex;justify-content:space-between;gap:15px;font-size:11.5px;font-weight:600;text-decoration:none;color:var(--fj-berg)}
.fj-read-link span{font-size:18px;line-height:1}
.fj-card-featured{grid-row:span 2}
.fj-card-featured .fj-card-image{aspect-ratio:16/9}
.fj-card-featured h2{font-size:clamp(1.6rem,3vw,2.15rem);line-height:1.14}
.fj-card-featured .fj-card-body>p{font-size:14.5px}
.fj-card-side{display:grid;grid-template-columns:1fr 125px;gap:18px;border-bottom:1px solid var(--fj-linje);padding-bottom:22px}
.fj-card-side .fj-card-image{grid-column:2;grid-row:1;width:125px;aspect-ratio:1}
.fj-card-side .fj-card-body{grid-column:1;grid-row:1;padding-top:0}
.fj-card-side h2{font-size:21px}
.fj-card-side .fj-card-body>p{font-size:12.5px;margin-bottom:12px}
.fj-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 0 22px}
.fj-section-head h2{font:600 24px/1.3 var(--fj-serif);margin:0}
.fj-section-head>span{font-size:11.5px;color:var(--fj-svag)}
.fj-site .pagination{margin-top:34px}
.fj-site .pagination .nav-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.fj-site .page-numbers{padding:8px 15px;border:1px solid var(--fj-linje);border-radius:8px;text-decoration:none}
.fj-site .page-numbers.current{background:var(--fj-natt);color:#fff}
/* Artikelvyn. */
.fj-article-head{padding-top:44px;margin-bottom:30px}
.fj-article-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-bottom:20px;font-size:11.5px;color:var(--fj-svag)}
.fj-article-kicker>a:not(.fj-category){text-decoration:none;color:var(--fj-svag)}
.fj-meta{font-size:11.5px;color:var(--fj-svag);display:flex;flex-wrap:wrap;gap:6px 22px;padding:16px 0;border-top:1px solid var(--fj-linje);border-bottom:1px solid var(--fj-linje)}
.fj-featured{margin:0 0 32px}
.fj-featured-image{display:block;width:100%;height:auto;border-radius:12px}
.fj-featured figcaption,.fj-entry-content figcaption{font-size:12.5px;color:var(--fj-svag);margin:10px 0 0}
.fj-entry-full{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.fj-article-shell{margin:0}
.fj-entry-content{padding-bottom:30px}
.fj-entry-full{padding-bottom:0}
.fj-entry-content:after{content:'';display:table;clear:both}
.fj-site .fj-entry-content:not(.fj-entry-full)>p:first-child{font-size:1.1em;color:var(--fj-natt2)}
.fj-entry-content ul,.fj-entry-content ol{padding-left:1.4em;margin:0 0 1.4em}
.fj-entry-content li{margin:0 0 .45em}
.fj-entry-content li::marker{color:var(--fj-berg)}
.fj-entry-content blockquote{border-left:3px solid var(--fj-berg);margin:2em 0;padding:12px 24px;background:var(--fj-stenlj);border-radius:0 10px 10px 0}
.fj-entry-content blockquote p:last-child{margin-bottom:0}
.fj-entry-content .aligncenter{display:block;margin:1.8em auto}
.fj-entry-content .alignleft{float:left;margin:0 24px 20px 0;max-width:48%}
.fj-entry-content .alignright{float:right;margin:0 0 20px 24px;max-width:48%}
.fj-entry-content pre{overflow:auto;padding:20px;background:var(--fj-stenlj);border-radius:10px}
.fj-entry-content iframe,.fj-entry-content video{max-width:100%}
.fj-entry-content iframe[src*="youtube"],.fj-entry-content iframe[src*="vimeo"]{height:auto;aspect-ratio:16/9;width:100%}
.fj-tags{font-size:12.5px}
.fj-article-bottom{padding-bottom:18px}
.fj-post-nav{margin-bottom:44px;padding:26px 0;border-block:1px solid var(--fj-linje)}
.fj-post-nav .nav-links{display:flex;justify-content:space-between;gap:25px}
.fj-post-nav .nav-links>div{flex:1;min-width:230px;max-width:550px}
.fj-post-nav .nav-next{text-align:right;margin-left:auto}
.fj-post-nav a{display:block;color:var(--fj-natt);font-size:16px;text-decoration:none;line-height:1.5;font-weight:550}
.fj-post-nav a>span{display:block;font-size:10.5px;color:var(--fj-svag);font-weight:400;margin-bottom:7px}
/* Tabeller som skriptet tar hand om. Designsystemets fj-tab lämnas orörd. */
.fj-table-wrap,.fj-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.7em 0;border:1px solid var(--fj-linje);border-radius:12px}
.fj-table-wrap table,.fj-table-scroll table{margin:0!important}
.fj-entry-content table:not(.fj-tab){border-collapse:collapse;width:100%;font-size:15px;background:#fff}
.fj-entry-content table:not(.fj-tab) th,.fj-entry-content table:not(.fj-tab) td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--fj-linje);vertical-align:top}
.fj-entry-content table:not(.fj-tab) th{background:var(--fj-stenlj);color:var(--fj-natt);font-weight:600}
.fj-entry-content table:not(.fj-tab) tr:last-child td{border-bottom:0}
/* Formulär, sök, kommentarer och arkiv. */
.fj-search-form{display:flex;gap:8px;max-width:700px;margin:22px 0}
.fj-search-form input{flex:1;min-width:0;border:1px solid var(--fj-linje);padding:12px 16px;border-radius:8px}
.fj-search-form button,.fj-comments input[type=submit],.fj-site .wp-block-button__link{background:var(--fj-natt);color:#fff;border:1px solid transparent;border-radius:8px;padding:12px 24px}
.fj-comments{margin:30px 0 58px}
.fj-comments textarea,.fj-comments input:not([type=submit]):not([type=checkbox]){border:1px solid var(--fj-linje);border-radius:8px;background:#fff;padding:12px}
.fj-comments textarea{width:100%}
.fj-comments label{display:block}
.fj-comments .comment-form-cookies-consent label{display:inline}
.fj-comments .comment-list{padding-left:0;list-style:none}
.fj-comments .comment-body{padding:24px 0;border-bottom:1px solid var(--fj-linje)}
.fj-archive-head{padding:52px 0 36px}
.fj-archive-description{color:var(--fj-svag);font-size:16px}
.fj-empty{padding:25px 0 68px}
.fj-error{padding-top:72px;min-height:55vh}
/* Sidfoten. Menyerna har egna klasser för att inte ärva Blocksys vågräta .menu. */
.fj-footer{background:var(--fj-natt);color:#c6d8e0;border-top:4px solid var(--fj-lav);font-size:13.5px}
.fj-footer a{color:#eaf1f4;text-decoration:none}
.fj-footer a:hover{color:var(--fj-lav2);text-decoration:underline}
.fj-footer-main{padding:52px 0;display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:start;gap:60px}
.fj-footer-about{min-width:0;max-width:100%}
.fj-footer .fj-brand{color:#fff!important}
.fj-footer .fj-brand-sub{color:#a9c4d0}
.fj-footer-about>p{margin:22px 0 0;font-size:13.5px;line-height:1.85;max-width:40ch}
.fj-footer h2{font:600 14px/1.5 var(--fj-font);color:var(--fj-lav2);margin:0 0 16px}
.fj-footer-menus{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:34px;min-width:0}
.fj-footer-links{min-width:0;max-width:100%}
.fj-footer ul{padding:0;list-style:none;margin:0}
.fj-footer li{margin:0}
.fj-footer .fj-footer-links ul,.fj-footer .widget_nav_menu ul{display:block;position:static;float:none;column-count:1;column-width:auto;width:100%;min-width:0;max-width:100%;height:auto;gap:0;transform:none;visibility:visible;opacity:1;background:transparent;border:0;box-shadow:none}
.fj-footer .fj-footer-links li,.fj-footer .widget_nav_menu li{display:block;position:static;float:none;width:100%;min-width:0;max-width:100%;margin:0;padding:0}
.fj-footer .fj-footer-links a,.fj-footer .widget_nav_menu a{display:block;position:static;width:auto;height:auto;min-height:0;padding:6px 0;font:400 13.5px/1.65 var(--fj-font);color:#eaf1f4;white-space:normal;overflow-wrap:anywhere;text-align:left;border:0;background:transparent;box-shadow:none}
.fj-footer .fj-footer-links a:hover,.fj-footer .widget_nav_menu a:hover{color:var(--fj-lav2);text-decoration:underline}
.fj-footer .fj-footer-links a:focus-visible,.fj-footer .widget_nav_menu a:focus-visible{outline:2px solid var(--fj-lav2);outline-offset:3px}
.fj-footer .fj-footer-links ul ul,.fj-footer .widget_nav_menu ul ul{padding-left:15px;margin:2px 0 8px;border-left:1px solid #ffffff25}
.fj-footer .fj-footer-links .ct-toggle-dropdown-desktop,.fj-footer .widget_nav_menu .ct-toggle-dropdown-desktop{display:none}
.fj-footer-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:32px;padding:38px 0;border-bottom:1px solid #ffffff20}
.fj-footer-widgets>div{min-width:0}
.fj-widget+.fj-widget{margin-top:24px}
.fj-widget-title{font:600 14px/1.5 var(--fj-font);color:var(--fj-lav2);margin:0 0 14px}
.fj-footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #ffffff20;padding:22px 0;font-size:11.5px;color:#a9c4d0}
.fj-footer .custom-logo-link{padding:10px;background:#fff;border-radius:8px}
@media(min-width:1101px){.fj-menu-toggle{display:none!important}}
@media(max-width:1100px){
.fj-masthead{min-height:96px;justify-content:flex-start;flex-wrap:wrap;gap:14px}
.fj-masthead-tagline{display:none}
.fj-menu-toggle{margin-left:auto}
.fj-navigation{flex-direction:column;align-items:stretch;gap:14px;padding:14px 0}
.fj-site.fj-js .fj-navigation{display:none}
.fj-site.fj-js .fj-navigation.fj-open{display:flex}
.fj-menu{display:block}
.fj-menu .sub-menu{position:static;min-width:0;box-shadow:none;border:0;border-left:1px solid var(--fj-linje);border-radius:0;padding:0 0 0 15px;margin-bottom:10px}
.fj-header-search{width:100%;max-width:500px;border-left:0;border-top:1px solid var(--fj-linje);padding:10px 0}
.fj-header-search input{font-size:16px!important}
.fj-lead-grid{grid-template-columns:1.3fr 1fr;gap:25px}
.fj-card-side{display:flex;gap:0;flex-direction:column}
.fj-card-side .fj-card-image{width:100%;aspect-ratio:16/8;margin-bottom:15px}
.fj-card-side .fj-card-body>p,.fj-card-side .fj-read-link{display:none}
.fj-card-side h2{font-size:21px;margin:0}
.fj-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.fj-news-heading{gap:28px}
.fj-brand-name{font-size:35px}
.fj-footer-main{grid-template-columns:1fr;gap:34px}
.fj-footer-about{max-width:520px}
.fj-footer-about>p{max-width:55ch}}
@media(max-width:760px){
body.fj-site{font-size:16px}
.fj-wide{width:calc(100% - 40px)}
.fj-masthead{min-height:86px;gap:10px}
.fj-brand{gap:9px}
.fj-brand-name{font-size:28px;letter-spacing:-1px}
.fj-brand img{width:34px;height:34px}
.fj-brand-sub{font-size:8.5px;letter-spacing:.1em;margin-top:5px}
.fj-menu-toggle{font-size:12px;padding:7px 10px;min-height:38px}
.fj-masthead .custom-logo{max-height:60px}
.fj-news-heading{display:block;padding:26px 0 20px}
.fj-news-heading>p{font-size:13.5px;max-width:100%;margin-top:14px}
.fj-topic-bar{gap:10px;padding:13px 16px;margin-bottom:24px}
.fj-topic-bar>span{width:100%;border-right:0;padding:0;font-size:10px}
.fj-topic-bar ul{gap:8px 18px;font-size:11.5px}
.fj-lead-grid,.fj-card-grid{grid-template-columns:1fr;gap:25px}
.fj-card-featured{grid-row:auto}
.fj-card h2{font-size:23px}
.fj-card-side{display:grid;grid-template-columns:1fr 98px;gap:14px}
.fj-card-side .fj-card-image{width:98px;aspect-ratio:1;margin-bottom:0}
.fj-card-side h2{font-size:19px;line-height:1.22}
.fj-section-head{padding:26px 0 18px}
.fj-section-head>span{display:none}
.fj-listing{padding-bottom:44px}
.fj-article-head{padding-top:28px;margin-bottom:22px}
.fj-featured{margin-bottom:24px}
.fj-entry-content .alignleft,.fj-entry-content .alignright{float:none;max-width:100%;display:block;margin:1.5em auto}
.fj-site .fj-table-wrap{border:0;overflow:visible}
.fj-site table.fj-card-table{display:block;background:transparent}
.fj-site table.fj-card-table caption{display:block}
.fj-site table.fj-card-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.fj-site table.fj-card-table tbody{display:block}
.fj-site table.fj-card-table tr{display:block;background:#fff;border:1px solid var(--fj-linje);border-left:3px solid var(--fj-berg);border-radius:0 12px 12px 0;padding:16px 20px;margin:0 0 12px}
.fj-site table.fj-card-table td,.fj-site table.fj-card-table tbody th{display:block;border:0;padding:10px 0;overflow-wrap:anywhere;white-space:normal;background:none}
.fj-site table.fj-card-table td:before,.fj-site table.fj-card-table tbody th:before{content:attr(data-fj-label);display:block;font-size:12px;color:var(--fj-svag);font-weight:600;margin-bottom:3px}
.fj-post-nav .nav-links{display:block}
.fj-post-nav .nav-next{text-align:left;margin-top:20px;margin-left:0}
.fj-archive-head{padding:30px 0 24px}
.fj-footer-main{padding:36px 0;gap:30px}
.fj-footer-menus{grid-template-columns:1fr;gap:26px}
.fj-footer-links{padding-top:22px;border-top:1px solid #ffffff20}
.fj-footer h2{margin-bottom:10px}
.fj-footer .fj-footer-links a,.fj-footer .widget_nav_menu a{font-size:14.5px;padding:7px 0}
.fj-footer .fj-brand-name{font-size:29px}
.fj-footer-widgets{grid-template-columns:1fr;padding:28px 0}
.fj-footer-bottom{font-size:10.5px}
.fj-error{padding-top:44px}}
@media(prefers-reduced-motion:reduce){.fj-site *,.fj-site *:before,.fj-site *:after{transition:none!important;animation:none!important}}
@media print{.fj-header,.fj-footer,.fj-post-nav,.fj-comments,.fj-topic-bar{display:none!important}.fj-site #main-container{overflow:visible}.fj-wide{width:100%}.fj-site details>*{display:block!important}.fj-site a{color:#000!important}}

/* --- Designsystem ---------------------------------------------------- */
.fj-sida{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:var(--fj-snd)!important;color:var(--fj-text)!important;font-size:17px;line-height:1.75;padding:0 0 10px}
body:has(.fj-sida) .entry-header,body:has(.fj-sida) .entry-footer,body:has(.fj-sida) #comments{display:none!important}
.fj-sida p:empty{display:none!important}
.fj-in{max-width:880px;margin:0 auto;padding:0 22px;box-sizing:border-box}
.fj-brett{max-width:1160px;margin:0 auto;padding:0 22px;box-sizing:border-box}
.fj-sida h2,.fj-sida h3,.fj-sida h4{font-family:inherit;color:var(--fj-natt)!important;background:transparent!important;border:0!important;line-height:1.25}
.fj-sida h2{font-size:1.85rem;margin:52px 0 14px}
.fj-sida h3{font-size:1.22rem;margin:30px 0 10px}
.fj-sida p{margin:0 0 18px}
.fj-sida code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;background:var(--fj-stenlj)!important;color:var(--fj-natt)!important;padding:2px 6px;border-radius:5px;overflow-wrap:anywhere}
.fj-sida ul,.fj-sida ol,.fj-sida li{background:transparent!important;border:0!important}
.fj-sida a{color:var(--fj-berg)!important;text-decoration:underline!important;text-decoration-thickness:1px;text-underline-offset:2px}
.fj-sida a:hover{color:var(--fj-natt)!important}
.fj-hero{background:linear-gradient(160deg,#0d1c26 0%,#1d3b4d 55%,#2b6076 100%);color:#eef6f9!important;padding:64px 0 58px;margin:0 0 0}
.fj-hero h1{color:#fff!important;background:transparent!important;border:0!important;font-family:inherit;font-size:3.1rem;line-height:1.06;margin:14px 0 18px;letter-spacing:-.02em}
.fj-hero p{color:#d5e6ee!important;font-size:1.2rem;max-width:660px;margin:0}
.fj-markewrap{margin:0 0 4px}
.fj-marke{display:inline-block;background:rgba(207,224,106,.16)!important;color:var(--fj-lav2)!important;border:1px solid rgba(207,224,106,.5);border-radius:999px;padding:7px 16px;font-size:.79rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;text-decoration:none!important}
.fj-hero a,.fj-hero a:visited{color:#a9dcf0!important;text-decoration-color:rgba(169,220,240,.65)!important}
.fj-hero a:hover{color:#fff!important;text-decoration-color:#fff!important}
/* Hjaltebilden. Fotot ligger som ett eget band under rubriktexten, inte
   bakom den. Kontrasten blir da oberoende av hur ljust fotot ar, vilket
   den inte kan bli med en overlagring: for att halla 4,5 mot ett ljust
   foto kravs 86 procents tackning, och da syns inte fotot.

   Hojden styrs av aspect-ratio, aldrig av en pixelhojd med tak. Med en
   fast hojd vaxer bilden med skarmbredden medan bandet star stilla, och
   den synliga remsan krymper: vid 2000 px syntes bara 14 till 49 procent
   av bilden mot 12 till 57 procent vid 1440. Personer langt ner i bild
   kapades darfor pa breda skarmar. Med aspect-ratio blir remsan lika stor
   vid varje bredd.

   Bilderna ar 1200x800, alltsa 3:2. Vid 9/4 syns 66,7 procent av bilden.
   Motiven ligger mellan 18,5 och 78 procent av bildhojden, och med
   background-position 45 procent hamnar remsan pa 15 till 81,7 procent.
   Det ger drygt tre procentenheters marginal over huvuden och under
   fotter i samtliga sju bilder. Fokus kan styras per sida med faltet
   fj_bildfokus.

   Bredden har ett tak sa att bandet inte blir orimligt hogt pa breda
   skarmar. Taket foljer den breda innehallsspalten. */
body.fj-har-hjaltebild .fj-hero:after{content:"";display:block;width:calc(100% - 44px);max-width:1160px;aspect-ratio:9/4;margin:44px auto 0;border-radius:14px;background-image:var(--fj-hero-bild);background-repeat:no-repeat;background-size:cover;background-position:var(--fj-hero-fokus,50% 45%);background-color:var(--fj-natt2)}
/* Datum och avsandare pa sidor med sidskalet. Raden ligger mellan heron och
   faktabandet och har samma botten som bandet, sa att de tva lases som en
   enhet i stallet for att bryta flodet mellan tva morka ytor. */
.fj-sidmeta{background:var(--fj-natt2)!important;padding:16px 0 0}
.fj-sidmeta>div{display:flex;flex-wrap:wrap;gap:4px 20px;font-size:12px;color:#9fb6c2!important;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.13)}
.fj-sidmeta time{color:#cfe0e8!important}
.fj-sidmeta a,.fj-sidmeta a:visited{color:#cfe0e8!important;text-decoration:underline;text-decoration-color:rgba(207,224,232,.5)!important}
.fj-sidmeta a:hover{color:#fff!important;text-decoration-color:#fff!important}
.fj-fakta{background:var(--fj-natt2)!important;padding:0}
.fj-fgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.13)}
.fj-fgrid>div{background:var(--fj-natt2)!important;padding:26px 24px;min-width:0}
.fj-fn{display:block;color:#fff!important;font-size:1.42rem;font-weight:700;line-height:1.2;overflow-wrap:anywhere}
.fj-fe{display:block;color:#a9c4d0!important;font-size:.83rem;letter-spacing:.06em;text-transform:uppercase;margin:8px 0 0;line-height:1.45;overflow-wrap:anywhere}
.fj-nav{background:#fff!important;border-bottom:1px solid var(--fj-linje);position:sticky;top:var(--header-sticky-height,0px);z-index:6}
.fj-navrad{display:flex;flex-wrap:wrap;gap:6px;padding:12px 0}
.fj-nav a{display:inline-block;padding:7px 14px;border:1px solid var(--fj-linje);border-radius:999px;font-size:.87rem;color:var(--fj-sten)!important;text-decoration:none!important;background:var(--fj-snd)!important}
.fj-nav a:hover{background:var(--fj-natt)!important;color:#fff!important;border-color:var(--fj-natt)}
.fj-ing{font-size:1.13rem;color:var(--fj-svag)!important}
.fj-kartgrid{display:grid;grid-template-columns:420px 1fr;gap:34px;align-items:start}
.fj-fig{background:#fff!important;border:1px solid var(--fj-linje);border-radius:16px;padding:22px 22px 18px}
.fj-svg{margin:0}
.fj-svg svg{display:block;width:100%;height:auto}
.fj-bt{font-size:.9rem;color:var(--fj-svag)!important;margin:16px 0 0!important;line-height:1.6}
.fj-omrlista{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fj-omr{background:#fff!important;border:1px solid var(--fj-linje);border-left:5px solid var(--fj-berg);border-radius:0 14px 14px 0;padding:24px 26px}
.fj-omr h3{margin:0 0 8px;font-size:1.1rem}
.fj-omr p{font-size:.95rem;margin:0 0 12px}
.fj-omr:nth-child(1){border-left-color:var(--fj-o1)}
.fj-omr:nth-child(2){border-left-color:var(--fj-o2)}
.fj-omr:nth-child(3){border-left-color:var(--fj-o3)}
.fj-omr:nth-child(4){border-left-color:var(--fj-o4)}
.fj-omr:nth-child(5){border-left-color:var(--fj-o5)}
/* Sifferbrickan. Okabe-Ito-fargerna ar for ljusa for vit text i den har
   storleken, sa brickan ar mork och omradesfargen ligger som ring runt om.
   Da halls kontrasten over 4,5 oavsett vilken farg omradet har. */
.fj-nr{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--fj-natt)!important;color:#fff!important;font-size:.85rem;font-weight:700;margin:0 12px 0 3px;vertical-align:2px;box-shadow:0 0 0 3px var(--fj-nrfarg,var(--fj-berg))}
.fj-omr:nth-child(1) .fj-nr{--fj-nrfarg:var(--fj-o1)}
.fj-omr:nth-child(2) .fj-nr{--fj-nrfarg:var(--fj-o2)}
.fj-omr:nth-child(3) .fj-nr{--fj-nrfarg:var(--fj-o3)}
.fj-omr:nth-child(4) .fj-nr{--fj-nrfarg:var(--fj-o4)}
.fj-omr:nth-child(5) .fj-nr{--fj-nrfarg:var(--fj-o5)}
.fj-omr ul{margin:0;padding:0 0 0 19px;font-size:.92rem}
.fj-omr li{margin:0 0 5px;color:var(--fj-svag)!important}
.fj-rad{list-style:none!important;margin:26px 0 0;padding:0!important}
.fj-rad li{display:grid;grid-template-columns:200px 1fr 92px;align-items:center;gap:14px;padding:9px 0;border-bottom:1px solid var(--fj-linje);list-style:none!important}
.fj-rnamn{font-weight:600;font-size:.97rem;overflow-wrap:anywhere;min-width:0}
.fj-rstapel{height:15px;border-radius:8px;background:linear-gradient(90deg,var(--fj-berg),var(--fj-berg2))}
.fj-rvarde{text-align:right;font-variant-numeric:tabular-nums;color:var(--fj-svag)!important;font-size:.94rem}
.fj-tw{overflow-x:auto;margin:26px 0 0;border:1px solid var(--fj-linje);border-radius:14px;background:#fff!important}
.fj-sida table.fj-tab{width:100%;min-width:640px;border:0!important;border-collapse:collapse;background:#fff!important;font-size:.95rem;margin:0}
.fj-sida table.fj-tab th{background:var(--fj-natt)!important;color:#fff!important;text-align:left;padding:15px 18px;font-size:.79rem;letter-spacing:.09em;text-transform:uppercase;border:0!important}
.fj-sida table.fj-tab td{padding:15px 18px;border:0!important;border-top:1px solid var(--fj-linje)!important;vertical-align:top;background:#fff!important}
.fj-sida table.fj-tab tr:nth-child(even) td{background:#fafcfd!important}
.fj-nyckel{background:var(--fj-stenlj)!important;border-left:5px solid var(--fj-hjortron);border-radius:0 14px 14px 0;padding:24px 28px;margin:26px 0 0}
.fj-nyckel p:last-child{margin:0}
.fj-filt,.fj-filt2,.fj-filt3,.fj-filt4{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0;align-items:center}
.fj-filt input,.fj-filt2 input,.fj-filt3 input,.fj-filt4 input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.fj-filt label,.fj-filt2 label,.fj-filt3 label,.fj-filt4 label{display:inline-block;padding:9px 17px;border:1px solid var(--fj-linje);border-radius:999px;font-size:.9rem;cursor:pointer;background:#fff!important;color:var(--fj-sten)!important;user-select:none}
.fj-filt label:hover,.fj-filt2 label:hover,.fj-filt3 label:hover,.fj-filt4 label:hover{border-color:var(--fj-berg2)}
.fj-filt #fjf1:checked~label[for=fjf1],.fj-filt #fjf2:checked~label[for=fjf2],.fj-filt #fjf3:checked~label[for=fjf3],.fj-filt #fjf4:checked~label[for=fjf4]{background:var(--fj-natt)!important;color:#fff!important;border-color:var(--fj-natt)}
.fj-filt:has(#fjf2:checked)~.fj-tw tr[data-s]:not([data-s~="n"]){display:none!important}
.fj-filt:has(#fjf3:checked)~.fj-tw tr[data-s]:not([data-s~="j"]){display:none!important}
.fj-filt:has(#fjf4:checked)~.fj-tw tr[data-s]:not([data-s~="d"]){display:none!important}

/* Anlaggningsvaljaren pa skidsidan. Egna id och egna radattribut, sa att
   ledvaljarens regler ovan aldrig kan trafa den har tabellen. Grupperna
   ligger som syskon fore .fj-tw och kombineras darfor med AND. Urvalen ar
   valda sa att ingen kombination blir tom, vilket gor att sidan inte
   behover nagon tomruta. */
.fj-filt3 #fjo1:checked~label[for=fjo1],.fj-filt3 #fjo2:checked~label[for=fjo2],.fj-filt3 #fjo3:checked~label[for=fjo3],.fj-filt3 #fjo4:checked~label[for=fjo4],.fj-filt3 #fjo5:checked~label[for=fjo5],.fj-filt3 #fjo6:checked~label[for=fjo6]{background:var(--fj-natt)!important;color:#fff!important;border-color:var(--fj-natt)}
.fj-filt3:has(#fjo2:checked)~.fj-tw tr[data-o]:not([data-o~="n"]){display:none!important}
.fj-filt3:has(#fjo3:checked)~.fj-tw tr[data-o]:not([data-o~="v"]){display:none!important}
.fj-filt3:has(#fjo4:checked)~.fj-tw tr[data-o]:not([data-o~="j"]){display:none!important}
.fj-filt3:has(#fjo5:checked)~.fj-tw tr[data-o]:not([data-o~="h"]){display:none!important}
.fj-filt3:has(#fjo6:checked)~.fj-tw tr[data-o]:not([data-o~="d"]){display:none!important}
.fj-filt4 #fjb1:checked~label[for=fjb1],.fj-filt4 #fjb2:checked~label[for=fjb2],.fj-filt4 #fjb3:checked~label[for=fjb3]{background:var(--fj-natt)!important;color:#fff!important;border-color:var(--fj-natt)}
.fj-filt4:has(#fjb2:checked)~.fj-tw tr[data-b]:not([data-b~="u"]){display:none!important}
.fj-filt4:has(#fjb3:checked)~.fj-tw tr[data-b]:not([data-b~="s"]){display:none!important}
.fj-filt4{margin:12px 0 0}
.fj-kort{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0 0}
.fj-kort>div{background:#fff!important;border:1px solid var(--fj-linje);border-radius:14px;padding:24px 26px}
.fj-kort h3{margin:0 0 8px;font-size:1.08rem}
.fj-kort p:last-child{margin:0}
.fj-vet{display:grid;grid-template-columns:1fr 1fr;gap:18px;list-style:none!important;padding:0!important;margin:26px 0 0}
.fj-vet li{list-style:none;background:#fff!important;border:1px solid var(--fj-linje);border-left:4px solid var(--fj-lav);border-radius:0 14px 14px 0;padding:24px 28px}
.fj-vet li strong{display:block;color:var(--fj-natt)!important;font-size:1.03rem;margin:0 0 9px}
.fj-mork{background:var(--fj-natt)!important;color:#dbe8ee!important;padding:46px 0;margin:56px 0 0}
.fj-mork h2,.fj-mork h3{color:#fff!important}
.fj-mork p{color:#c6d8e0!important}
.fj-mork a,.fj-mork a:visited{color:var(--fj-lav)!important;text-decoration:underline!important;text-decoration-color:rgba(185,207,74,.6)!important}
.fj-mork a:hover{color:#fff!important;text-decoration-color:#fff!important}
/* Ljusa komponenter inuti den morka sektionen. Utan de har reglerna arver
   de .fj-mork sin ljusa textfarg och hamnar som ljusgratt pa vitt. */
.fj-mork table.fj-tab td,.fj-mork .fj-nyckel,.fj-mork .fj-nyckel p,
.fj-mork .fj-slut,.fj-mork .fj-slut p,.fj-mork .fj-tomt,.fj-mork .fj-tomt p,
.fj-mork .fj-kort>div,.fj-mork .fj-kort p,.fj-mork .fj-vet li,
.fj-mork .fj-omr,.fj-mork .fj-omr p{color:var(--fj-text)!important}
.fj-mork .fj-omr li{color:var(--fj-svag)!important}
.fj-mork table.fj-tab th,.fj-mork .fj-kort h3{color:#fff!important}
.fj-mork .fj-omr h3{color:var(--fj-natt)!important}
.fj-mork .fj-nyckel strong,.fj-mork .fj-vet li strong{color:var(--fj-natt)!important}
.fj-mork table.fj-tab td a,.fj-mork .fj-nyckel a,.fj-mork .fj-slut a,
.fj-mork .fj-tomt a,.fj-mork .fj-kort a,.fj-mork .fj-vet a,.fj-mork .fj-omr a{color:var(--fj-berg)!important;text-decoration-color:currentColor!important}
.fj-mork table.fj-tab td a:hover,.fj-mork .fj-nyckel a:hover,.fj-mork .fj-slut a:hover,
.fj-mork .fj-tomt a:hover,.fj-mork .fj-kort a:hover,.fj-mork .fj-vet a:hover,.fj-mork .fj-omr a:hover{color:var(--fj-natt)!important}
.fj-mork table.fj-tab td::before{color:var(--fj-svag)!important}
.fj-lavin{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0 0;list-style:none!important;padding:0!important}
.fj-lavin li{list-style:none;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:18px 20px;color:#e6f0f4!important;font-size:.95rem}
.fj-steg{counter-reset:fjs;list-style:none!important;padding:0!important;margin:26px 0 0}
.fj-steg li{list-style:none;position:relative;padding:0 0 0 52px;margin:0 0 18px}
.fj-steg li:before{counter-increment:fjs;content:counter(fjs);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:var(--fj-berg)!important;color:#fff!important;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem}
.fj-faq{margin:26px 0 0}
.fj-faq details{background:#fff!important;border:1px solid var(--fj-linje);border-radius:12px;margin:0 0 10px;padding:0}
.fj-faq summary{cursor:pointer;padding:19px 24px;font-weight:600;color:var(--fj-natt)!important;background:#fff!important;list-style:none;border-radius:12px}
.fj-faq summary::-webkit-details-marker{display:none}
.fj-faq summary:before{content:"+";color:var(--fj-rost)!important;font-weight:700;margin:0 12px 0 0}
.fj-faq details[open] summary:before{content:"\2212"}
.fj-sv{padding:0 24px 20px;color:var(--fj-svag)!important}
.fj-sv p:last-child{margin:0}
.fj-kall{font-size:.92rem;color:var(--fj-svag)!important;margin:26px 0 0;padding:0 0 0 20px}
.fj-kall li{margin:0 0 9px;overflow-wrap:anywhere}
.fj-slut{background:#fff!important;border:1px solid var(--fj-linje);border-radius:16px;padding:28px 30px;margin:34px 0 0}
.fj-slut p:last-child{margin:0}
/* Kontaktformuläret. Pluginet renderar sin egen markup, så reglerna nedan
   är skrivna mot elementtyp och inte mot pluginets klassnamn. Utan dem slår
   .fj-sida-reglernas !important igenom på p, label, ul och li inne i
   formuläret. Pluginets egen stilmall ligger kvar och sköter resten. */
.fj-form{background:#fff!important;border:1px solid var(--fj-linje);border-radius:16px;padding:26px 28px;margin:26px 0 0;max-width:620px}
.fj-form p{margin:0 0 16px!important;color:var(--fj-text)!important;background:transparent!important}
.fj-form label{display:block;font-weight:600;color:var(--fj-natt)!important;margin:0 0 6px;font-size:.95rem}
.fj-form ul,.fj-form ol{margin:0 0 16px!important;padding:0 0 0 20px!important;background:transparent!important}
.fj-form li{margin:0 0 4px!important;background:transparent!important;border:0!important;color:var(--fj-rost)!important}
.fj-form input[type=text],.fj-form input[type=email],.fj-form input[type=tel],.fj-form input[type=url],.fj-form textarea,.fj-form select{display:block;width:100%!important;max-width:100%;box-sizing:border-box;font:inherit;font-size:1rem;color:var(--fj-text);background:#fff;border:1px solid var(--fj-linje);border-radius:10px;padding:11px 13px}
.fj-form textarea{min-height:170px;resize:vertical}
.fj-form input:focus,.fj-form textarea:focus,.fj-form select:focus{outline:2px solid var(--fj-berg2);outline-offset:1px;border-color:var(--fj-berg2)}
.fj-form input[type=submit],.fj-form button[type=submit],.fj-form button{display:inline-block;width:auto;background:var(--fj-natt)!important;color:#fff!important;border:0;border-radius:999px;padding:13px 30px;font:inherit;font-weight:700;font-size:1rem;cursor:pointer}
.fj-form input[type=submit]:hover,.fj-form button:hover{background:var(--fj-berg)!important}
.fj-form input[type=checkbox],.fj-form input[type=radio]{width:auto!important;display:inline-block;margin:0 8px 0 0}
.fj-form .form-group,.fj-form .form-row{margin:0 0 16px}
.fj-form small,.fj-form .help-block{display:block;color:var(--fj-svag)!important;font-size:.88rem;margin:6px 0 0}
/* Fält som pluginet göder åt spamrobotar ska aldrig synas för besökaren. */
.fj-form input[name*=honeypot],.fj-form .cscf-hp,.fj-form .hp{position:absolute!important;left:-9999px!important}
@media (max-width:760px){
.fj-sidmeta>div{gap:3px 14px;font-size:11.5px}.fj-form{padding:20px}.fj-form input[type=submit],.fj-form button[type=submit]{width:100%}}
.fj-fot{border-top:1px solid var(--fj-linje);margin:46px 0 0;padding:24px 0 8px;font-size:.87rem;color:var(--fj-svag)!important}
@media (max-width:1000px){
.fj-kartgrid{grid-template-columns:1fr;gap:24px}
.fj-fig{max-width:520px;margin:0 auto}
.fj-omrlista{grid-template-columns:1fr 1fr}
.fj-fgrid{grid-template-columns:repeat(2,1fr)}
.fj-lavin{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
.fj-sida{font-size:16px}
.fj-nav{position:static}
.fj-hero{padding:44px 0 40px}
body.fj-har-hjaltebild .fj-hero:after{width:calc(100% - 36px);aspect-ratio:3/2;margin:30px auto 0}
.fj-hero h1{font-size:2.25rem}
.fj-hero p{font-size:1.06rem}
.fj-sida h2{font-size:1.5rem;margin:40px 0 12px}
.fj-in,.fj-brett{padding:0 18px}
.fj-fig{padding:18px}
.fj-svg svg{max-width:430px;margin:0 auto}
.fj-omrlista,.fj-kort,.fj-vet{grid-template-columns:1fr}
.fj-lavin{grid-template-columns:1fr}
.fj-omr,.fj-kort>div,.fj-vet li,.fj-nyckel,.fj-slut{padding:20px}
.fj-fgrid>div{padding:20px 16px}
.fj-fn{font-size:1.25rem}
.fj-rad li{grid-template-columns:1fr;gap:5px;padding:11px 0}
.fj-rvarde{text-align:left}
}
/* Tabeller blir kort redan vid 900 px, så de aldrig hamnar i ett smalt
   spann där de måste rullas i sidled. */
@media (max-width:900px){
.fj-tw{overflow-x:visible;border:0!important;background:transparent!important;border-radius:0}
.fj-sida table.fj-tab{min-width:0;display:block;width:100%;font-size:1em}
.fj-sida table.fj-tab thead{display:none}
.fj-sida table.fj-tab tbody{display:block}
.fj-sida table.fj-tab tr{display:block;background:#fff!important;border:1px solid var(--fj-linje)!important;border-left:4px solid var(--fj-berg)!important;border-radius:0 12px 12px 0;padding:16px 20px 18px;margin:0 0 12px}
.fj-sida table.fj-tab tr:nth-child(even) td{background:transparent!important}
.fj-sida table.fj-tab td{display:block;border:0!important;background:transparent!important;padding:11px 0 0;line-height:1.55}
.fj-sida table.fj-tab td:first-child{padding:0;font-size:1.1em;font-weight:700;color:var(--fj-natt)!important;line-height:1.3}
.fj-sida table.fj-tab td::before{content:attr(data-e);display:block;font-size:.72em;letter-spacing:.1em;text-transform:uppercase;color:var(--fj-svag)!important;font-weight:700;margin:0 0 3px}
.fj-sida table.fj-tab td:first-child::before{display:none}
.fj-sida table.fj-tab td:empty{display:none}}

/* Ledvaljaren pa /leder/. Andra filtergruppen ar oberoende av den
   forsta: bada ligger som syskon fore .fj-tw, sa reglerna kombineras. */
.fj-filt2{margin:12px 0 0}
/* Sorterbara tabeller. Knappraden byggs av theme.js, sa reglerna galler
   bara nar JavaScript ar pa. Samma pillerform som filtergrupperna. Raden
   behovs aven pa mobil, dar tabellhuvudet ar dolt och kolumnrubrikerna
   darfor inte gar att klicka pa. Trianglarna ritas med border i stallet
   for ett tecken, sa att de inte beror pa vilket typsnitt som laddas. */
.fj-sortgrupp{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;align-items:center}
.fj-sortk{display:inline-flex;align-items:center;gap:7px;padding:9px 17px;border:1px solid var(--fj-linje);border-radius:999px;font:inherit;font-size:.9rem;line-height:1.2;cursor:pointer;background:#fff!important;color:var(--fj-sten)!important}
.fj-sortk:hover{border-color:var(--fj-berg2)}
.fj-sortk.fj-vald{background:var(--fj-natt)!important;color:#fff!important;border-color:var(--fj-natt)}
.fj-sortk.fj-stig::after,.fj-sortk.fj-fall::after{content:"";width:0;height:0;border-left:4.5px solid transparent;border-right:4.5px solid transparent}
.fj-sortk.fj-stig::after{border-bottom:6px solid currentColor}
.fj-sortk.fj-fall::after{border-top:6px solid currentColor}
.fj-thk{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:left}
.fj-sida table.fj-tab th.fj-sorterad .fj-thk::after{content:"";width:0;height:0;border-left:4.5px solid transparent;border-right:4.5px solid transparent;border-bottom:6px solid currentColor}
.fj-sida table.fj-tab th.fj-sorterad.fj-fall .fj-thk::after{border-bottom:0;border-top:6px solid currentColor}
.fj-sortk:focus-visible,.fj-thk:focus-visible{outline:3px solid var(--fj-hjortron);outline-offset:2px}
.fj-fgrupp{display:block;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--fj-svag)!important;margin:22px 0 0}
.fj-filt2 #fjg1:checked~label[for=fjg1],.fj-filt2 #fjg2:checked~label[for=fjg2],.fj-filt2 #fjg3:checked~label[for=fjg3],.fj-filt2 #fjg4:checked~label[for=fjg4]{background:var(--fj-natt)!important;color:#fff!important;border-color:var(--fj-natt)}
.fj-filt2:has(#fjg2:checked)~.fj-tw tr[data-l]:not([data-l~="k"]){display:none!important}
.fj-filt2:has(#fjg3:checked)~.fj-tw tr[data-l]:not([data-l~="m"]){display:none!important}
.fj-filt2:has(#fjg4:checked)~.fj-tw tr[data-l]:not([data-l~="l"]){display:none!important}
/* Tomt resultat. De tre kombinationer som saknar rader far en egen text
   i stallet for en tom tabellruta. Rent CSS, ingen JavaScript. */
.fj-tomt{display:none;background:var(--fj-stenlj)!important;border-left:5px solid var(--fj-hjortron);border-radius:0 14px 14px 0;padding:24px 28px;margin:26px 0 0}
.fj-tomt p:last-child{margin:0}
.fj-filt:has(#fjf2:checked)~.fj-filt2:has(#fjg2:checked)~.fj-tomt,
.fj-filt:has(#fjf3:checked)~.fj-filt2:has(#fjg4:checked)~.fj-tomt,
.fj-filt:has(#fjf4:checked)~.fj-filt2:has(#fjg4:checked)~.fj-tomt{display:block}
.fj-filt:has(#fjf2:checked)~.fj-filt2:has(#fjg2:checked)~.fj-tw,
.fj-filt:has(#fjf3:checked)~.fj-filt2:has(#fjg4:checked)~.fj-tw,
.fj-filt:has(#fjf4:checked)~.fj-filt2:has(#fjg4:checked)~.fj-tw{display:none}
/* Hojdprofil och andra figurer som star ensamma i textspalten */
.fj-figbred{background:#fff!important;border:1px solid var(--fj-linje);border-radius:16px;padding:22px 22px 18px;margin:26px 0 0}
.fj-figbred svg{display:block;width:100%;height:auto}
.fj-figbred .fj-bt{margin:16px 0 0!important}