/* unix-timestamp-converter: styles only it uses, split out of site.css by scripts/split-css.mjs. */
.copy-value {
    font: 600 1rem var(--mono); color: #fff; background: none; border: 0; padding: 2px 6px; margin-right: -6px;
    border-radius: 6px; cursor: copy;
}
.copy-value:hover { background: rgb(255 255 255 / 0.1); }

.hash-results { margin: 0; display: flex; flex-direction: column; gap: 8px; }
.hash-results div { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 12px; align-items: center; padding: 10px 14px; border-radius: 10px; background: var(--ink); }
.hash-results dt { color: #A9B5CB; font-weight: 600; font-size: 0.9rem; }
.hash-results dd { margin: 0; min-width: 0; color: #fff; overflow-wrap: anywhere; }
.hash-results .copy-value { font-size: 0.88rem; text-align: left; overflow-wrap: anywhere; white-space: normal; }
@media (max-width: 560px) { .hash-results div { grid-template-columns: 1fr; gap: 2px; } }

.ts-now { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; background: var(--ink); color: #A9B5CB; border-radius: 12px; padding: 14px 18px; }
.ts-now-value { font: 800 1.8rem var(--display) !important; letter-spacing: -0.01em; }