/* 공백 특수문자 면. **인라인 style 은 쓸 수 없다** — CSP style-src 'self' 가 인라인 블록도
   막는다(2026-09-23 목업에서 실측: min-width 0px·white-space normal·overflow-x visible 로
   나와 스타일이 한 줄도 안 먹고 있었다). 이 면의 모양은 전부 이 파일에 있다. */

/* 보이지 않는 문자를 보이게 하는 장치 — 점선 상자가 곧 그 칸의 크기다.
   이게 없으면 사용자는 복사가 됐는지조차 알 수 없다. */
.space-demo{font-size:22px;margin:6px 0 4px}
.space-sample{background:var(--soft);outline:1px dashed var(--edge-strong)}
.space-card{margin-bottom:12px}

#ncells .row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:flex-start}
#ncells .field{display:flex;align-items:center;gap:6px}
#ncells .field label{white-space:nowrap}
.ncount{width:5em}

/* 성질 표는 열이 여섯이라 360px 에서 글자 단위로 접힌다(실측). 최소 폭을 주고 가로로
   밀게 둔다 — 접히는 표보다 미는 표가 읽힌다. 같은 사실은 카드마다 문장으로도 실려 있다. */
.props-scroll{overflow-x:auto}
table.props{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}
table.props th,table.props td{border:1px solid var(--line);padding:6px 8px;text-align:left;white-space:nowrap}
table.props th{background:var(--card)}
table.props td.num{font-variant-numeric:tabular-nums;text-align:right}