/* iStructure — azure shimmer theme + note rendering */

/* Clean black-and-white page. Colour lives only on the brand pill. */
html, body { min-height: 100%; }
body {
  background: #ffffff;
  color: #0f172a;
}

/* Black brand pill with a light sheen sweeping across — iStructure only. */
.brand-shimmer {
  background: linear-gradient(110deg, #0a0a0a 0%, #0a0a0a 38%, #3d3d3d 47%, #6e6e6e 50%, #3d3d3d 53%, #0a0a0a 62%, #0a0a0a 100%);
  background-size: 300% 100%;
  animation: pillShine 5.5s linear infinite;
  font-family: "Courier New", Courier, monospace;
  letter-spacing: -0.02em;
}
@keyframes pillShine {
  0%   { background-position: 150% 0; }
  100% { background-position: -150% 0; }
}
@media (prefers-reduced-motion: reduce) { .brand-shimmer { animation: none; background: #0a0a0a; } }

#raw { tab-size: 2; color: #0f172a; }
#raw::placeholder { color: #94a3b8; }

.qa h3 {
  font-family: "EB Garamond", Georgia, serif;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #0f172a;
  margin: 1rem 0 0.4rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #e2e8f0;
}
.qa h3:first-child { margin-top: 0; }

.qa p {
  font-family: "EB Garamond", Georgia, serif;
  font-size: 1.02rem;
  font-weight: 500;
  line-height: 1.6;
  color: #0f172a;
  margin: 0.25rem 0 0.6rem;
}

.qa ul {
  list-style: disc;
  padding-left: 1.25rem;
  margin: 0.25rem 0 0.7rem;
}
.qa li {
  font-family: "EB Garamond", Georgia, serif;
  font-size: 1.02rem;
  font-weight: 500;
  line-height: 1.5;
  color: #0f172a;
  margin: 0.15rem 0;
}

@media (max-width: 640px) {
  .qa h3 { font-size: 1rem; }
  .qa p, .qa li { font-size: 0.98rem; }
}