/* Gemeinsame Regeln aller Testberichte (Rechner, Faktenraster, Schritte, Bewertung), ausgelagert aus den Inline-Styles von 36 Reviews (27.10.2026) */
@media(max-width:640px){.ctable--vals th:nth-child(4),.ctable--vals td:nth-child(4){display:none}.ctable--vals{font-size:var(--fs-sm)}.ctable--vals th{font-size:var(--fs-sm)}}
.factgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}
@media(max-width:640px){.factgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.factgrid .fg{padding:18px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;min-width:0}
.factgrid .fg:last-child{border-right:0}
@media(max-width:640px){.factgrid .fg:nth-child(2){border-right:0}.factgrid .fg:nth-child(-n+2){border-bottom:1px solid var(--line)}}
.factgrid .v small{font-size:var(--fs-sm);font-weight:500;color:var(--muted);letter-spacing:0;margin-left:4px;display:block;margin-top:4px;overflow-wrap:anywhere}

.cs label{display:flex;flex-direction:column;gap:2px;font-size:var(--fs-sm);font-weight:500;color:var(--muted);margin-bottom:12px}
.cs label output{color:var(--head);font-weight:600;font-size:18px}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:99px;background:var(--line-2);outline:none;cursor:pointer}
input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--navy);border:3px solid var(--bg)}
.cres td{padding-right:10px}
.cres th:first-child,.cres td:first-child{padding-left:18px}
.cres th:last-child,.cres td:last-child{padding-right:18px}
.cres td,.cres th{white-space:nowrap}
.cres tr:last-child td{border-bottom:0}
.pt span{font-size:var(--fs-md);line-height:1.5;color:var(--ink)}
.steps li span{display:block;font-size:var(--fs-base);line-height:1.6;color:var(--ink)}
.trio h3{font-size:var(--fs-base);font-weight:600;margin-bottom:4px}
.svc p{font-size:var(--fs-lg);line-height:1.75;margin:0 0 14px;color:var(--ink)}
.rating .rh small{font-size:var(--fs-sm);font-weight:500;color:var(--muted);text-transform:none;letter-spacing:0}
.wrow .wt small{font-size:var(--fs-sm);font-weight:500;color:var(--faint);margin-left:8px;font-variant-numeric:tabular-nums}
.steps li span b{margin-bottom:0}
/* Mobile Regeln aller Testberichte (aus Inline, 27.10.2026) */
@media(max-width:560px){
.frow{flex-direction:column;gap:2px;padding:10px 16px}
.frow b{text-align:left}
.frow span{font-size:var(--fs-sm)}
.factgrid .fg{padding:14px 16px}
.facthead{padding:14px 16px}
.factlogo{width:88px;height:34px}
.factbrand .ft{font-size:var(--fs-md)}
.factaction{flex-direction:column;align-items:flex-start}
}
@media(max-width:640px){
.cres th:nth-child(2),.cres td:nth-child(2),.cres th:nth-child(3),.cres td:nth-child(3),.cres th:nth-child(4),.cres td:nth-child(4){display:none}
.cres .ctable{font-size:var(--fs-md)}
.cres th{font-size:var(--fs-sm)}
.cres th:first-child,.cres td:first-child{padding-left:14px}
.cres th:last-child,.cres td:last-child{padding-right:14px;text-align:right}
.cres td{white-space:normal}
}
/* Rechner-Tabellen: ab Tablet dürfen Spaltenköpfe und Szenario-Spalte umbrechen, damit nichts seitlich herausläuft (Beträge bleiben einzeilig) */
@media(min-width:641px){.cres th,.cres td:first-child{white-space:normal}.cres td:first-child{min-width:150px}}