/*
 * Obsidian Publish sidebar intro
 *
 * Edit only the string below. Keep the surrounding double quotes.
 * Use \A to force a line break.
 */
.published-container {
  --sidebar-intro-text: "Britaewoonica\A\A개인적인 호기심이 가득한 곳";
  --sidebar-intro-color: var(--text-muted);
  --sidebar-intro-size: 0.9rem;
  --sidebar-intro-line-height: 1.6;
  --sidebar-intro-gap-top: 10px;
  --sidebar-intro-gap-bottom: 18px;
  --sidebar-intro-padding-x: 18px;
}

.site-body-left-column-site-name::after {
  content: var(--sidebar-intro-text);
  display: block;
  white-space: pre-wrap;
  color: var(--sidebar-intro-color);
  font-size: var(--sidebar-intro-size);
  line-height: var(--sidebar-intro-line-height);
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  width: 100%;
  box-sizing: border-box;
  margin: var(--sidebar-intro-gap-top) 0 var(--sidebar-intro-gap-bottom);
  padding: 0 var(--sidebar-intro-padding-x);
  text-align: right;
}

/* Fallback for layouts that don't render the site name element. */
.site-body-left-column:not(:has(.site-body-left-column-site-name)) .nav-view-outer::before {
  content: var(--sidebar-intro-text);
  display: block;
  white-space: pre-wrap;
  color: var(--sidebar-intro-color);
  font-size: var(--sidebar-intro-size);
  line-height: var(--sidebar-intro-line-height);
  font-weight: 400;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 var(--sidebar-intro-gap-bottom);
  padding: 0 var(--sidebar-intro-padding-x);
  text-align: right;
}

@media screen and (max-width: 768px) {
  .published-container {
    --sidebar-intro-size: 0.85rem;
    --sidebar-intro-gap-bottom: 14px;
  }
}