/* ============= QUANTZ Publish ============*/

body {
  --list-spacing: 0.25em;
  --font-default: Georgia, serif;
}


.published-container {
  	--font-text-size: 1.2em;
}
.published-container .markdown-rendered h1, 
.published-container .markdown-rendered h2,
.published-container .markdown-rendered h3,
.published-container .markdown-rendered h4 {
    border-bottom: none;
    /* padding-bottom: 0.25em; */
    font-family: "Helvetica Neue", sans-serif;
}

.nav-view,
.backlinks {
	font-family: "Helvetica Neue", sans-serif;
}

.backlink-item {
	margin-bottom: 0.5em;
}

.site-body-left-column-site-name {
    font-size: 1em;
    font-weight: normal;
    text-align: center;
    color: #960000;
    font-family: "Helvetica Neue", sans-serif;
}



div.page-header {
  font-weight: bold;
  font-size: 1em;
  color: #777;
}

.markdown-preview-view h1 {
  font-weight: normal;
  font-size: 2em;
  color: #960000;
  line-height: 1.25;
}


.markdown-preview-view h1:first-of-type,
.site-body h1:first-of-type {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}




.markdown-preview-view h2 {
    font-weight: normal;
    font-size: 1.5em;
    color: #960000;
    line-height: 1.25;
}

.markdown-preview-view h2:first-of-type,
.site-body h2:first-of-type {
  margin-top: 1em !important;
  margin-bottom: 0 !important;
}


.markdown-preview-view h3 {
    font-weight: normal;
    font-size: 1.25em;
    color: #730;
    line-height: 1.25;

}

.markdown-preview-view h4 {
    font-weight: normal;
    font-size: 1em;
    color: #730;
}


.el-h4 {margin-top: 2em; font-size: 1.2em;}

.markdown-preview-view blockquote {
    border-left: 3px solid #ccc;
    padding: 10px 20px;
    /* margin-inline-start: 30px; */
    margin-inline-start: 0px;
    /* margin-inline-end: 30px; */
    margin-inline-end: 0px;
    font-style: normal;
    
}


.markdown-preview-view strong {
  font-weight: normal;
  color: #960000;
}

.markdown-preview-view li {
  /* margin-bottom: 1em; */
}


.markdown-preview-view .callout,
.site-body .callout {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}
/* note color 47, 108, 214 */

.callout-title-inner {
  font-weight: normal;
  line-height: 1.5;
}



/*----------------Chat suggestion-----------------------*/

.callout-icon {
  display: none;
}

.callout[data-callout="commentary"],
.callout[data-callout="call-out"] {
  --callout-color: 85, 68, 47;
   border-left: 2px solid #8A6F4D;
}

.callout[data-callout="commentary"] .callout-icon,
.callout[data-callout="call-out"] .callout-icon {
  display: none;
}

.callout[data-callout="german"] {
  --callout-color: 60, 90, 140;
   border-left: 2px solid #4a6fa5;
}

.callout[data-callout="french"] {
  --callout-color: 140, 80, 120;
  border-left: 2px solid #9b5c8f;
}

.callout[data-callout="french-english"] {
  --callout-color: 80, 120, 90;
   border-left: 2px solid #5f8a5f;
}

.callout[data-callout="italian"] {
  --callout-color: 178, 102, 64;
   border-left: 2px solid rgb(180, 105, 70);
}

.callout[data-callout="german"] .callout-content,
.callout[data-callout="french"] .callout-content,
.callout[data-callout="italian"] .callout-content {
  font-size: 0.95em;
  line-height: 1.55;
}

.callout[data-callout="external-source"] {
  --callout-color: 100, 100, 100;
  border-left: 2px solid #666666;
}

.callout[data-callout="external-source"] .callout-content {
  font-size: 0.95em;
  line-height: 1.55;
}

/*---------------end-Chat suggestion-----------------------*/



.callout[data-callout="download"] {
  --callout-color: 49, 103, 155;
  --callout-icon: lucide-download;
}

.callout[data-callout="external-link"] {
  --callout-color: 49, 103, 155;
  --callout-icon: lucide-external-link;
}

.callout[data-callout="pdf"] {
  --callout-color: 49, 103, 155;
  --callout-icon: lucide-file-text;
}

.callout[data-callout="audio"] {
  --callout-color: 49, 103, 155;
  --callout-icon: lucide-file-audio;
}

.callout[data-callout="link"] {
  --callout-color: 49, 103, 155;
  --callout-icon: lucide-link;
}


.callout[data-callout="book"] {
  --callout-color: 49, 103, 155;
  --callout-icon: lucide-book;
}



.callout[data-callout="callout"] {
  --callout-color: 47, 108, 214;
  --callout-icon: lucide-;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
  margin-top: 2em;
  margin-bottom: 2em;
}

.callout[data-callout="callout"] .callout-title-inner {color: rgb(34, 34, 34);}



.callout[data-callout="important"],
.callout[data-callout="nb"] {
  --callout-color: var(--callout-warning);
  --callout-icon: lucide-flame;
}
.callout[data-callout="important"] .callout-title-inner {color: rgb(34, 34, 34);}
.callout[data-callout="nb"] .callout-title-inner {color: rgb(34, 34, 34);}


.callout[data-callout="quote"] {
  --callout-color: 47, 108, 214;
  --callout-icon: lucide-quote;v
}
.callout[data-callout="quote"] .callout-title-inner {color: rgb(34, 34, 34);}




/* Custom Callout: box */
.callout[data-callout="box"] {
  --callout-color: 47, 108, 214;
  padding: 0;
  border: none;
  border-radius: 0.5em;
  overflow: hidden;
  margin-top: 3em;
  margin-bottom: 3em;
}

/* Hide the Callout Icon */
.callout[data-callout="box"] .callout-icon {
  display: none;
}

/* Title Styling */
.callout[data-callout="box"] .callout-title {
  background-color: rgba(var(--callout-color), 0.1);
  color: #000000;
  font-size: 1em;
  font-weight: 600;
  padding: 0.75em 1em;
  margin: 0;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}

/* Content Area Styling */
.callout[data-callout="box"] .callout-content {
  background-color: #ffffff;
  color: #000000;
  padding: 0 1em 0 1em; /* Reduced top padding */
  border: 1px solid rgba(var(--callout-color), 0.25);
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  margin-top: 0; /* Ensure no extra space between title and content */
}



/* Custom Callout: sidenote */
.callout[data-callout="sidenote"] {
  --callout-color: 47, 108, 214;
  padding: 0;
  border: none;
  border-radius: 0.5em;
  overflow: hidden;
  margin-top: 3em;
  margin-bottom: 3em;
}

/* Hide the Callout Icon */
.callout[data-callout="sidenote"] .callout-icon {
  display: none;
}

/* Title Styling */
.callout[data-callout="sidenote"] .callout-title {
  background-color: rgba(var(--callout-color), 0.1);
  color: #000000;
  font-size: 1em;
  font-weight: 600;
  padding: 0.75em 1em;
  margin: 0;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}

/* Content Area Styling */
.callout[data-callout="sidenote"] .callout-content {
  background-color: #ffffff;
  color: #000000;
  padding: 0 1em 0 1em; /* Reduced top padding */
  border: 1px solid rgba(var(--callout-color), 0.25);
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  margin-top: 0; /* Ensure no extra space between title and content */
}





/* Custom Callout: urtext */
.callout[data-callout="urtext"] {
  --callout-color: 120, 82, 238;
  padding: 0;
  border: none;
  border-radius: 0.5em;
  overflow: hidden;
  margin-top: 3em;
  margin-bottom: 3em;
}

/* Hide the Callout Icon */
.callout[data-callout="urtext"] .callout-icon {
  display: none;
}

/* Title Styling */
.callout[data-callout="urtext"] .callout-title {
  background-color: rgba(var(--callout-color), 0.1);
  color: #000000;
  font-size: 1em;
  font-weight: 600;
  padding: 0.75em 1em;
  margin: 0;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}

/* Content Area Styling */
.callout[data-callout="urtext"] .callout-content {
  background-color: #ffffff;
  color: #000000;
  padding: 0 1em 0 1em; /* Reduced top padding */
  border: 1px solid rgba(var(--callout-color), 0.25);
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  margin-top: 0; /* Ensure no extra space between title and content */
}


.callout[data-callout="important"],
.callout[data-callout="nb"] {
  --callout-color: var(--callout-warning);
  --callout-color: var(--callout-warning);
  --callout-icon: lucide-flame;
  margin: 0;
  padding: 0;
  
}

.callout[data-callout="nb"] .callout-icon {
  display: none;
}
.callout[data-callout="important"] .callout-title-inner 
{	color: rgb(34, 34, 34); 
	background-color: rgba(var(--callout-color), 0.1);
}
.callout[data-callout="nb"] .callout-title-inner 
{	color: rgb(34, 34, 34);
	background-color: rgba(var(--callout-color), 0.1);
	padding: 0.75em 1em;
}

.callout[data-callout="nb"] .callout-content {	
	background-color: rgba(var(--callout-color), 0.1);
	padding-left: 1em;
}


/* ========= TABLE STYLE ================================= */


.el-table table {
	border: 0.1em solid #730;
    border-radius: 1em; /* Optional: Rounded corners */
    border-collapse: separate;
    border-spacing: 0.25em;
    padding: 0.5em;
    margin-bottom: 3em;
    table-layout: fixed;
    width: 100%;
}

.el-table th,
.el-table td {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

/*table tbody td:first-child {
    font-style: italic;
}*/


.markdown-rendered table td:nth-child(1),
.markdown-rendered table th:nth-child(1) {
  background-color: rgb(236, 238, 243);
}

.markdown-rendered table td:nth-child(3),
.markdown-rendered table th:nth-child(3) {
  background-color: rgb(242, 238, 241);
}

.markdown-rendered table td:nth-child(4),
.markdown-rendered table th:nth-child(4) {
  background-color: rgb(238, 241, 238);
}


.render-container:has(.hide-outline) .site-body-right-column,
.render-container:has(.hide-outline) .site-body-right-column-inner,
.render-container:has(.hide-outline) .outline-view-outer,
.render-container:has(.hide-outline) .outline-view {
  display: none !important;
}