/* Cooking converter */
.ck-stat { font: inherit; color: inherit; cursor: pointer; transition: border-color 0.15s; }
.ck-stat:hover, .ck-stat:focus-visible { border-color: var(--accent); outline: none; }
.ck-link { padding: 0; border: 0; background: none; color: var(--accent-ink); font: inherit; font-weight: 700; cursor: pointer; text-align: left; }
.ck-link:hover { text-decoration: underline; }
.ck-form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto minmax(0, 1fr); gap: 12px; align-items: end; }
.ck-swap { width: 44px; height: 44px; min-height: 44px; padding: 0; border-radius: 50%; }
.ck-swap svg { width: 20px; height: 20px; }
@media (max-width: 720px) {
  .ck-form { grid-template-columns: minmax(0, 1fr) auto; }
  .ck-form > .field:first-child { grid-column: 1 / -1; }
  .ck-form > .field:last-child { grid-column: 1 / -1; }
}
#ck-err:empty, #ck-measure:empty { display: none; }
#ck-measure { color: var(--accent-ink); }
#ck-table td.num, .ck-table-wrap th.num { white-space: nowrap; }
@media (max-width: 480px) { #ck-table td, #ck-table + thead th { padding: 8px 8px; } }