.published-container {
  --page-width: 1000px !important;  /* set what you want */
  --logo-radius: 0px !important;
}

body {
  --accent-h: 233;
  --accent-s: 79%;
  --accent-l: 56%;
}

.theme-dark {
	/*background-color: #222743;
	--background-primary: #0F113B;*/
	background-color: #242526;
	--background-primary: #0F113B;
}

.theme-dark .site-header {
	/*background-color: #0F113B;*/
	background-color: #181818;
}

.theme-dark .site-body-left-column {
	background-color: #181818;
	/*background-color: #0F113B;*/
}

.theme-light {
	background-color: #FFFFFF;
	--background-primary: #F9F9F9;
}

.theme-light .site-body-left-column {
	background-color: #F9F9F9
}


.site-body-left-column-site-name { 
  align-self: center; /* parent: display:flex */
}


.site-footer {
	display: none;
}

/* put in publish.css */
.theme-light .site-header-logo img {
	content: url("https://publish-01.obsidian.md/access/15652b7ba84a101f467e188512d84a40/0.%20Private/Attachments/home-logo-dark.png");
}

.theme-light .site-body-left-column-site-logo img,
.theme-light .site-body-left-column-site-name img {
  content: url("https://publish-01.obsidian.md/access/15652b7ba84a101f467e188512d84a40/0.%20Private/Attachments/dark-logo.png");
}

.theme-dark .site-header-logo img {
	content: url("https://publish-01.obsidian.md/access/15652b7ba84a101f467e188512d84a40/0.%20Private/Attachments/home-logo-white.png");
}

.theme-dark .site-body-left-column-site-logo img,
.theme-dark .site-body-left-column-site-name img {
  content: url("https://publish-01.obsidian.md/access/15652b7ba84a101f467e188512d84a40/0.%20Private/Attachments/white-logo.png");
}

.site-body-left-column-site-logo,
.site-body-left-column-site-name,
.site-header-logo,
.site-header-logo a {
  pointer-events: auto !important;
  position: relative;
  z-index: 40;
  cursor: pointer;
}

/* publish.css */
.psa-custom-link-wrap {
  padding: 8px 0px;
  border-bottom: 1px solid var(--background-modifier-border);
}
.psa-custom-link {
  display: block;
  text-decoration: none;
  font-weight: 600;
  padding-top: 8px;
}

.psa-custom-link:hover {
  text-decoration: underline;
  color: var(--link-color-hover);
}

img[alt*="center"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img[alt*="right"] {
    float:right;
    clear:right;
    margin-left: 1rem;
    margin-bottom: 2px;
    margin-top: 2px;
}

.is-flashing {
	background-color: #5D6EDD !important;
}

/* optional: ensure the image area has size even before load */
/*.site-body-left-column-site-logo img,
.site-body-left-column-site-name img {
  width: 160px; height: 40px; display:inline-block;
  }*/

/* Remove background, border, radius, padding, and icon */
.callout[data-callout="columns"] {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Hide only THIS callout’s icon */
.callout[data-callout="columns"] .callout-icon {
    display: none !important;
}

/* Hide only THIS callout’s title (not nested ones, not Callout Manager) */
.markdown-rendered 
.callout[data-callout="columns"]:not(.calloutmanager-preview) > .callout-title {
    display: none !important;
}

/* Columns layout */
.callout[data-callout="columns"] .callout-content {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.callout[data-callout="columns"] .callout-content > * {
    flex: 1 1 260px;
    min-width: 0;
}

/* Custom footer over the graph itself */
.graph-view .psa-graph-footer,
.psa-graph-footer {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 11px;
    color: var(--text-muted);
    /*background: rgba(0, 0, 0, 0.35);*/
    padding: 3px 6px;
    border-radius: 4px;
    z-index: 9999;
    pointer-events: none; /* don't block graph interactions */
}

.site-body-left-column-site-logo {
	z-index: 40 !important;
}