.micro-intro{background:radial-gradient(circle at 80% 20%,rgba(11,117,109,.10),transparent 28%),linear-gradient(180deg,#fff,#f8fbfb)}
.micro-tool-shell{max-width:820px}
.micro-tool-card{padding:30px}
.dm-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:end}
.dm-swap{width:48px;height:48px;margin-bottom:1px;border:1px solid var(--line);border-radius:14px;background:var(--accent-soft);color:var(--accent);font-size:22px;font-weight:900;cursor:pointer}
.dm-swap:hover{transform:translateY(-1px)}
.micro-result{margin-top:24px;padding:25px;border-radius:18px;background:linear-gradient(145deg,var(--accent),var(--accent-dark));color:#fff}
.micro-result span,.micro-result strong{display:block}
.micro-result span{color:#dff4f1;font-size:13px}
.micro-result strong{margin-top:4px;font-size:34px}
html[data-theme="dark"] .micro-intro{background:radial-gradient(circle at 80% 20%,rgba(47,178,167,.10),transparent 28%),linear-gradient(180deg,#101a1f,#0c1519)}
html[data-theme="dark"] .dm-swap{background:#17312e;border-color:#28514d}
@media(max-width:650px){.dm-grid{grid-template-columns:1fr}.dm-swap{justify-self:center;transform:rotate(90deg)}}


/* Version 0.14 – zusätzliche kleine Helfer */
.micro-calculator-layout{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:22px;
  align-items:start
}
.micro-results{position:sticky;top:92px}
.micro-primary{
  margin-bottom:14px;
  padding:22px;
  border-radius:18px;
  color:#fff;
  background:linear-gradient(145deg,var(--accent),var(--accent-dark));
}
.micro-primary span,.micro-primary strong,.micro-primary small{display:block}
.micro-primary span{color:#dff4f1;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.micro-primary strong{margin-top:4px;font-size:34px;letter-spacing:-.035em}
.micro-primary small{margin-top:2px;color:#dff4f1}
.micro-status{
  margin-top:14px;
  padding:14px 15px;
  border-radius:13px;
  border:1px solid var(--line);
  background:var(--bg);
  font-size:13px
}
.micro-status.good{color:#0b5e58;background:#e4f5f2;border-color:#bfe7e1}
.micro-status.warning{color:#7a5200;background:#fff4cc;border-color:#efdaa0}
.micro-status.bad{color:#8c2f2f;background:#fdeaea;border-color:#efc5c5}
.micro-comparison{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:14px
}
.micro-comparison>div{
  padding:16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff
}
.micro-comparison span,.micro-comparison strong,.micro-comparison small{display:block}
.micro-comparison span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.micro-comparison strong{margin-top:3px;font-size:21px}
.micro-comparison small{margin-top:2px;color:var(--muted)}
.micro-mode{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-bottom:20px
}
.micro-mode label{cursor:pointer}
.micro-mode input{position:absolute;opacity:0;pointer-events:none}
.micro-mode span{
  display:block;
  padding:11px 12px;
  text-align:center;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  font-size:13px;
  font-weight:800
}
.micro-mode input:checked+span{
  color:var(--accent-dark);
  border-color:rgba(11,117,109,.35);
  background:var(--accent-soft)
}
.micro-equation{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  gap:10px;
  align-items:center;
  margin-top:16px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#fff
}
.micro-equation>div{padding:10px;border-radius:10px;background:var(--bg)}
.micro-equation span,.micro-equation strong{display:block}
.micro-equation span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}
.micro-equation strong{margin-top:2px}
.micro-equation>b{color:var(--accent);font-size:20px}
html[data-theme="dark"] .micro-comparison>div,
html[data-theme="dark"] .micro-mode span,
html[data-theme="dark"] .micro-equation{
  background:#152128;border-color:var(--line)
}
html[data-theme="dark"] .micro-equation>div{background:#101b21}
html[data-theme="dark"] .micro-status{background:#101b21}
html[data-theme="dark"] .micro-status.good{background:#14302e;color:#bde7e1;border-color:#28514d}
html[data-theme="dark"] .micro-status.warning{background:#302814;color:#f1d68c;border-color:#55451d}
html[data-theme="dark"] .micro-status.bad{background:#321c1c;color:#f3c2c2;border-color:#633333}
@media(max-width:900px){.micro-calculator-layout{grid-template-columns:1fr}.micro-results{position:static}}
@media(max-width:650px){.micro-comparison,.micro-mode{grid-template-columns:1fr}.micro-equation{grid-template-columns:1fr}.micro-equation>b{transform:rotate(90deg);text-align:center}}