/* ══════════════════════════════════════════════════════════════════════════
   imrox — seitenlokale Stilblöcke

   Der statische Bestand trägt auf 53 von 55 Seiten eigenes CSS in einem
   <style>-Block im Kopf. Diese Blöcke wandern hierher, nach Herkunftsseite
   getrennt und mit der Herkunft benannt. Nichts wird dabei umgeschrieben:
   die Regeln stehen wörtlich so, wie sie auf der Seite standen.

   Lädt NACH main.css und VOR style.css. Damit kann ein seitenlokaler Block
   eine Komponentenregel überstimmen — genau wie im Original, wo der
   <style>-Block hinter dem Stylesheet-Verweis stand.

   Pro Block gilt: nur anfassen, wenn sich die Quellseite ändert.
   ══════════════════════════════════════════════════════════════════════════ */

/* ──────────────────────────────────────────────────────────────────────────
   roboter-t3.html — Spezifikationstabelle
   32 Zeilen, 24 Selektorlisten. Die Tabelle ist ein Formular: bestätigte
   Werte stehen hervorgehoben, offene Angaben lassen sich ankreuzen und
   gehen als GET-Parameter an die Kontaktseite. Deshalb liegt hier auch die
   Gestaltung der Kästchen und der Absendeleiste.

   Gilt künftig für jedes Modell mit hinterlegten technischen Daten, nicht
   nur für den T3 — die Vorlage entscheidet das über das Feld, nicht über
   die Seite.
   ────────────────────────────────────────────────────────────────────────── */
.tspec-card{ max-width:none; margin:0; border:1px solid var(--hairline); border-radius:var(--r-lg); box-shadow:var(--shadow-card); overflow:hidden; }
.tspec-scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
.tspec-table{ width:100%; border-collapse:collapse; font-size:14px; }
.tspec-sr-only{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.tspec-table tbody th, .tspec-table tbody td{ padding:11px 16px; text-align:left; border-bottom:1px solid var(--hairline); }
.tspec-table tbody tr:last-child th, .tspec-table tbody tr:last-child td{ border-bottom:none; }
.tspec-table tbody th[scope="row"]{ font-family:var(--ff-body); font-weight:400; color:var(--ink-soft); word-break:break-word; }
.tspec-table tbody th[scope="row"] label{ cursor:pointer; }
.tspec-icon{ width:44px; padding-left:16px; padding-right:0; color:var(--ink-mute); }
.tspec-table tbody tr:has(.tspec-real) .tspec-icon{ color:var(--acc-current); }
.tspec-icon svg{ width:18px; height:18px; display:block; }
.tspec-cat-row th{
  padding:12px 16px; background:var(--chalk);
  font-family:var(--ff-head); font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--acc-current);
}
.tspec-real{ font-weight:700; color:var(--navy); font-variant-numeric:tabular-nums; }
.tspec-tbd{ font-style:italic; color:var(--ink-mute); }
.tspec-check{ width:40px; padding-left:0; padding-right:16px; text-align:right; }
.tspec-check input{ width:18px; height:18px; accent-color:var(--acc-current); cursor:pointer; }
.tspec-submit-row{ padding:16px; background:var(--chalk); border-top:1px solid var(--hairline); }
.tspec-submit{ width:100%; justify-content:center; }
.tspec-visual{ box-shadow:var(--shadow-card); }
.tspec-visual .prod-visual-placeholder svg{ width:40px; height:40px; }
.tspec-visual .prod-visual-placeholder span{ font-size:12.5px; }
@media (max-width:900px){ .tspec-visual{ max-width:320px; margin:0 auto; } }
@media (max-width:480px){
  .tspec-icon{ width:32px; padding-left:10px; }
  .tspec-icon svg{ width:16px; height:16px; }
  .tspec-table{ font-size:12.5px; }
  .tspec-table tbody th, .tspec-table tbody td, .tspec-cat-row th{ padding:9px 8px; }
  .tspec-check{ width:28px; padding-right:8px; }
}