/* fto-komponenterna: rutor, tabeller, frågor och källor i innehållet. Flyttade hit från Extra CSS i det tidigare temat. */
:root{
--fto-brand: #258d6b;
--fto-brand-dark: #185944;
--fto-brand-soft: #ebf7f3;
--fto-on-brand: #ffffff;
--fto-text: #1a2230;
--fto-muted: #5b6675;
--fto-border: #e2e8f0;
--fto-surface: #ffffff;
--fto-surface-alt: #f7f9fb;
--fto-radius: 12px;
--fto-radius-sm: 8px;
--fto-maxw: 860px;
--fto-info: #0056b3; --fto-info-bg: #f0f7ff; --fto-info-tx: #003366;
--fto-warn: #d9534f; --fto-warn-bg: #fff5f5; --fto-warn-tx: #912d2b;
--fto-ok: #28a745; --fto-ok-bg: #f0fdf4; --fto-ok-tx: #166534;
--fto-tip: #198754; --fto-tip-bg: #ecfdf3; --fto-tip-tx: #14532d;
--fto-note: #f59e0b; --fto-note-bg: #fff8e1; --fto-note-tx: #78350f;
--fto-mark: "›";
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] :is(
.fto-intro,.fto-korthet,.fto-snabbfakta,.fto-info,.fto-warn,.fto-tip,.fto-note,
.fto-pris,.fto-kort,.fto-pros,.fto-cons,.fto-steg,.fto-checklista,.fto-faq,
.fto-forfattare,.fto-affiliate,.fto-disclaimer,.fto-kallor,
.fto-tabell,.fto-granskad,.fto-relaterat,.fto-krysslista,.fto-tidslinje,.fto-svg-wrap
){ box-sizing:border-box; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-intro{
font-size:1.12em; line-height:1.6; color:var(--fto-text);
font-weight:600; margin:0 0 1.4em;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-korthet{
background:var(--fto-brand-soft); border-left:5px solid var(--fto-brand);
border-radius:var(--fto-radius); padding:18px 22px; margin:22px 0;
max-width:var(--fto-maxw);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-korthet strong:first-child{
display:block; color:var(--fto-brand-dark); font-size:1.05em; margin-bottom:6px;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-korthet p{ margin:0; line-height:1.6; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-snabbfakta{
background:var(--fto-surface-alt); border:1px solid var(--fto-border);
border-radius:var(--fto-radius); padding:18px 22px; margin:22px 0;
max-width:var(--fto-maxw);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-snabbfakta strong:first-child{
display:block; color:var(--fto-brand-dark); margin-bottom:8px;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-snabbfakta ul{ margin:0; padding-left:0; list-style:none; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-snabbfakta li{
position:relative; padding:5px 0 5px 36px; margin-left:0; line-height:1.5; border-bottom:1px solid var(--fto-border);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-snabbfakta li:last-child{ border-bottom:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-snabbfakta li::before{
content:var(--fto-mark); position:absolute; left:0; top:5px; width:28px; text-align:right; color:var(--fto-brand); font-weight:700;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] :is(.fto-info,.fto-warn,.fto-tip,.fto-note){
border-radius:var(--fto-radius); padding:16px 22px; margin:20px 0;
max-width:var(--fto-maxw); line-height:1.6;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] :is(.fto-info,.fto-warn,.fto-tip,.fto-note) > strong:first-child,
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] :is(.fto-info,.fto-warn,.fto-tip,.fto-note) .fto-box-titel{
display:block; font-weight:700; margin-bottom:6px;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] :is(.fto-info,.fto-warn,.fto-tip,.fto-note) p{ margin:0 0 .5em; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] :is(.fto-info,.fto-warn,.fto-tip,.fto-note) p:last-child{ margin:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-info{ background:var(--fto-info-bg); border-left:5px solid var(--fto-info); color:var(--fto-info-tx); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-warn{ background:var(--fto-warn-bg); border-left:5px solid var(--fto-warn); color:var(--fto-warn-tx); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-tip{ background:var(--fto-tip-bg); border-left:5px solid var(--fto-tip); color:var(--fto-tip-tx); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-note{ background:var(--fto-note-bg); border-left:5px solid var(--fto-note); color:var(--fto-note-tx); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-etikett{
display:block; width:fit-content; max-width:100%; background:var(--fto-warn); color:#fff;
font-size:.72em; font-weight:700; letter-spacing:.04em; padding:3px 10px; margin:0 0 8px;
border-radius:var(--fto-etikett-radius,12px); text-transform:var(--fto-etikett-transform,none);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-pris{
border:1px solid var(--fto-border); border-radius:var(--fto-radius);
overflow:hidden; margin:22px 0; max-width:100%; background:var(--fto-surface);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-pris-topp{
background:var(--fto-brand); color:var(--fto-on-brand); padding:16px 20px;
display:flex; flex-direction:column; gap:2px;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-pris-label{ font-size:.85em; opacity:.85; text-transform:uppercase; letter-spacing:.04em; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-pris-belopp{ font-size:1.6em; font-weight:800; line-height:1.1; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-pris-rad{
display:flex; justify-content:space-between; gap:12px; padding:10px 20px;
border-top:1px solid var(--fto-border);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-pris-rad span:last-child{ font-weight:600; color:var(--fto-text); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-kort-grid{
display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:14px; margin:22px 0;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-kort{
background:var(--fto-surface); border:1px solid var(--fto-border);
border-top:3px solid var(--fto-brand); border-radius:var(--fto-radius-sm);
padding:16px 18px;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-kort h3,
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-kort h4{ margin:0 0 6px; font-size:1.05em; color:var(--fto-brand-dark); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-kort p{ margin:0; line-height:1.55; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-pros-cons{
display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:22px 0;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] :is(.fto-pros,.fto-cons){
border-radius:var(--fto-radius-sm); padding:16px 18px 16px 20px; border:1px solid var(--fto-border);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-pros{ background:var(--fto-ok-bg); border-left:5px solid var(--fto-ok); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-cons{ background:var(--fto-warn-bg); border-left:5px solid var(--fto-warn); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] :is(.fto-pros,.fto-cons) > strong:first-child{ display:block; margin-bottom:8px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-pros > strong:first-child{ color:var(--fto-ok-tx); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-cons > strong:first-child{ color:var(--fto-warn-tx); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] :is(.fto-pros,.fto-cons) ul{ margin:0; padding-left:0; list-style:none; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] :is(.fto-pros,.fto-cons) li{ position:relative; padding:4px 0 4px 30px; margin-left:0; line-height:1.5; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] :is(.fto-pros,.fto-cons) li::before{ position:absolute; left:2px; top:4px; width:22px; text-align:left; font-weight:700; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-pros li::before{ content:"✓"; color:var(--fto-ok); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-cons li::before{ content:"✕"; color:var(--fto-warn); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] ol.fto-steg{ counter-reset:fs; list-style:none; padding:0; margin:22px 0; max-width:var(--fto-maxw); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] ol.fto-steg li{
counter-increment:fs; position:relative; padding:12px 16px 12px 56px; margin-bottom:10px;
background:var(--fto-surface); border:1px solid var(--fto-border); border-radius:var(--fto-radius-sm); line-height:1.5;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] ol.fto-steg li::before{
content:counter(fs); position:absolute; left:14px; top:50%; transform:translateY(-50%);
width:28px; height:28px; background:var(--fto-brand); color:var(--fto-on-brand);
border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.9em;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] ul.fto-checklista{ list-style:none; padding:0; margin:18px 0; max-width:var(--fto-maxw); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] ul.fto-checklista li{ position:relative; padding:6px 0 6px 30px; line-height:1.55; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] ul.fto-checklista li::before{
content:"✓"; position:absolute; left:0; top:6px; width:20px; height:20px; background:var(--fto-ok-bg);
color:var(--fto-ok); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.8em; font-weight:700;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-tabell{ overflow-x:auto; -webkit-overflow-scrolling:touch; margin:22px 0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-tabell table{
width:100%; min-width:560px; border-collapse:collapse; background:var(--fto-surface);
border:1px solid var(--fto-border);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-tabell thead tr{ background:var(--fto-brand); color:var(--fto-on-brand); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-tabell th{ text-align:left; font-weight:600; padding:11px 13px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-tabell td{ padding:11px 13px; border-top:1px solid var(--fto-border); line-height:1.45; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-tabell tbody tr:nth-child(even){ background:var(--fto-surface-alt); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-faq{ margin:22px 0; max-width:var(--fto-maxw); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-faq h3{
font-weight:700; font-size:1.1em; color:var(--fto-brand-dark); margin:0; padding:14px 0 6px; border-top:1px solid var(--fto-border); line-height:1.3;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-faq h3:first-child{ border-top:0; padding-top:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-faq p{ margin:0 0 6px; line-height:1.6; color:var(--fto-text); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-faq dt{ font-weight:700; color:var(--fto-brand-dark); padding:14px 0 6px; border-top:1px solid var(--fto-border); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-faq dt:first-child{ border-top:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-faq dd{ margin:0 0 6px; line-height:1.6; color:var(--fto-text); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-forfattare{
background:var(--fto-surface-alt); border:1px solid var(--fto-border);
border-radius:var(--fto-radius); padding:22px 26px; margin:24px 0; max-width:var(--fto-maxw);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-forfattare h3{ margin:0 0 4px; font-size:1.2em; color:var(--fto-text); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-forfattare .fto-roll{ color:var(--fto-brand); font-weight:600; font-size:.9em; margin-bottom:10px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-forfattare p{ margin:0 0 .6em; color:var(--fto-muted); line-height:1.6; font-size:.95em; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-granskad{
background:var(--fto-ok-bg); border-left:5px solid var(--fto-ok); border-radius:var(--fto-radius-sm);
padding:12px 18px; margin:16px 0; font-size:.9em; color:var(--fto-ok-tx); line-height:1.5; max-width:var(--fto-maxw);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] :is(.fto-affiliate,.fto-disclaimer){
border-radius:var(--fto-radius-sm); padding:12px 18px; margin:14px 0; font-size:.8em;
line-height:1.5; font-style:italic; max-width:var(--fto-maxw);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-affiliate{ background:#fafafa; border-left:3px solid #cbd5e1; color:#6b7280; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-disclaimer{ background:var(--fto-note-bg); border-left:3px solid var(--fto-note); color:var(--fto-note-tx); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] :is(.fto-affiliate,.fto-disclaimer) strong{ font-style:normal; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-kallor{
background:var(--fto-surface-alt); border:1px solid var(--fto-border); border-radius:var(--fto-radius);
padding:18px 24px; margin:24px 0; max-width:var(--fto-maxw);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-kallor h2{ font-size:1.1em; margin:0 0 10px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-kallor ul{ margin:0; padding-left:18px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-kallor li{ font-size:.88em; color:var(--fto-muted); line-height:1.5; margin-bottom:4px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-kallor p{ font-size:.88em; color:var(--fto-muted); line-height:1.5; margin:0 0 8px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-relaterat{ margin:22px 0; max-width:var(--fto-maxw); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-relaterat-rad{
display:flex; align-items:center; justify-content:space-between; gap:14px;
padding:15px 0; border-bottom:1px solid var(--fto-border);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-relaterat-rad:last-child{ border-bottom:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-relaterat-titel{ font-size:1.02em; color:var(--fto-text); margin-bottom:2px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-relaterat-text{ font-size:.88em; color:var(--fto-muted); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-cta{
white-space:nowrap; border:1px solid var(--fto-brand); color:var(--fto-brand);
font-weight:600; font-size:.88em; padding:8px 16px; border-radius:var(--fto-radius-sm);
text-decoration:none; display:inline-block;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-cta:hover{ background:var(--fto-brand); color:var(--fto-on-brand); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] ul.fto-krysslista{ list-style:none; padding:0; margin:18px 0; max-width:var(--fto-maxw); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] ul.fto-krysslista li{ position:relative; padding:6px 0 6px 30px; line-height:1.55; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] ul.fto-krysslista li::before{
content:"✕"; position:absolute; left:0; top:6px; width:20px; height:20px; background:var(--fto-warn-bg);
color:var(--fto-warn); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.8em; font-weight:700;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-tidslinje{ position:relative; margin:22px 0; padding-left:26px; max-width:var(--fto-maxw); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-tidslinje::before{ content:""; position:absolute; left:7px; top:6px; bottom:6px; width:2px; background:var(--fto-border); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-tidslinje-item{ position:relative; padding:0 0 16px 4px; line-height:1.55; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-tidslinje-item:last-child{ padding-bottom:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-tidslinje-item::before{
content:""; position:absolute; left:-26px; top:5px; width:11px; height:11px; border-radius:50%;
background:var(--fto-brand); box-shadow:0 0 0 3px var(--fto-surface);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-tidslinje-item strong{ color:var(--fto-brand-dark); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-badge{
display:inline-block; font-size:.74em; font-weight:700; letter-spacing:.02em; padding:2px 9px;
border-radius:11px; background:var(--fto-brand-soft); color:var(--fto-brand-dark); vertical-align:middle;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] :is(.fto-badge-green,.fto-badge-yes){ background:var(--fto-ok-bg); color:var(--fto-ok-tx); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] :is(.fto-badge-red,.fto-badge-no){ background:var(--fto-warn-bg); color:var(--fto-warn-tx); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-badge-yellow{ background:var(--fto-note-bg); color:var(--fto-note-tx); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-svg-wrap{ margin:22px 0; text-align:center; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-svg-wrap svg{ max-width:380px; width:100%; height:auto; }

:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-nyckeltal{
display:flex; flex-direction:column; align-items:flex-start; gap:2px; margin:24px 0;
padding:18px 22px; background:var(--fto-brand-soft); border-left:var(--fto-accent-w,4px) solid var(--fto-brand);
border-radius:var(--fto-radius,12px); max-width:var(--fto-maxw);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-nyckeltal-tal{
font-size:2.4em; font-weight:800; line-height:1; color:var(--fto-brand-dark);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-nyckeltal-etikett{
font-size:.78em; font-weight:700; letter-spacing:.04em; color:var(--fto-brand-dark);
text-transform:var(--fto-etikett-transform,none);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-nyckeltal-kontext{ font-size:.92em; color:var(--fto-muted); line-height:1.5; }

:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-begrepp{
margin:22px 0; padding:14px 18px; background:var(--fto-info-bg); border:1px solid var(--fto-info-bd,var(--fto-info-tx));
border-radius:var(--fto-radius-sm,10px); max-width:var(--fto-maxw); line-height:1.55;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-begrepp-term{
display:block; font-weight:700; color:var(--fto-info-tx); margin-bottom:3px;
}

:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-omdome{
margin:24px 0; padding:0; border:1px solid var(--fto-border); border-radius:var(--fto-radius,12px);
overflow:hidden; background:var(--fto-surface); max-width:var(--fto-maxw); box-shadow:var(--fto-shadow, 0 1px 2px rgba(0,0,0,.04));
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-omdome-topp{
display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap;
padding:14px 18px; background:var(--fto-brand); color:var(--fto-on-brand);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-omdome-titel{ font-weight:800; font-size:1.1em; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-omdome-betyg{ font-weight:800; font-size:1.25em; white-space:nowrap; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-omdome-stjarnor{ color:#f5b301; letter-spacing:2px; font-size:1.05em; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-omdome-kropp{ padding:14px 18px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-omdome-bast{
display:block; font-size:.82em; font-weight:700; letter-spacing:.03em; color:var(--fto-brand-dark);
text-transform:var(--fto-etikett-transform,none); margin-bottom:8px;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-omdome-listor{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:10px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-omdome-listor ul{ list-style:none; margin:0; padding:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-omdome-listor li{ position:relative; padding:4px 0 4px 30px; margin-left:0; line-height:1.5; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-omdome-plus li::before{ content:"+"; position:absolute; left:2px; top:4px; width:22px; text-align:left; font-weight:800; color:var(--fto-ok-tx); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-omdome-minus li::before{ content:"\2212"; position:absolute; left:2px; top:4px; width:22px; text-align:left; font-weight:800; color:var(--fto-warn-tx); }

:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-passar{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:24px 0; max-width:var(--fto-maxw); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-passar-ja,
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-passar-nej{ padding:16px 18px; border-radius:var(--fto-radius-sm,10px); border:1px solid var(--fto-border); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-passar-ja{ background:var(--fto-ok-bg); border-color:var(--fto-ok-bd,var(--fto-border)); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-passar-nej{ background:var(--fto-warn-bg); border-color:var(--fto-warn-bd,var(--fto-border)); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-passar strong{ display:block; margin-bottom:8px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-passar ul{ list-style:none; margin:0; padding:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-passar li{ position:relative; padding:4px 0 4px 30px; margin-left:0; line-height:1.5; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-passar-ja li::before{ content:"\2713"; position:absolute; left:2px; top:4px; width:22px; text-align:left; font-weight:800; color:var(--fto-ok-tx); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-passar-nej li::before{ content:"\2715"; position:absolute; left:2px; top:4px; width:22px; text-align:left; font-weight:800; color:var(--fto-warn-tx); }

:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] details.fto-fall{
margin:18px 0; border:1px solid var(--fto-border); border-radius:var(--fto-radius-sm,10px);
background:var(--fto-surface); max-width:var(--fto-maxw); overflow:hidden;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] details.fto-fall>summary{
cursor:pointer; padding:13px 18px; font-weight:700; color:var(--fto-brand-dark);
list-style:none; display:flex; justify-content:space-between; align-items:center; gap:10px;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] details.fto-fall>summary::-webkit-details-marker{ display:none; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] details.fto-fall>summary::after{ content:"+"; font-size:1.3em; font-weight:800; color:var(--fto-muted); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] details.fto-fall[open]>summary::after{ content:"\2212"; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] details.fto-fall>summary+*{ margin-top:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] details.fto-fall :is(p,ul,ol,div){ padding:0 18px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] details.fto-fall>*:last-child{ padding-bottom:14px; }
@media (max-width:680px){
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-omdome-listor{ grid-template-columns:1fr; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-passar{ grid-template-columns:1fr; }

:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-pros-cons{ grid-template-columns:1fr; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-relaterat-rad{ flex-direction:column; align-items:flex-start; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-pris{ max-width:100%; }
}
@media (max-width:600px){
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-tabell{ overflow:visible; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-tabell table{ min-width:0; border:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-tabell thead{ display:none; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-tabell tbody tr{
display:block; margin:0 0 14px; border:1px solid var(--fto-border);
border-radius:var(--fto-radius-sm); overflow:hidden; background:var(--fto-surface);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-tabell tbody tr:nth-child(even){ background:var(--fto-surface); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-tabell td{
display:block; padding:10px 14px; border-top:1px solid var(--fto-border);
text-align:left; line-height:1.5; overflow-wrap:anywhere;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-tabell td::before{
content:attr(data-label); display:block; font-weight:600; color:var(--fto-muted);
text-align:left; font-size:.82em; letter-spacing:.02em; margin-bottom:2px;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-tabell td:first-child{
text-align:left; background:var(--fto-brand); color:var(--fto-on-brand);
font-weight:700; border-top:0;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-tabell td:first-child::before{ content:none; }
}

:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] table:not([class*="fto-"]){
width:100%; border-collapse:collapse; margin:22px 0; background:var(--fto-surface);
border:1px solid var(--fto-border); font-size:.96em; border-radius:var(--fto-radius-sm); overflow:hidden;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] table:not([class*="fto-"]) thead tr,
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] table:not([class*="fto-"]):not(:has(thead)) tr:first-child{ background:var(--fto-brand); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] table:not([class*="fto-"]) thead th,
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] table:not([class*="fto-"]) thead td,
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] table:not([class*="fto-"]):not(:has(thead)) tr:first-child th,
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] table:not([class*="fto-"]):not(:has(thead)) tr:first-child td{
text-align:left; font-weight:600; padding:11px 13px; border:0; color:#ffffff !important; background:transparent;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] table:not([class*="fto-"]) td{ padding:10px 13px; border-top:1px solid var(--fto-border); line-height:1.5; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] table:not([class*="fto-"]) tbody tr:nth-child(even){ background:var(--fto-surface-alt); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-tabell table{ border-radius:0; overflow:visible; margin:0; font-size:inherit; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .wp-block-table{ overflow-x:auto; -webkit-overflow-scrolling:touch; margin:22px 0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .wp-block-table table{ margin:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] ul:not([class*="fto-"]):not([class*="fto-"] *),
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] ol:not([class*="fto-"]):not([class*="fto-"] *){ padding-left:24px; margin:14px 0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] ul:not([class*="fto-"]):not([class*="fto-"] *) li,
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] ol:not([class*="fto-"]):not([class*="fto-"] *) li{ padding:3px 0 3px 4px; line-height:1.6; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] ul:not([class*="fto-"]):not([class*="fto-"] *) li::marker{ color:var(--fto-brand); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] ol:not([class*="fto-"]):not([class*="fto-"] *) li::marker{ color:var(--fto-brand); font-weight:700; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] :is(.fto-info,.fto-warn,.fto-tip,.fto-note,.fto-korthet) ul:not([class*="fto-"]),
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] :is(.fto-info,.fto-warn,.fto-tip,.fto-note,.fto-korthet) ol:not([class*="fto-"]){ padding-left:22px; margin:8px 0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] blockquote:not([class*="fto-"]){
margin:22px 0; padding:14px 22px; background:var(--fto-surface-alt); border-left:4px solid var(--fto-brand);
border-radius:var(--fto-radius-sm); font-style:italic; color:var(--fto-text); max-width:var(--fto-maxw);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] blockquote:not([class*="fto-"]) p{ margin:0 0 .5em; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] blockquote:not([class*="fto-"]) p:last-child{ margin:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] blockquote:not([class*="fto-"]) cite{ display:block; margin-top:8px; font-size:.88em; color:var(--fto-muted); font-style:normal; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] img:not([class*="fto-"]){ border-radius:var(--fto-radius-sm); max-width:100%; height:auto; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] figure{ margin:22px 0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] figcaption{ margin-top:8px; font-size:.86em; color:var(--fto-muted); text-align:center; line-height:1.5; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] a:not(.fto-cta):not([class*="button"]):not(.wp-block-button__link){
color:var(--fto-brand); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:2px;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] a:not(.fto-cta):not([class*="button"]):not(.wp-block-button__link):hover{ color:var(--fto-brand-dark); text-decoration-thickness:2px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] :is(.fto-pris-topp,.fto-omdome-topp,.fto-tabell thead,.fto-tabell td:first-child,table:not([class*="fto-"]) thead) a:not(.fto-cta):not([class*="button"]):not(.wp-block-button__link){ color:var(--fto-on-brand); text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:3px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] :is(.fto-pris-topp,.fto-omdome-topp,.fto-tabell thead,.fto-tabell td:first-child,table:not([class*="fto-"]) thead) a:not(.fto-cta):not([class*="button"]):not(.wp-block-button__link):hover{ color:var(--fto-brand-soft); text-decoration-thickness:2px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] h2:not([class*="fto-"]):not([class*="fto-"] *){ margin:2em 0 .6em; font-size:1.55em; line-height:1.25; color:var(--fto-text); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] h3:not([class*="fto-"]):not([class*="fto-"] *){ margin:1.6em 0 .5em; font-size:1.25em; line-height:1.3; color:var(--fto-text); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] h4:not([class*="fto-"]):not([class*="fto-"] *){ margin:1.4em 0 .4em; font-size:1.08em; line-height:1.35; color:var(--fto-text); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] code:not([class*="fto-"]){ background:var(--fto-surface-alt); padding:1px 6px; border-radius:4px; font-size:.92em; color:var(--fto-brand-dark); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] pre:not([class*="fto-"]){ background:var(--fto-surface-alt); border:1px solid var(--fto-border); border-radius:var(--fto-radius-sm); padding:14px 18px; overflow-x:auto; margin:18px 0; line-height:1.5; font-size:.92em; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] pre:not([class*="fto-"]) code{ background:none; padding:0; color:inherit; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] hr:not([class*="fto-"]){ border:0; border-top:1px solid var(--fto-border); margin:32px 0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] dl:not([class*="fto-"]){ margin:18px 0; max-width:var(--fto-maxw); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] dl:not([class*="fto-"]) dt{ font-weight:700; color:var(--fto-brand-dark); margin-top:10px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] dl:not([class*="fto-"]) dd{ margin:0 0 6px 16px; line-height:1.6; }
@media (max-width:600px){
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] table:not([class*="fto-"]):not(.wp-block-table table){ display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; }
}

:root{
  --fto-etikett-radius: 3px; --fto-etikett-transform: uppercase;
  --fto-radius: 14px;
  --fto-radius-sm: 10px;
  --fto-head-weight: 700;
  --fto-head-tracking: -0.01em;
  --fto-body-line: 1.7;
  --fto-accent-w: 5px;
  --fto-shadow: 0 1px 2px rgba(0,0,0,.04);
}

:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] :is(h2,h3,h4){ font-weight: var(--fto-head-weight); letter-spacing: var(--fto-head-tracking); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] p{ line-height: var(--fto-body-line); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] :is(.fto-korthet,.fto-snabbfakta,.fto-info,.fto-warn,.fto-tip,.fto-note,.fto-pris,.fto-forfattare,.fto-kallor,.fto-disclaimer,.fto-affiliate,.fto-granskad){ border-radius: var(--fto-radius); box-shadow: var(--fto-shadow); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] :is(.fto-kort,.fto-pros,.fto-cons,.fto-pris,.fto-tabell tbody tr){ border-radius: var(--fto-radius-sm); }

:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] :is(.fto-korthet,.fto-snabbfakta,.fto-info,.fto-warn,.fto-tip,.fto-note){ padding:22px 26px; margin:26px 0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] .fto-pris-rad{ padding:13px 22px; }

:root{
  --fto-head-font: Rockwell, "Rockwell Nova", "Roboto Slab", "DejaVu Serif", "Sitka Small", "Bookman Old Style", serif;
  --fto-body-font: "Helvetica Neue", "Arial Nova", Helvetica, Arial, system-ui, sans-serif;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] { font-family: var(--fto-body-font); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] :is(h2,h3,h4){ font-family: var(--fto-head-font); }

:root{
--fto-info:#34508f; --fto-info-bg:#eef0f7; --fto-info-tx:#21335c;
--fto-warn:#a93226; --fto-warn-bg:#f8efed; --fto-warn-tx:#6e2019;
--fto-ok:#1e7d5a; --fto-ok-bg:#ecf5f1; --fto-ok-tx:#14543b;
--fto-tip:#1e7d5a; --fto-tip-bg:#ecf5f1; --fto-tip-tx:#14543b;
--fto-note:#b8860b; --fto-note-bg:#f8f1df; --fto-note-tx:#5f470a;
--fto-surface-alt:#f6f6fa; --fto-border:#e3e2ec;
--fto-mark:"◆";
}

:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] h2{ padding-bottom:.35em; border-bottom:1px solid var(--fto-border); }

:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] ol.fto-steg{ counter-reset:fs; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] ol.fto-steg li::before{ content:'STEG 'counter(fs,decimal-leading-zero); width:auto; height:auto; padding:4px 10px; border-radius:4px; font-size:.72em; line-height:1.25; letter-spacing:.06em; left:14px; top:14px; transform:none; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content,.cm-entry-summary,.post-single-content)[class][class] ol.fto-steg li{ padding:48px 16px 16px 18px; }