/* /calc/deflection 의 스타일. 껍데기는 tool.css — 여기는 이 장에만 있는 것. */

@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* ── 검토 결과 · 계산서 ───────────────────────────────────────────── */
.appgrid{grid-template-columns:288px minmax(0,1fr) 340px}
.verdict{display:flex;align-items:baseline;gap:12px;margin-bottom:4px}
.big{font-family:var(--mono);font-size:38px;font-weight:600;letter-spacing:-.02em}
.big.ok{color:var(--ok)}.big.warn{color:var(--warn)}.big.ng{color:var(--ng)}
.pill{font-family:var(--mono);font-size:11px;padding:3px 9px;border-radius:2px;color:#fff}
.pill.ok{background:var(--ok)}.pill.warn{background:var(--warn)}.pill.ng{background:var(--ng)}
.gov{font-size:12.5px;color:var(--ink-3);margin:0 0 20px}
table.t{width:100%;border-collapse:collapse;font-family:var(--mono);
  font-variant-numeric:tabular-nums;font-size:12.5px}
table.t th{text-align:right;font-weight:400;color:var(--ink-3);font-size:10.5px;
  letter-spacing:.08em;padding:0 8px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
table.t th:first-child{text-align:left}
table.t td{text-align:right;padding:6px 8px;border-bottom:1px solid var(--line-2);
  white-space:nowrap;color:var(--ink-2)}
table.t td.n{text-align:left;color:var(--ink);white-space:normal;font-family:var(--sans);
  font-size:12.5px;line-height:1.45}
table.t td.v{color:var(--ink);font-weight:500}
/* 고른 줄 — 판정은 이 줄이다. 나머지는 참고로 같이 보인다. */
table.t tr.pick td{background:var(--bg-2)}
table.t tr.pick td.n{font-weight:500}
table.t td.ok{color:var(--ok)}table.t td.warn{color:var(--warn)}table.t td.ng{color:var(--ng)}
.tnote{font-size:12px;color:var(--ink-2);line-height:1.8;margin-top:14px;
  border-top:1px solid var(--line-2);padding-top:12px}
.tnote .kv{display:grid;grid-template-columns:1fr auto;gap:2px 14px;font-family:var(--mono);
  font-size:12px}
.tnote .kv span:nth-child(2n){text-align:right;color:var(--ink)}
/* 기준이 식을 주지 않은 자리(균열환산단면 · 탄성 처짐공식)를 감추지 않는다. */
.noref{margin-top:14px;border:1px solid var(--warn);border-radius:4px;
  padding:12px 14px;font-size:12px;line-height:1.75;color:var(--ink-2);background:#fff}
#inputs .g{font-size:11px;font-family:var(--mono);letter-spacing:.1em;
  color:var(--ink-3);margin:16px 0 6px}
#inputs .g:first-child{margin-top:0}
#inputs .f{display:grid;grid-template-columns:1fr 92px 40px;align-items:center;
  gap:8px;padding:5px 0;font-size:13.5px}
#inputs input,#inputs select{width:100%;padding:5px 7px;font-family:var(--mono);font-size:13px;
  text-align:right;border:1px solid var(--line);border-radius:3px;background:#fff;color:var(--ink)}
#inputs select{text-align:left;padding:5px 4px}
#inputs input:focus,#inputs select:focus{outline:2px solid var(--brand);outline-offset:-1px;border-color:var(--brand)}
#inputs .u{font-family:var(--mono);font-size:11px;color:var(--ink-3)}
@media(max-width:1000px){
  .appgrid{grid-template-columns:1fr}
  .pane + .pane{border-left:0;border-top:1px solid var(--line)}
  .pane:nth-child(3){height:auto;min-height:0}
}

/* 인라인이던 규칙(2026-08-28 CSP). 값은 그대로, 자리만 옮겼다 — buoyancy.css 참고. */
.treefoot a.qna{margin-top:12px !important}