/* Toleranzrechner EN ISO 1127 – Edelstahllager Wittwer
   Scope: alles unter .wtr. Farben über CSS-Variablen, Theme-Werte im :root-Block
   des Themes überschreibbar (z. B. --wtr-accent: var(--wp--preset--color--kupfer)). */
.wtr{
  --wtr-card:#fff; --wtr-fg:#1f2326; --wtr-muted:#5f666c; --wtr-line:#d9dcdd;
  --wtr-accent:#b8672f; --wtr-accent-fg:#fff; --wtr-field:#f8f8f7; --wtr-ok:#2f7a4a;
  --wtr-display:"Archivo",system-ui,sans-serif; --wtr-body:"Inter",system-ui,sans-serif;
}
.wtr{color:var(--wtr-fg);font-family:var(--wtr-body);font-size:15px;line-height:1.5;max-width:900px}
.wtr .wrap{display:grid;gap:20px}
.wtr .wtr-title{font-family:var(--wtr-display);font-size:1.55rem;font-weight:700;margin:0;letter-spacing:-.01em;text-wrap:balance}
.wtr .sub{color:var(--wtr-muted);margin:4px 0 0;max-width:62ch}
.wtr .card{background:var(--wtr-card);border:1px solid var(--wtr-line);border-radius:10px;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:28px}
.wtr .col{min-width:0;display:grid;gap:14px;align-content:start}
.wtr label{display:grid;gap:5px;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--wtr-muted)}
.wtr input, .wtr select{font:inherit;font-size:1rem;color:var(--wtr-fg);background:var(--wtr-field);border:1px solid var(--wtr-line);border-radius:6px;padding:9px 11px;width:100%;box-sizing:border-box;font-variant-numeric:tabular-nums}
.wtr input:focus, .wtr select:focus{outline:2px solid var(--wtr-accent);outline-offset:1px;border-color:transparent}
.wtr .unit{position:relative}
.wtr .unit span{position:absolute;right:11px;bottom:10px;color:var(--wtr-muted);font-size:.9rem}
.wtr .unit input{padding-right:42px}
.wtr .hint{font-size:.85rem;color:var(--wtr-muted);margin:0}
.wtr .res{display:grid;gap:12px}
.wtr .block{border-top:1px solid var(--wtr-line);padding-top:12px;display:grid;gap:4px}
.wtr .block:first-child{border-top:0;padding-top:0}
.wtr .k{font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--wtr-muted)}
.wtr .v{font-family:var(--wtr-display);font-size:1.45rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.wtr .tol{font-size:.95rem;color:var(--wtr-muted);font-variant-numeric:tabular-nums}
.wtr .rule{font-size:.85rem;color:var(--wtr-ok);font-weight:500}
.wtr .foot{font-size:.82rem;color:var(--wtr-muted);margin:0}
.wtr .btn{justify-self:start;font:inherit;font-weight:600;background:var(--wtr-accent);color:var(--wtr-accent-fg);border:0;border-radius:6px;padding:9px 14px;cursor:pointer}
.wtr .btn:focus-visible{outline:2px solid var(--wtr-fg);outline-offset:2px}
@media (max-width:640px){.wtr .card{grid-template-columns:1fr;gap:22px}}