/* Ettlån: stilarna för artikelrutorna i sajtens texter (ett-klasserna), flyttade från Anpassa > Ytterligare CSS och anpassade till temats färger. */

/* Grundtypografi i texten */
.et-text { font-size: 1.0625rem; }
.et-text > * { max-width: 100%; }
.et-text h2 { font-size: clamp(1.5rem, 1.2rem + 1.2vw, 1.9rem); margin: 2.1em 0 .6em; scroll-margin-top: 16px; }
.et-text h3 { font-size: 1.25rem; margin: 1.6em 0 .5em; }
.et-text h4 { font-size: 1.08rem; margin: 1.4em 0 .4em; }
.et-text p { margin: 0 0 1.05em; }
.et-text ul, .et-text ol { margin: 0 0 1.2em; padding-left: 1.3em; }
.et-text li { margin: .35em 0; }
.et-text img { border-radius: var(--et-radie-liten, 9px); }
.et-text figure { margin: 1.6em 0; }
.et-text figcaption, .et-text .wp-caption-text { font-size: .88rem; color: #5a6173; margin-top: 8px; }
.et-text .wp-caption { max-width: 100%; }
.et-text .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.et-text table { width: 100%; border-collapse: collapse; margin: 1.4em 0; background: #fff; font-size: .96rem; }
.et-text th, .et-text td { border-bottom: 1px solid #e1e6ef; padding: 10px 12px; text-align: left; vertical-align: top; }
.et-text thead th { background: #16244f; color: #fff; }
.et-text blockquote { margin: 1.4em 0; padding: 4px 0 4px 18px; border-left: 4px solid #e5603e; color: #33394a; }
.et-text iframe { max-width: 100%; }
@media (max-width: 700px) {
	.et-text table:not(.et-betygstabell) thead { display: none; }
	.et-text table:not(.et-betygstabell), .et-text table:not(.et-betygstabell) tbody, .et-text table:not(.et-betygstabell) tr, .et-text table:not(.et-betygstabell) th, .et-text table:not(.et-betygstabell) td { display: block; width: 100%; }
	.et-text table:not(.et-betygstabell) tr { border: 1px solid #e1e6ef; border-radius: 12px; margin-bottom: 12px; padding: 6px 0; background: #fff; }
	.et-text table:not(.et-betygstabell) th, .et-text table:not(.et-betygstabell) td { border: 0; padding: 6px 14px; }
	.et-text table:not(.et-betygstabell) td[data-label]::before { content: attr(data-label); display: block; font-size: .82rem; color: #5a6173; }
}


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

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

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

/* --- Passar dig om / passar inte om --- */
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .ett-passar{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:24px 0; max-width:var(--ett-maxw); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .ett-passar-ja,
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .ett-passar-nej{ padding:16px 18px; border-radius:var(--ett-radius-sm,10px); border:1px solid var(--ett-border); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .ett-passar-ja{ background:var(--ett-ok-bg); border-color:var(--ett-ok-bd,var(--ett-border)); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .ett-passar-nej{ background:var(--ett-warn-bg); border-color:var(--ett-warn-bd,var(--ett-border)); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .ett-passar strong{ display:block; margin-bottom:8px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .ett-passar ul{ list-style:none; margin:0; padding:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .ett-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)[class][class] .ett-passar-ja li::before{ content:"\2713"; position:absolute; left:2px; top:4px; width:22px; text-align:left; font-weight:800; color:var(--ett-ok-tx); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .ett-passar-nej li::before{ content:"\2715"; position:absolute; left:2px; top:4px; width:22px; text-align:left; font-weight:800; color:var(--ett-warn-tx); }

/* --- Hopfällbart avsnitt (details/summary, ingen JS) --- */
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] details.ett-fall{
margin:18px 0; border:1px solid var(--ett-border); border-radius:var(--ett-radius-sm,10px);
background:var(--ett-surface); max-width:var(--ett-maxw); overflow:hidden;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] details.ett-fall>summary{
cursor:pointer; padding:13px 18px; font-weight:700; color:var(--ett-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)[class][class] details.ett-fall>summary::-webkit-details-marker{ display:none; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] details.ett-fall>summary::after{ content:"+"; font-size:1.3em; font-weight:800; color:var(--ett-muted); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] details.ett-fall[open]>summary::after{ content:"\2212"; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] details.ett-fall>summary+*{ margin-top:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] details.ett-fall :is(p,ul,ol,div){ padding:0 18px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] details.ett-fall>*:last-child{ padding-bottom:14px; }
@media (max-width:680px){
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .ett-omdome-listor{ grid-template-columns:1fr; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .ett-passar{ grid-template-columns:1fr; }

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

/* =========================================================================
   UNIVERSELLA FÖRBÄTTRINGAR, stylar ALLT standardinnehåll i .entry-content
   så gamla inlägg/sidor lyfts utan omarbetning. Träffar alla standardelement
   oavsett klass men exkluderar ett-komponenterna via :not([class*="ett-"])
   (täcker även Gutenberg-block som wp-block-table). Genereras alltid.
   ========================================================================= */
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] table:not([class*="ett-"]){
width:100%; border-collapse:collapse; margin:22px 0; background:var(--ett-surface);
border:1px solid var(--ett-border); font-size:.96em; border-radius:var(--ett-radius-sm); overflow:hidden;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] table:not([class*="ett-"]) thead tr,
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] table:not([class*="ett-"]):not(:has(thead)) tr:first-child{ background:var(--ett-brand); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] table:not([class*="ett-"]) thead th,
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] table:not([class*="ett-"]) thead td,
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] table:not([class*="ett-"]):not(:has(thead)) tr:first-child th,
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] table:not([class*="ett-"]):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)[class][class] table:not([class*="ett-"]) td{ padding:10px 13px; border-top:1px solid var(--ett-border); line-height:1.5; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] table:not([class*="ett-"]) tbody tr:nth-child(even){ background:var(--ett-surface-alt); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .ett-tabell table{ border-radius:0; overflow:visible; margin:0; font-size:inherit; }
:is(.entry,.entry-content,.post-content,.wp-block-post-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)[class][class] .wp-block-table table{ margin:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] ul:not([class*="ett-"]):not([class*="ett-"] *):not(.et-korten):not(.et-oversikt):not(.et-topplista *):not(.et-toc *):not(.et-lankar *):not(.et-verktyg *):not(.et-skribent *),
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] ol:not([class*="ett-"]):not([class*="ett-"] *):not(.et-korten):not(.et-oversikt):not(.et-topplista *):not(.et-toc *):not(.et-lankar *):not(.et-verktyg *):not(.et-skribent *){ padding-left:24px; margin:14px 0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] ul:not([class*="ett-"]):not([class*="ett-"] *):not(.et-korten):not(.et-oversikt):not(.et-topplista *):not(.et-toc *):not(.et-lankar *):not(.et-verktyg *):not(.et-skribent *) li,
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] ol:not([class*="ett-"]):not([class*="ett-"] *):not(.et-korten):not(.et-oversikt):not(.et-topplista *):not(.et-toc *):not(.et-lankar *):not(.et-verktyg *):not(.et-skribent *) li{ padding:3px 0 3px 4px; line-height:1.6; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] ul:not([class*="ett-"]):not([class*="ett-"] *):not(.et-korten):not(.et-oversikt):not(.et-topplista *):not(.et-toc *):not(.et-lankar *):not(.et-verktyg *):not(.et-skribent *) li::marker{ color:var(--ett-brand); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] ol:not([class*="ett-"]):not([class*="ett-"] *):not(.et-korten):not(.et-oversikt):not(.et-topplista *):not(.et-toc *):not(.et-lankar *):not(.et-verktyg *):not(.et-skribent *) li::marker{ color:var(--ett-brand); font-weight:700; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.ett-info,.ett-warn,.ett-tip,.ett-note,.ett-korthet) ul:not([class*="ett-"]),
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.ett-info,.ett-warn,.ett-tip,.ett-note,.ett-korthet) ol:not([class*="ett-"]){ padding-left:22px; margin:8px 0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] blockquote:not([class*="ett-"]){
margin:22px 0; padding:14px 22px; background:var(--ett-surface-alt); border-left:4px solid var(--ett-brand);
border-radius:var(--ett-radius-sm); font-style:italic; color:var(--ett-text); max-width:var(--ett-maxw);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] blockquote:not([class*="ett-"]) p{ margin:0 0 .5em; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] blockquote:not([class*="ett-"]) p:last-child{ margin:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] blockquote:not([class*="ett-"]) cite{ display:block; margin-top:8px; font-size:.88em; color:var(--ett-muted); font-style:normal; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] img:not([class*="ett-"]){ border-radius:var(--ett-radius-sm); max-width:100%; height:auto; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] figure{ margin:22px 0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] figcaption{ margin-top:8px; font-size:.86em; color:var(--ett-muted); text-align:center; line-height:1.5; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] a:not(.ett-cta):not([class*="button"]):not(.wp-block-button__link){
color:var(--ett-brand); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:2px;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] a:not(.ett-cta):not([class*="button"]):not(.wp-block-button__link):hover{ color:var(--ett-brand-dark); text-decoration-thickness:2px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.ett-pris-topp,.ett-omdome-topp,.ett-tabell thead,.ett-tabell td:first-child,table:not([class*="ett-"]) thead) a:not(.ett-cta):not([class*="button"]):not(.wp-block-button__link){ color:var(--ett-on-brand); text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:3px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.ett-pris-topp,.ett-omdome-topp,.ett-tabell thead,.ett-tabell td:first-child,table:not([class*="ett-"]) thead) a:not(.ett-cta):not([class*="button"]):not(.wp-block-button__link):hover{ color:var(--ett-brand-soft); text-decoration-thickness:2px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] h2:not([class*="ett-"]):not([class*="ett-"] *):not(.et-korten):not(.et-oversikt):not(.et-topplista *):not(.et-toc *):not(.et-lankar *):not(.et-verktyg *):not(.et-skribent *){ margin:2em 0 .6em; font-size:1.55em; line-height:1.25; color:var(--ett-text); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] h3:not([class*="ett-"]):not([class*="ett-"] *):not(.et-korten):not(.et-oversikt):not(.et-topplista *):not(.et-toc *):not(.et-lankar *):not(.et-verktyg *):not(.et-skribent *){ margin:1.6em 0 .5em; font-size:1.25em; line-height:1.3; color:var(--ett-text); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] h4:not([class*="ett-"]):not([class*="ett-"] *):not(.et-korten):not(.et-oversikt):not(.et-topplista *):not(.et-toc *):not(.et-lankar *):not(.et-verktyg *):not(.et-skribent *){ margin:1.4em 0 .4em; font-size:1.08em; line-height:1.35; color:var(--ett-text); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] code:not([class*="ett-"]){ background:var(--ett-surface-alt); padding:1px 6px; border-radius:4px; font-size:.92em; color:var(--ett-brand-dark); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] pre:not([class*="ett-"]){ background:var(--ett-surface-alt); border:1px solid var(--ett-border); border-radius:var(--ett-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)[class][class] pre:not([class*="ett-"]) code{ background:none; padding:0; color:inherit; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] hr:not([class*="ett-"]){ border:0; border-top:1px solid var(--ett-border); margin:32px 0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] dl:not([class*="ett-"]):not(.et-fakta):not(.et-kort__nyckel){ margin:18px 0; max-width:var(--ett-maxw); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] dl:not([class*="ett-"]):not(.et-fakta):not(.et-kort__nyckel) dt{ font-weight:700; color:var(--ett-brand-dark); margin-top:10px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] dl:not([class*="ett-"]):not(.et-fakta):not(.et-kort__nyckel) dd{ margin:0 0 6px 16px; line-height:1.6; }
@media (max-width:600px){
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] table:not([class*="ett-"]):not(.wp-block-table table){ display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; }
}
/* === STIL: Modern / Card-shadow (modern) === */
:root{
  --ett-etikett-radius: 999px; --ett-etikett-transform: none;
  --ett-radius: 14px;
  --ett-radius-sm: 10px;
  --ett-head-weight: 700;
  --ett-head-tracking: -0.015em;
  --ett-body-line: 1.65;
  --ett-accent-w: 0;
  --ett-shadow: 0 6px 20px rgba(15,23,42,.08);
}

/* === TOKEN-TILLÄMPNING (drar tokens in i komponenterna) === */
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(h2,h3,h4){ font-weight: var(--ett-head-weight); letter-spacing: var(--ett-head-tracking); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] p{ line-height: var(--ett-body-line); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.ett-korthet,.ett-snabbfakta,.ett-info,.ett-warn,.ett-tip,.ett-note,.ett-pris,.ett-forfattare,.ett-kallor,.ett-disclaimer,.ett-affiliate,.ett-granskad){ border-radius: var(--ett-radius); box-shadow: var(--ett-shadow); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.ett-kort,.ett-pros,.ett-cons,.ett-pris,.ett-tabell tbody tr){ border-radius: var(--ett-radius-sm); }

/* accent: shadow-card */
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.ett-korthet,.ett-info,.ett-warn,.ett-tip,.ett-note){ border-left:0; border:1px solid var(--ett-border); }
/* === FONT: Kondenserad (kondenserad) === */
:root{
  --ett-head-font: Bahnschrift, "DIN Alternate", "Franklin Gothic Medium", "Nimbus Sans Narrow", "Arial Narrow", sans-serif-condensed, "Segoe UI", sans-serif;
  --ett-body-font: Bahnschrift, "DIN Alternate", "Franklin Gothic Medium", "Nimbus Sans Narrow", "Arial Narrow", sans-serif-condensed, "Segoe UI", sans-serif;
}
:root{
--ett-info:#1d6fa5; --ett-info-bg:#eef5fb; --ett-info-tx:#103a57;
--ett-warn:#c0392b; --ett-warn-bg:#fdf1ef; --ett-warn-tx:#7d2018;
--ett-ok:#2e8b57; --ett-ok-bg:#eef7f1; --ett-ok-tx:#1c5739;
--ett-tip:#2e8b57; --ett-tip-bg:#eef7f1; --ett-tip-tx:#1c5739;
--ett-note:#d99411; --ett-note-bg:#fbf3e2; --ett-note-tx:#6b4607;
--ett-surface-alt:#f3f5fa; --ett-border:#e1e6ef;
--ett-mark:"▸";
}