/* =========================================================
   GLOBAL TYPOGRAPHY
========================================================= */

.markdown-rendered,
.markdown-preview-view {
  line-height: 1.55;
}

/* Slightly tighten paragraph rhythm (good for CV blocks) */
.markdown-rendered p,
.markdown-preview-view p {
  margin-block: 0.45rem;
}

/* =========================================================
   IMAGES
========================================================= */

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* =========================================================
   LINKS (remove purple visited)
========================================================= */

.markdown-rendered a,
.markdown-preview-view a {
  color: steelblue !important;
  text-decoration: none !important;
}

.markdown-rendered a:visited,
.markdown-preview-view a:visited {
  color: steelblue !important;
}

.markdown-rendered a:hover,
.markdown-preview-view a:hover {
  color: steelblue !important;
  text-decoration: underline !important;
}

/* =========================================================
   HEADINGS
========================================================= */

/* Main page title (#) */
.markdown-rendered h1,
.markdown-preview-view h1,
.cm-header-1 {
  color: steelblue !important;
  font-size: 40px !important;
  padding-bottom: 0.4rem !important;
  margin-bottom: 1.2rem !important;
  border-bottom: 2px solid rgba(70,130,180,0.35) !important;
}

/* Section headings (##) */
.markdown-rendered h2,
.markdown-preview-view h2,
.cm-header-2 {
  color: steelblue !important;
  padding-bottom: 0.3rem !important;
  margin-top: 1.8rem !important;
  border-bottom: 3px solid steelblue !important;
}

/* Subsections (###) */
.markdown-rendered h3,
.markdown-preview-view h3,
.cm-header-3 {
  color: steelblue !important;
}

/* Lower levels */
.markdown-rendered h4,
.markdown-rendered h5,
.markdown-rendered h6,
.markdown-preview-view h4,
.markdown-preview-view h5,
.markdown-preview-view h6,
.cm-header-4,
.cm-header-5,
.cm-header-6 {
  color: steelblue !important;
}

/* =========================================================
   HORIZONTAL RULES (---)
========================================================= */

.markdown-rendered hr,
.markdown-preview-view hr {
  border: none !important;
  border-top: 1px solid rgba(0,0,0,0.10) !important;
  margin: 1.4rem 0 !important;
}

.theme-dark .markdown-rendered hr,
.theme-dark .markdown-preview-view hr {
  border-top: 1px solid rgba(255,255,255,0.12) !important;
}

/* =========================================================
   TOP BUTTON STYLE
========================================================= */

.markdown-rendered .toplink a,
.markdown-preview-view .toplink a {
  display: inline-block;
  margin-top: 0.6rem;
  padding: 6px 12px;
  border-radius: 6px;
  background: rgba(70,130,180,0.12);
  border: 1px solid rgba(70,130,180,0.35);
  font-weight: 500;
  font-size: 0.9rem;
}

/* =========================================================
   CV PERIOD (date line refinement)
========================================================= */

.cv-period {
  opacity: 0.75;
  font-size: 0.95rem;
}

/* =========================================================
   TABLES
========================================================= */

.markdown-rendered table,
.markdown-preview-view table {
  margin-left: auto;
  margin-right: auto;
}

/* =========================================================
   LAYOUT VARIABLES
========================================================= */

.published-container {
  --readable-width: 1000px;
  --bold-weight: 600;
}

/* =========================================================
   LIGHT / DARK THEMES
========================================================= */

.theme-light {
  --background-primary: #fdfefe;
}

.theme-dark {
  --background-primary: #12171b;
}

/* =========================================================
   LIST SPACING
========================================================= */

body {
  --list-spacing: 0.25em;
}

/* =========================================================
   YAML BLOCKS HIDDEN
========================================================= */

pre > code.language-yaml {
  display: none !important;
}

pre:has(> code.language-yaml) {
  display: none !important;
}

/* =========================================================
   ITALICS SOFTENING (project lines)
========================================================= */

.markdown-rendered em,
.markdown-preview-view em {
  opacity: 0.95;
}