/* === _textcontent.css ===
   Combined styles for Markdown content and Session Logs
*/

/* ===== Markdown-style Content ===== */
.markdown {
  max-width: 900px;
  margin: 2em auto;
  padding: 2em;
  background: rgba(255, 255, 255, 0.95);
  border: 3px double #6b4c2a;
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  color: #2d1d0f;
  line-height: 1.6;
}

.markdown h1,
.markdown h2,
.markdown h3 {
  font-family: 'Cinzel Decorative', serif;
  margin-top: 1.2em;
  color: #4a2600;
}

.markdown ul,
.markdown ol {
  padding-left: 2em;
  margin-bottom: 1em;
}

.markdown blockquote {
  font-style: italic;
  border-left: 4px solid #6b4c2a;
  padding-left: 1em;
  color: #4a2a10;
  background: rgba(255, 255, 255, 0.5);
}

.markdown code {
  background: #eee;
  padding: 0.2em 0.4em;
  border-radius: 3px;
  font-family: 'Courier New', monospace;
}

.markdown table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5em 0;
  background: rgba(255, 255, 255, 0.95);
  font-size: 1em;
  border: 1px solid #6b4c2a;
}

.markdown th,
.markdown td {
  border: 1px solid #6b4c2a;
  padding: 0.5em 0.75em;
  text-align: left;
  vertical-align: top;
}

.markdown th {
  background-color: #ece2d0;
  color: #3a2208;
  font-weight: bold;
  font-family: 'Cinzel Decorative', serif;
}

.markdown tr:nth-child(even) {
  background-color: #f8f5f0;
}

/* ===== Session Logs ===== */
.sessionlog {
  line-height: 1.7;
}

.sessionlog h1,
.sessionlog h2,
.sessionlog h3 {
  font-family: 'Cinzel Decorative', serif;
  color: #4a2600;
  border-bottom: 2px solid #d7c4a3;
  padding-bottom: 0.3em;
  margin-top: 1em;
}

.sessionlog h2 {
  font-size: 1.6em;
  margin-top: 1.4em;
  border-bottom: 2px dashed #b8a172;
  padding-bottom: 0.25em;
}

.sessionlog h3 {
  font-size: 1.3em;
}

.sessionlog ul,
.sessionlog ol {
  padding-left: 2em;
  margin-bottom: 1em;
}

.sessionlog li {
  margin-bottom: 0.3em;
  font-size: 1.1em;
}

.sessionlog p {
  font-size: 1.15em;
  margin-bottom: 1em;
}

.sessionlog blockquote {
  border-left: 4px solid #a58660;
  margin: 1em 0;
  padding: 0.5em 1em;
  background: rgba(255, 255, 255, 0.5);
  font-style: italic;
}

.sessionlog .embed {
  border-left: 4px solid #4a2600;
  padding-left: 1em;
  margin-top: 1em;
  background: rgba(250, 245, 230, 0.7);
}

.session-tags {
  margin-top: 2em;
  font-size: 1em;
  color: #4a2600;
  font-family: 'Georgia', serif;
}

.session-tags .tag {
  display: inline-block;
  background: rgba(255, 255, 255, 0.6);
  color: #4a2600;
  font-size: 0.95em;
  padding: 0.3em 0.6em;
  margin: 0.2em;
  border-radius: 4px;
  border: 1px solid #a58660;
}

/* ── JtR Book: page navigation & counter ─────────────────────────────────── */

.book-page .page-nav {
  display: flex;
  align-items: center;
  margin: 2em 0;               /* space above/below the nav */
  /* optional “rule” instead of your <hr> tags */
  border-top: 1px solid #ccc;
  padding-top: 1em;
}

.book-page .page-nav a {
  flex: 0 0 auto;
  text-decoration: none;
  font-weight: bold;
  color: #5c4638;              /* match your theme */
}

.book-page .page-nav a:hover {
  text-decoration: underline;
}

.book-page .page-counter {
  margin: 0 auto;              /* the magic that centers this item */
  font-style: italic;
  font-weight: 600;
  color: #5c4638;
}

/* if you want a lighter look for “coming soon” or “the-end” spans */
.book-page .coming-soon,
.book-page .the-end {
  margin: 0 auto;
  font-style: italic;
  color: #999;
}

/* optional: remove the extra <hr> in your template,
   since we’re using the border-top above */
.book-page hr {
  display: none;
}