/* Units: an engineer's slide rule. Results line up on one ruled column with the numbers in heavy tabular figures,
   the unit names quiet beside them. Pale green-grey page, one deep green. */
:root { --page: #eef2ee; --card: #ffffff; --ink: #151b16; --soft: #56625a; --line: #d2dcd4; --field: #e6ece7; --act: #1f6a3c; --on-act: #ffffff; --stop: #b3261e; color-scheme: light; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --page: #111411; --card: #1a1f1b; --ink: #e9f0ea; --soft: #a0aea4; --line: #2d362f; --field: #111411; --act: #79d29c; --on-act: #08230f; --stop: #ff8a80; color-scheme: dark; }
}
#value { font-size: 24px !important; font-weight: 700; }
.results { list-style: none; margin: 0; padding: 0; background: var(--card); border: 1px solid var(--line); border-radius: 10px; }
.results li { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; align-items: baseline; padding: 12px 16px; border-bottom: 1px solid var(--line); }
.results li:last-child { border-bottom: 0; }
.results b { font-size: 22px; text-align: right; overflow-wrap: anywhere; }
.results span { color: var(--soft); }
.results li.same { background: var(--field); }