/* =====================================================================================
   KRÄUTERRECHNER (Der andere Weg) – gehört zu assets/kraeuterrechner.js.
   Sieht aus wie der Mengenrechner auf der NaturSinn-Seite (natursinn.css, .ns-rechner),
   nur mit der Leitfarbe von „Der andere Weg" (--ps-akzent-tief).
   ===================================================================================== */

.kr-tabellenwrap{overflow-x:auto;margin:22px 0 8px;border:1px solid var(--line);
  border-radius:14px;background:var(--card)}
.kr-tab{border-collapse:collapse;width:100%;min-width:520px;font-size:.92rem;color:var(--ink)}
.kr-tab th,.kr-tab td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line)}
.kr-tab thead th{font-family:var(--kopf);font-size:.78rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);background:var(--bg)}
.kr-tab tbody th{font-weight:600;color:var(--ink)}
.kr-tab tbody tr:last-child th,.kr-tab tbody tr:last-child td{border-bottom:0}
.kr-tab td{font-variant-numeric:tabular-nums}
.kr-tab .kr-dauer th,.kr-tab .kr-dauer td{background:var(--bg);font-weight:600}
.kr-tab .mini{color:var(--muted);font-weight:400}

.kr{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:18px;
  padding:clamp(18px,3vw,30px);box-shadow:var(--schatten);margin-top:28px}

.kr__leiste{display:flex;flex-wrap:wrap;gap:10px 26px;align-items:flex-end;margin-bottom:22px}
.kr__gruppe{display:flex;flex-direction:column;gap:8px}
.kr__gruppe > span{font-size:.79rem;color:var(--muted);text-transform:uppercase;
  letter-spacing:.14em;font-family:var(--kopf);font-weight:600}
.kr__knoepfe{display:flex;flex-wrap:wrap;gap:8px}
.kr__knoepfe button{font:inherit;font-weight:600;font-size:.95rem;cursor:pointer;
  color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:999px;
  padding:9px 18px;transition:background .15s,border-color .15s,color .15s}
.kr__knoepfe button:hover:not(:disabled){border-color:var(--ps-akzent-tief)}
.kr__knoepfe button[aria-pressed="true"]{background:var(--ps-akzent-tief);
  border-color:var(--ps-akzent-tief);color:#fff}
.kr__knoepfe button:disabled{opacity:.45;cursor:not-allowed}
.kr__knoepfe button:focus-visible{outline:2px solid var(--ps-akzent-tief);outline-offset:2px}

.kr__felder{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  margin-bottom:22px}
.kr label{display:flex;flex-direction:column;gap:6px;font-size:.86rem;color:var(--muted)}
.kr input[type=number]{font:inherit;font-size:1.28rem;font-family:var(--kopf);font-weight:700;
  color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:11px;
  padding:11px 13px;width:100%}
.kr input:focus{outline:0;border-color:var(--ps-akzent-tief)}
.kr input:disabled{opacity:.4;cursor:not-allowed}
.kr label.kr-aus{opacity:.55}
.kr__hinweis{font-size:.78rem;color:var(--muted);margin-top:-2px}
.kr-warn{color:#a4532a;font-weight:600}

.kr__zusatz{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  margin:-4px 0 22px;padding-top:18px;border-top:1px solid var(--line)}

.kr__ergebnis{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.kr-karte{background:var(--bg);border:1px solid var(--line);border-radius:13px;
  padding:15px 17px;border-left:3px solid var(--ps-akzent-tief)}
.kr-karte__wof{font-size:.79rem;color:var(--muted);text-transform:uppercase;
  letter-spacing:.14em;font-family:var(--kopf);font-weight:600}
.kr-karte__wert{font-family:var(--kopf);font-weight:700;font-size:1.5rem;line-height:1.2;
  margin:5px 0 3px;color:var(--ink)}
.kr-karte__dazu{font-size:.84rem;color:var(--muted);line-height:1.5}
.kr-karte__dazu a{color:var(--ps-akzent-tief);font-weight:600}

.kr__rechenweg{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);
  font-size:.85rem;line-height:1.65;color:var(--muted)}
.kr__rechenweg b{color:var(--ink)}
.kr__rechenweg ol{margin:8px 0 0;padding-left:20px}
.kr__rechenweg li{margin-bottom:3px}