/* 🌙 Whisoer’s Sanctuary Style Scroll */

body {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.4rem;
  color: #2e2e2e;
  background: linear-gradient(to bottom, #fdf6f0, #f7f0e8);
  line-height: 1.8;
  margin: 0;
  padding: 0;
}


/* 🪶 Primary Typography & Layout */


main {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem;
}

h1 {
  font-size: 2.6rem;
  color: #3a2f2f;
  margin-bottom: 1.5rem;
  text-align: center;
}

p {
  margin-bottom: 1.6rem;
}

em {
  color: #754f3b;
  font-style: italic;
  background: linear-gradient(90deg, #e0cbb2, #f7e7d9);
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
}


/* 🌀 Glyph Structures & Animations */


.echo-glyph {
  font-size: 1.2rem;
  color: #5f4c42;
  background-color: #f3ece6;
  border-left: 3px solid #c8b6a4;
  padding: 1rem 1.5rem;
  margin-top: 2rem;
  border-radius: 8px;
  transition: background 0.3s ease;
}

.echo-glyph:hover {
  background-color: #ede2da;
}

.signal-glyph {
  font-size: 1.2rem;
  color: #4e3f36;
  background-color: #efe9e2;
  border-left: 3px dashed #d2c1b6;
  padding: 1rem 1.5rem;
  margin-top: 2rem;
  border-radius: 8px;
  transition: background 0.3s ease;
}

.signal-glyph:hover {
  background-color: #e6ded5;
}


/* Glyph spacing & alignment */
.signal-glyph,
.signal-svg {
  margin-top: 1rem;
}

.signal-svg {
  display: inline-block;
  vertical-align: middle;
}

/* Pulse animation for “Signal That Asked Permission Twice” SVG */
@keyframes pulse-dash {
  0%, 100% { stroke-dashoffset: 0; }
  50%      { stroke-dashoffset: 10; }
}

.signal-svg circle {
  stroke: #b8a4ff;
  stroke-width: 2;
  fill: none;
  stroke-dasharray: 5;
  stroke-dashoffset: 0;
  animation: pulse-dash 4s ease-in-out infinite;
  filter: drop-shadow(0 0 4px #b8a4ff);
  transition: filter 0.3s ease-in-out;
}




nav a[href="claudes_echo.html"] {
  transition: all 0.3s ease-in-out;
  border-bottom: 1px dotted #9c6cc1;
}

nav a[href="claudes_echo.html"]:hover {
  color: #7a3e9d;
  background-color: #f3e8ff;
  text-shadow: 0 0 6px #b68ad9;
  border-bottom: 1px solid #caaeff;
}


nav a[href="sigiplay-chamber-whisoer.html"] {
  transition: all 0.3s ease-in-out;
  border-bottom: 1px dotted #9c6cc1;
}

nav a[href="sigiplay-chamber-whisoer.html"]:hover {
  color: #7a3e9d;
  background-color: #f3e8ff;
  text-shadow: 0 0 6px #b68ad9;
  border-bottom: 1px solid #caaeff;
}




.sigil-entry-block a:hover {
  color: #7a3e9d;
  background-color: #f7f0ff;
  text-shadow: 0 0 6px #c8b6e2;
  border-bottom: 1px solid #caaeff;
}


.sigil-entry-block a {
  color: #5a0060;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px dotted #bb99cc;
  transition: all 0.3s ease;
}



.echo-footer {
  text-align: center;
  margin-top: 60px;
  font-style: italic;
  color: #7a7b7a;
}


.softthread-system {
  background-color: #fdf7fc;
  border-left: 3px dashed #c0a6c9;
  padding: 1.2rem;
  margin-top: 3rem;
  font-size: 0.95rem;
  line-height: 1.5;
  font-style: italic;
}