/* かべ手取り — tool-specific touches on top of /_site/site.css */
:root { --accent: #8a3b2a; --accent-soft: #f3e4df; }  /* 壁のれんがの色 */

.row label { flex: 1; min-width: 10em; }
.fieldset .row + .row { margin-top: 10px; }
label.check { display: flex; align-items: center; gap: 8px; margin-top: 8px; }
label.check input { margin: 0; }
tr.now-row th, tr.now-row td { font-weight: 700; background: var(--accent-soft); }

.chart-wrap { margin: 8px 0 0; background: var(--sheet); border: 1px solid var(--rule); padding: 8px 6px 2px; }
#chart { display: block; width: 100%; height: auto; }
#chart .grid { stroke: var(--rule); stroke-width: 1; }
#chart .tick { font-size: 12px; fill: var(--sub); }
#chart .line { fill: none; stroke: var(--accent); stroke-width: 2.5; stroke-linejoin: round; }
#chart .cliff { stroke: var(--warn); stroke-width: 1.5; stroke-dasharray: 5 4; }
#chart .now { fill: var(--chip); stroke: var(--ink); stroke-width: 1.5; }
@media (max-width: 600px) {
  #chart .tick { font-size: 21px; }
  #chart .line { stroke-width: 4; }
  #chart .cliff { stroke-width: 2.5; }
}