/* Maschinen-Übersicht (02.10.2026). Grundlagen (helle Kopfzeile, Breite, Tabelle) aus ratgeber.css. */
.ms-head { padding: clamp(118px, 13vw, 168px) 0 clamp(20px, 3vw, 40px); }
.ms-head-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 80px); align-items: end; }
.ms-head-grid > * { min-width: 0; }
.ms-head .lead { max-width: 640px; margin: 20px 0 0; }

.ms-tor { position: relative; padding: clamp(20px, 2.4vw, 28px); border-radius: 10px; background: var(--moss-1); color: var(--on-dark); }
.ms-tor-k { margin: 0 0 10px; font: 600 12px/1.2 var(--text); letter-spacing: .16em; text-transform: uppercase; color: var(--lime); }
.ms-tor label { display: block; margin-bottom: 12px; font: 600 clamp(19px, 1.6vw, 23px)/1.15 var(--display); text-transform: uppercase; color: #fff; }
.ms-tor-in { display: flex; align-items: center; gap: 10px; padding: 0 16px; border-radius: 6px; background: rgba(243, 240, 232, .08); box-shadow: inset 0 0 0 1px rgba(243, 240, 232, .18); }
.ms-tor-in:focus-within { box-shadow: inset 0 0 0 2px var(--lime); }
.ms-tor-in input { flex: 1; min-width: 0; height: 52px; border: 0; background: none; color: #fff; font: 600 22px/1 var(--display); outline: none; }
.ms-tor-in input::placeholder { color: rgba(243, 240, 232, .4); }
.ms-tor-in span { font-weight: 600; color: var(--on-dark-2); }
.ms-tor-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.ms-tor-chips button { padding: 8px 12px; border: 0; border-radius: 999px; background: rgba(243, 240, 232, .1); color: var(--on-dark); font: 600 13px/1 var(--text); cursor: pointer; transition: background .2s, color .2s; }
.ms-tor-chips button:hover { background: var(--lime); color: var(--lime-ink); }
.ms-tor-out { min-height: 2.9em; margin: 14px 0 0; font-size: 14.5px; line-height: 1.45; color: var(--on-dark-2); }

.ms-marke .section-head, .ms-vergleich .section-head { margin-bottom: clamp(24px, 3vw, 40px); }
.ms-table { margin-top: 0; }
.ms-table tbody th { white-space: nowrap; }
.ms-rippa { margin: 22px 0 0; font-size: 15.5px; color: var(--muted); }
.ms-rippa a { color: var(--olive); font-weight: 600; }

@media (max-width: 960px) { .ms-head-grid { grid-template-columns: minmax(0, 1fr); align-items: start; } }
@media (max-width: 760px) { .ms-head { padding-top: 104px; } }

/* v2: Rauschen, kleinere Radien, Schieber */
.ms-tor { isolation: isolate; overflow: hidden; border-radius: 6px; }
.ms-tor > .grain { z-index: -1; }
.ms-tor-in { border-radius: 4px; }
.ms-tor-chips button { border-radius: 4px; }
.ms-tor-range { --p: 100%; display: block; width: 100%; height: 28px; margin: 16px 0 4px; background: none; -webkit-appearance: none; appearance: none; cursor: pointer; }
.ms-tor-range::-webkit-slider-runnable-track { height: 6px; border-radius: 3px; background: linear-gradient(90deg, var(--lime) var(--p), rgba(243, 240, 232, .16) var(--p)); }
.ms-tor-range::-moz-range-track { height: 6px; border-radius: 3px; background: rgba(243, 240, 232, .16); }
.ms-tor-range::-moz-range-progress { height: 6px; border-radius: 3px; background: var(--lime); }
.ms-tor-range::-webkit-slider-thumb { -webkit-appearance: none; width: 24px; height: 24px; margin-top: -9px; border: 3px solid var(--moss-1); border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 2px var(--lime); }
.ms-tor-range::-moz-range-thumb { width: 18px; height: 18px; border: 3px solid var(--moss-1); border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 2px var(--lime); }
.ms-tor-range:focus-visible { outline: 2px solid var(--lime); outline-offset: 4px; }
.ms-tor-skala { display: flex; justify-content: space-between; font: 600 11px/1 var(--text); letter-spacing: .06em; color: var(--on-dark-2); }
.ms-tor-chips { margin-top: 14px; }