/* v32B: day and night panel (src/render/daynight.js), early milestones */
#dn-body h4 { margin: 14px 0 6px; font-size: 13px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ink-soft); }
#dn-body h4 small { text-transform: none; letter-spacing: 0; font-weight: 400; }
#dn-body .dn-now { display: flex; align-items: center; gap: 8px; margin: 0 0 4px; font-size: 18px; }
#dn-body .dn-now svg.i { width: 22px; height: 22px; }
#dn-body .dn-seg { display: flex; gap: 6px; flex-wrap: wrap; }
#dn-body .dn-seg .btn { padding: 6px 12px 7px; font-size: 14px; flex: 1 1 auto; }
#dn-body .dn-seg .btn.on { background: var(--cobalt); color: var(--enamel); border-color: var(--cobalt-lo); }
#dn-body .dn-quick { margin-top: 6px; }
#dn-body input[type=range] { width: 100%; }
#dn-body .fine { margin-top: 12px; font-size: 13px; }