/* Epoch converter specific styles (the shared kit is /assets/css/tools-v1.css) */
.ep-clock{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px;align-items:center}
.ep-now{font:800 clamp(38px,7vw,64px)/1.05 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;letter-spacing:-.02em;color:var(--un-brand);overflow-wrap:anywhere}
.ep-sub{font-size:14px;color:var(--un-muted);margin:6px 0 0}
.ep-lines{display:grid;gap:8px}
.ep-line{background:#f6f8fc;border:1px solid var(--un-line);border-radius:12px;padding:9px 12px}
.ep-line small{display:block;font-size:12px;color:var(--un-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.ep-line b{display:block;font:700 16px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-wrap:anywhere}
.ep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;margin-top:16px}
.ep-grid>.ut-card{margin:0!important}
.ep-full{margin-top:16px}
.ep-row{display:grid;grid-template-columns:128px minmax(0,1fr) 34px;gap:8px;align-items:center;padding:8px 0;border-top:1px solid var(--un-line)}
.ep-row:first-child{border-top:0}
.ep-k{font-size:13px;color:var(--un-muted);font-weight:600}
.ep-v{font-size:15px;line-height:1.4;overflow-wrap:anywhere}
.ep-v.ut-mono{font-size:14px}
.ep-cp{width:32px;height:32px;border:1px solid #cdd5e1;background:#fff;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#3a4657;padding:0}
.ep-cp:hover{border-color:var(--un-brand);color:var(--un-brand)}
.ep-cp svg{width:16px;height:16px}
.ep-six{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.ep-six .ut-field{margin:0}
.ep-six .ut-in{padding:10px 6px;text-align:center}
.ep-ex{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px}
.ep-ex button{border:1px solid #cdd5e1;background:#f6f8fc;border-radius:99px;padding:6px 11px;font:600 13px/1.1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#3a4657;cursor:pointer}
.ep-ex button:hover{border-color:var(--un-brand);color:var(--un-brand)}
.ep-zone{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px}
.ep-zone .ut-sel{max-width:420px}
.ep-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--un-line);border-radius:12px;margin-top:12px}
.ep-t{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.ep-t th,.ep-t td{padding:8px 10px;text-align:left;border-top:1px solid var(--un-line);vertical-align:top}
.ep-t thead th{border-top:0;background:#f6f8fc;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--un-muted)}
.ep-t tr.bad td{color:#912018;background:#fef3f2}
.ep-t td.ut-mono{font-size:13px;white-space:nowrap}
.ep-code{width:100%;border-collapse:collapse;font-size:14px}
.ep-code th,.ep-code td{padding:8px 10px;text-align:left;border-top:1px solid var(--un-line);vertical-align:top}
.ep-code thead th{border-top:0;background:#f6f8fc;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--un-muted)}
.ep-code code{white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f4f8;border-radius:5px;padding:2px 6px;font-size:13px}
@media (max-width:900px){.ep-clock,.ep-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.ep-row{grid-template-columns:minmax(0,1fr) 34px}.ep-k{grid-column:1/-1;margin-bottom:-4px}.ep-six{grid-template-columns:repeat(3,minmax(0,1fr))}}