* { box-sizing: border-box; }
body {
  font-family: 'Courier New', Courier, monospace;
  color: #333; background: #fafafa; margin: 0; padding: 20px;
  max-width: 820px; margin: 0 auto;
}
header h1 { font-size: 22px; font-weight: normal; }
h2 { font-size: 15px; border-bottom: 1px solid #ccc; padding-bottom: 4px; margin-top: 28px; }
.cards { display: flex; flex-wrap: wrap; gap: 10px; }
.card {
  border: 1px solid #ccc; background: #fff; padding: 10px 14px; min-width: 130px;
}
.card .big { font-size: 22px; }
.card .lbl { color: #888; font-size: 12px; }
.log { list-style: none; padding: 0; }
.log li { padding: 4px 0; border-bottom: 1px dotted #ddd; }
.log .cluster { color: #c44; }
button {
  font-family: inherit; border: 1px solid #ccc; background: #fafafa;
  padding: 6px 12px; cursor: pointer;
}
button:hover { border-color: #4a90d9; color: #4a90d9; }
.link-box { margin-top: 30px; }
#linkOut { word-break: break-all; }