/* Methodology page styling */
body.methodology .page-content {
  max-width: 820px;
  margin: 0 auto;
}

body.methodology h2 {
  margin-top: 3.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border);
}

body.methodology h3 {
  margin-top: 2rem;
}

body.methodology hr {
  margin: 3rem 0;
  opacity: 0.3;
}

body.methodology ul,
body.methodology ol {
  margin-left: 1.5rem;
}

body.methodology blockquote {
  margin-top: 3rem;
  font-style: italic;
  opacity: 0.85;
}

/* Session page headings */
.post-content h2 {
  color: #c9d1d9;          /* hillitty vaalea */
  border-bottom: 1px solid #30363d;
  padding-bottom: 0.3rem;
  margin-top: 3rem;
}

.post-content h3 {
  color: #9da7b1;
  margin-top: 2rem;
}

.wave-time {
  font-size: 0.85rem;
  color: #9da7b1;
  margin-bottom: 0.25rem;
  text-align: right;
}

.wave-timeline {
  margin-top: 4px;
  margin-bottom: 8px;
}

/* Marker confidence colors */
.wave-marker.conf-low {
  background: #6b7280; /* gray */
}

.wave-marker.conf-medium {
  background: #facc15; /* yellow */
}

.wave-marker.conf-high {
  background: #22c55e; /* green */
}

/* Marker list bullets */
.marker-list li {
  cursor: pointer;
}

.marker-list li.conf-low::before {
  content: "● ";
  color: #6b7280;
}

.marker-list li.conf-medium::before {
  content: "● ";
  color: #facc15;
}

.marker-list li.conf-high::before {
  content: "● ";
  color: #22c55e;
}

blockquote {
  border-left: 3px solid #3b82f6;
  background: rgba(59, 130, 246, 0.05);
  padding: 1rem;
}

.session-summary {
  font-size: 0.85rem;
  line-height: 1.45;
  opacity: 0.9;
    border: 1px solid rgba(255,255,255,0.08);
  border-left: 3px solid #3b82f6;

  border-radius: 6px;
  padding: 0.9rem 1.1rem;
  margin: 1.5rem 0 2rem 0;

  background: rgba(255,255,255,0.02);
}

.session-summary strong {
  display: block;
  font-size: 0.8rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  opacity: 0.8;
  margin-bottom: 0.5rem;
}


.session-summary ul {
  margin: 0.4rem 0 0.6rem 1.1rem;
}

.session-summary li {
  margin-bottom: 0.3rem;
}

.session-summary .summary-note {
  font-size: 0.75rem;
  opacity: 0.6;
  margin-top: 0.6rem;
}

.post-content .interpretation,
.post-content .interpretation * {
  font-size: 0.75rem;
  line-height: 1.4;
  color: #9da7b1;
}

.post-content .interpretation {
  margin-top: 1rem;
  padding-left: 0.75rem;
  border-left: 2px solid rgba(157, 167, 177, 0.3);
}

.post-content .interpretation::before {
  content: "🎧Researcher's observation";
  display: block;
  font-size: 0.65rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.6;
  margin-bottom: 0.3rem;
}

.interpretation {
  background: linear-gradient(
    to right,
    rgba(59,130,246,0.06),
    rgba(59,130,246,0.01)
  );
}