:root {
  --content-max: 900px;
  --pad: clamp(16px, 3vw, 28px);
}

* { box-sizing: border-box; }

body {
  font: clamp(16px, 2.1vw, 20px) "Lucida Console", monospace;
  line-height: 1.5;
  margin: 0;
}

a {
  color: inherit;
  text-decoration: inherit;
}

strong {
  font-weight: 700;
}

.nice-link {
  text-decoration: none;
}
.nice-link:hover {
  text-decoration: none;
  font-style: italic;

}

.container {
  width: min(var(--content-max), calc(100% - (var(--pad) * 2)));
  margin: 0 auto;
}

/* Header */
.site-header {
  padding: calc(var(--pad) * 1.25) 0 var(--pad);
}

.site-title {
  font-size: clamp(28px, 5vw, 44px);
  font-weight: 700;
  letter-spacing: 0.5px;
  margin: 0;
}

/* Main text */
.text {
  margin: 0 0 16px 0;
  text-align: left;
}

/* Baiku cards */
.baiku-card {
  max-width: 420px;
/*   border: 1px solid #e6e6e6; */
/*   border-radius: 12px; */
  padding: 16px 18px;
  margin: 16px 0 22px 0;
/*   background: #fff; */
}

.baiku-card--small {
  max-width: 420px;
  margin: 0;
}

.baiku-title {
  margin: 0 0 8px 0;
  font-weight: 700;
  text-align: left;
  font-size: 1.05em;
}

.baiku-text {
  margin: 0 0 8px 0;
  text-align: left;

  /* important for mobile: don’t force horizontal scroll */
  white-space: pre-wrap;
  word-break: break-word;
}

.baiku-author {
  display: block;
  font-style: italic;
  font-size: 0.95em;
  text-align: right;
}

/* Grid for multiple baiku */
.baiku-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin: 12px 0 22px 0;
}

@media (min-width: 760px) {
  .baiku-grid {
    grid-template-columns: 1fr 1fr;
  }
}

/* Footer */
.site-footer {
  margin-top: 36px;
  padding: 20px 0 34px 0;
/*   border-top: 1px solid #eee; */
/*   color: #333; */
}

.footer-title {
  font-size: 1.1em;
  font-weight: 700;
  margin: 0 0 12px 0;
}

.authors {
  list-style: none;
  padding: 0;
  margin: 0;
}

.authors li {
  margin: 0 0 10px 0;
}

.spacer { height: 1em; }

@media (prefers-color-scheme: dark) {
  body {
    background: #232629;
    color: #eff0f1;
  }

  /* cards / separators */
  .baiku-card {
/*     background: #202326; */
/*     border-color: #2a3142; */
  }

  .site-footer {
    border-top-color: #2a3142;
    color: #cfd5e3;
  }
}