/* 창업 계산기 /calc/ — templates/pages/calc.html · assets/js/calc.js */
.pick { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
@media (min-width: 760px) { .pick { grid-template-columns: repeat(4, 1fr); } }
.pick label, .fields label { display: flex; flex-direction: column; gap: 4px; font-size: 13.5px; font-weight: 600; color: var(--text-2); }
.pick select, .fields input { width: 100%; min-width: 0; padding: 10px 12px; border: 1px solid var(--line); border-radius: var(--r-s); background: #fff; font: inherit; font-size: 16px; color: var(--text); }
.pick select:disabled { background: var(--soft); color: var(--text-3); }
.fields { display: grid; gap: 14px; }
.fields .unit { display: flex; align-items: center; gap: 8px; font-weight: 600; color: var(--text-2); }
.fields .unit input { flex: 1; font-variant-numeric: tabular-nums; }
.fields small { font-size: 13px; font-weight: 400; color: var(--text-3); line-height: 1.5; }
.fields small.warn { color: #9a5a00; }
.res dd { font-size: 24px; color: var(--blue); }
.r-surv { margin-top: 16px; }
.r-surv .shops { margin: 6px 0; }
.surv3 { grid-template-columns: repeat(3, 1fr); margin-top: 10px; }
.how-list li { position: relative; padding-left: 14px; font-size: 15px; line-height: 1.7; color: var(--text-2); }
.how-list li + li { margin-top: 8px; }
.how-list li::before { content: ""; position: absolute; left: 0; top: .72em; width: 5px; height: 5px; border-radius: 50%; background: var(--teal); }
.how-list b { color: var(--text); }
/* ㎡ ↔ 평 (10-08) */
.unit-sw { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; font-size: 13.5px; font-weight: 600; color: var(--text-2); }
.unit-sw span { display: inline-flex; padding: 3px; border-radius: 999px; background: var(--soft); }
.unit-sw button { border: 0; background: none; padding: 5px 14px; border-radius: 999px; font: inherit; font-size: 14px; font-weight: 700; color: var(--text-2); cursor: pointer; }
.unit-sw button[aria-pressed="true"] { background: var(--blue); color: #fff; }
.fields .conv { font-size: 13px; font-weight: 600; color: var(--blue); }
.res-break { margin-top: 10px; font-size: 13.5px; color: var(--text-2); line-height: 1.7; }
.res-break b { color: var(--text); font-variant-numeric: tabular-nums; }