.surrealmizah-page {
  --paper: #f3edda;
  --paper-raised: #fff9e8;
  --ink: #151327;
  --ink-soft: #544f68;
  --sepia: #f0442f;
  --filing-green: #173f9b;
  --filing-green-soft: #315dbc;
  --alert: #ad123f;
  --line: rgba(21, 19, 39, 0.17);
  --line-strong: rgba(21, 19, 39, 0.38);
  background:
    linear-gradient(115deg, transparent 0 77%, rgba(255, 210, 20, 0.16) 77% 82%, transparent 82%),
    radial-gradient(circle at 8% 5%, rgba(240, 68, 47, 0.12) 0 7rem, transparent 7.1rem),
    var(--paper);
}

.surrealmizah-page .ledger-header {
  background: rgba(23, 63, 155, 0.97);
  border-bottom: 5px solid #ffd214;
  color: #fff9e8;
}

.surrealmizah-page .ledger-header-inner,
.surrealmizah-page .ledger-header a,
.surrealmizah-page .ledger-header button,
.surrealmizah-page .ledger-live-count {
  color: #fff9e8;
}

.surrealmizah-page .ledger-header .divider {
  color: rgba(255, 249, 232, 0.52);
}

.surrealmizah-page .cover {
  position: relative;
  overflow: hidden;
}

.surrealmizah-page .cover::before {
  content: "?";
  position: absolute;
  right: 3%;
  top: -0.28em;
  color: #ffd214;
  font-family: Georgia, serif;
  font-size: clamp(11rem, 24vw, 22rem);
  font-weight: 900;
  line-height: 1;
  opacity: 0.72;
  transform: rotate(11deg);
  z-index: -1;
}

.surrealmizah-page .cover::after {
  content: "THE SCIENCE OF IMAGINARY SOLUTIONS";
  position: absolute;
  right: 5%;
  top: 55px;
  max-width: 14rem;
  border: 3px solid #f0442f;
  color: #f0442f;
  padding: 8px 11px 7px;
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.11em;
  text-align: center;
  transform: rotate(4deg);
}

.surrealmizah-page h1.cover-title {
  max-width: 12ch;
  color: #173f9b;
  font-style: italic;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  text-shadow: 4px 4px 0 #ffd214;
}

.surrealmizah-page .cover-eyebrow,
.surrealmizah-page .cluster-id,
.surrealmizah-page .entry-id,
.surrealmizah-page .c-id {
  color: #f0442f;
  font-weight: 800;
}

.surrealmizah-page .filter-bar-wrap {
  background: rgba(243, 237, 218, 0.96);
  border-top: 1px solid rgba(23, 63, 155, 0.22);
}

.surrealmizah-page .entry {
  box-shadow: 3px 3px 0 rgba(23, 63, 155, 0.08);
}

.surrealmizah-page .entry:nth-child(3n + 2) {
  transform: rotate(-0.12deg);
}

.surrealmizah-page .entry-title a {
  text-decoration-color: rgba(240, 68, 47, 0.5);
}

.surrealmizah-page .entry-body {
  white-space: pre-line;
}

.surrealmizah-page .warning-swatch {
  background: repeating-linear-gradient(135deg, #ad123f 0 3px, #ffd214 3px 6px);
}

.surrealmizah-page .pill-extreme {
  background: #fff0b8;
  font-weight: 750;
}

.surrealmizah-page .chip[aria-pressed="true"] {
  box-shadow: 2px 2px 0 #ffd214;
}

@media (max-width: 760px) {
  .surrealmizah-page .cover::after {
    display: none;
  }

  .surrealmizah-page .cover::before {
    right: -15%;
    opacity: 0.42;
  }
}

@media (prefers-reduced-motion: reduce) {
  .surrealmizah-page .entry:nth-child(3n + 2) {
    transform: none;
  }
}