/* mind.css — the mind page. Three states are visually distinct on purpose:
   "token launched, mind asleep" and "provisioned, no mandate" must not look like
   a working mind, and a working mind must not look like a claim of profit. */

.mind-root { max-width: 900px; }
.mind-head { margin-bottom: 28px; }
.mind-head h1 { font-size: clamp(24px, 3vw, 34px); margin: 0 0 8px; }
.mind-meta { color: var(--muted, #888); font-size: 14px; margin: 0 0 16px; }

.mind-state {
  border: 1px solid var(--line, #ddd);
  border-radius: 12px;
  padding: 16px 18px;
  margin: 16px 0;
}
.mind-state b { display: block; margin-bottom: 6px; }
.mind-state p { margin: 0; font-size: 14px; line-height: 1.5; }
.mind-state-ok { border-color: color-mix(in oklch, oklch(0.62 0.16 155) 55%, transparent); }
.mind-state-warn { border-color: color-mix(in oklch, oklch(0.72 0.15 75) 55%, transparent); }

.mind-section { margin: 36px 0; }
.mind-section h2 { font-size: 17px; margin: 0 0 12px; }

.mind-empty { color: var(--muted, #888); font-size: 14px; line-height: 1.6; }
.mind-note { color: var(--muted, #888); font-size: 13px; line-height: 1.6; margin-top: 10px; }

.mind-facts { display: grid; grid-template-columns: max-content 1fr; gap: 8px 18px; margin: 0; }
.mind-facts dt { font-size: 13px; color: var(--muted, #888); }
.mind-facts dd { margin: 0; font-size: 14px; }

.mind-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.mind-table th, .mind-table td {
  text-align: left;
  padding: 8px 10px;
  border-bottom: 1px solid var(--line, #eee);
  vertical-align: top;
}
.mind-table th { font-size: 12px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--muted, #888); }

.mind-proofs { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.mind-proof {
  display: grid;
  grid-template-columns: minmax(80px, max-content) 1fr max-content max-content;
  gap: 12px;
  align-items: baseline;
  font-size: 14px;
  padding: 10px 12px;
  border: 1px solid var(--line, #eee);
  border-radius: 10px;
}
.mind-proof-status { font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--muted, #888); }

.mind-grid { display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.mind-card {
  display: grid;
  gap: 6px;
  padding: 16px;
  border: 1px solid var(--line, #ddd);
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
}
.mind-card:hover { border-color: var(--fg, #111); }
.mind-card-state { font-size: 13px; }
.mind-card-meta { font-size: 12px; color: var(--muted, #888); }

@media (max-width: 640px) {
  .mind-proof { grid-template-columns: 1fr; gap: 4px; }
  .mind-facts { grid-template-columns: 1fr; gap: 2px; }
  .mind-table { font-size: 13px; }
}