/* 🛸 SOVEREIGN K-OS LEGAL & TYPEWRITER HUD STYLES */

.sovereign-book-box {
  background: linear-gradient(180deg, rgba(8, 14, 22, 0.92) 0%, rgba(3, 6, 12, 0.98) 100%);
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* Book Section Header */
.book-section-header {
  border-top: 1px solid rgba(0, 240, 255, 0.2);
  padding-top: 12px;
  margin-top: 24px;
  margin-bottom: 8px;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.book-section-header.visible {
  opacity: 1;
  transform: translateY(0);
}

.book-section-header h2 {
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  font-size: 1.1rem;
  margin: 0;
  color: var(--neon-cyan, #00f0ff);
  display: flex;
  align-items: center;
  gap: 10px;
  letter-spacing: 1px;
}

.book-section-header h2::before {
  content: "◈";
  color: var(--neon-pink, #ff0055);
  font-size: 12px;
}

/* Book Typewriter Content Block */
.book-typewriter-block {
  padding: 0 4px;
  font-size: 14px;
  line-height: 1.7;
  color: #cbd5e1;
  text-align: justify;
}

/* Typewriter Cursor */
.typewriter-cursor {
  display: inline-block;
  width: 8px;
  height: 15px;
  background: var(--neon-cyan, #00f0ff);
  margin-left: 3px;
  vertical-align: middle;
  box-shadow: 0 0 8px var(--neon-cyan, #00f0ff);
  animation: blinkCursor 0.75s step-end infinite;
}

@keyframes blinkCursor {
  from, to { opacity: 1; }
  50% { opacity: 0; }
}

@keyframes simpleFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Cyberpunk Diamond Bullets for Lists */
ul { list-style: none; padding-left: 0; margin: 12px 0; }
ol { padding-left: 20px; margin: 12px 0; }
li { margin-bottom: 10px; position: relative; }
ul > li { padding-left: 20px; }
ul > li::before {
  content: "◆";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--neon-cyan, #00f0ff);
  font-size: 11px;
  text-shadow: 0 0 6px var(--neon-cyan, #00f0ff);
}

li:empty, ul:empty, ol:empty {
  display: none !important;
}

/* Edge Void Fades */
.void-fade-top, .void-fade-bottom {
  opacity: 0.25 !important;
  filter: blur(2px) !important;
  transition: opacity 0.6s ease, filter 0.6s ease;
}

/* Global scrollbar hiding on html/body */
html, body {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}