/* 계산 엔진 공통 렌더러(js/calc/render.js) 전용 스타일 — 2026-09-24 사이클 0.
   색은 app.css 변수만 쓴다(낮·야간 자동). 이 파일을 싣는 페이지에만 영향이 있다. */
.dfc-form{display:flex;flex-direction:column;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}
.dfc-field{display:flex;flex-direction:column;gap:6px}
.dfc-field label{font-size:.92rem;font-weight:600;color:var(--ink)}
.dfc-field input,.dfc-field select{width:100%;min-height:44px;padding:10px 12px;font-size:1rem;font-family:inherit;
  border:1px solid var(--line);border-radius:10px;background:var(--bg-soft);color:var(--ink)}
.dfc-field input:focus-visible,.dfc-field select:focus-visible{outline:2px solid var(--link);outline-offset:2px}
.dfc-unit{position:relative}
.dfc-unit input{padding-right:52px}
.dfc-unit-label{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:.88rem;color:var(--tx-muted)}
.dfc-err{min-height:0;margin:0;color:var(--tx-bad);font-size:.9rem}
.dfc-err:empty{display:none}
.dfc-go{min-height:48px}
.dfc-out{margin-top:16px}
.dfc-out:empty{display:none}
.dfc-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 14px}
.dfc-cell{background:var(--ok);border-radius:10px;padding:12px 14px}
.dfc-cell dt{font-size:.82rem;color:var(--sub)}
.dfc-cell dd{margin:2px 0 0;font-size:1.15rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.dfc-note{font-size:.85rem;color:var(--sub);margin:10px 0 0}