/* оформление сайта ризомы (obsidian publish) #клодслоп
   этот файл читает только publish – сниппеты из .obsidian/snippets на сайт не попадают.
   часть 1 (контент) работает наверняка, часть 2 (шапка и колонки) может потребовать подгонки. */

/* ============================================================
   0. палитра и шрифт
   ============================================================ */

body {
  --rizoma-accent: #bf5e78;
  --rizoma-bg: #f4ebe3;
  --rizoma-card: #fff8f2;
  --rizoma-border: #e5cfc0;
  --rizoma-text: #3d3430;

  --font-text-theme: Georgia, "Times New Roman", serif;
  --font-interface-theme: Georgia, "Times New Roman", serif;
  --text-accent: var(--rizoma-accent);
  --interactive-accent: var(--rizoma-accent);
}

.markdown-preview-view,
.published-container {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  line-height: 1.6;
}

/* ============================================================
   1. контент заметок
   ============================================================ */

/* — карточки (rizoma-cards) — */

.rizoma-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.rizoma-card {
  border: 1px solid var(--background-modifier-border);
  border-radius: 16px;
  padding: 16px 18px;
  background: var(--background-secondary);
}

.rizoma-card h3 {
  margin: 0 0 12px 0;
  color: var(--text-accent);
  font-size: 1.05em;
}

.rizoma-card p {
  margin: 6px 0;
  line-height: 1.35;
}

/* — главная страница (rizoma-home) —
   включается через cssclasses: rizoma-home во фронтматтере заметки */

.rizoma-home .markdown-preview-view,
.rizoma-home.markdown-preview-view,
.rizoma-home .published-container {
  background: var(--rizoma-bg);
}

.rizoma-home h1 {
  font-size: 3.2em;
  color: var(--rizoma-accent);
  line-height: 1.05;
  margin-bottom: 0.4em;
}

.rizoma-home h2 {
  color: var(--rizoma-accent);
  margin-top: 2.2em;
  border-bottom: 1px solid var(--rizoma-border);
  padding-bottom: 0.3em;
}

.rizoma-home blockquote {
  border-left: 4px solid var(--rizoma-accent);
  background: rgba(255, 255, 255, 0.35);
  padding: 1em 1.2em;
  border-radius: 12px;
  color: var(--rizoma-text);
}

.rizoma-home .rizoma-grid {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 16px;
  margin: 24px 0;
}

.rizoma-home .rizoma-card {
  background: var(--rizoma-card);
  border: 1px solid var(--rizoma-border);
  border-radius: 18px;
  padding: 18px 20px;
  box-shadow: 0 8px 24px rgba(90, 60, 40, 0.08);
}

.rizoma-home .rizoma-card h3 {
  margin-top: 0;
  color: var(--rizoma-accent);
  font-size: 1.25em;
}

.rizoma-home .rizoma-card p {
  margin-bottom: 0.5em;
  line-height: 1.45;
}

/* — сетка школ (schools-grid) — */

.callout[data-callout="schools-grid"] {
  --callout-color: 97, 88, 130;
  border-radius: 18px !important;
  padding: 0.4rem !important;
  background: var(--background-secondary) !important;
  border: 1px solid var(--background-modifier-border) !important;
}

.callout[data-callout="schools-grid"] > .callout-title {
  font-size: 1.15em !important;
  font-weight: 700 !important;
  padding-bottom: 0.5rem !important;
}

.callout[data-callout="schools-grid"] .callout-content ul:first-child,
.callout[data-callout="schools-grid"] .callout-content > .el-ul > ul {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 14px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.callout[data-callout="schools-grid"] ul,
.callout[data-callout="schools-grid"] li {
  list-style: none !important;
}

.callout[data-callout="schools-grid"] li::marker {
  content: "" !important;
}

.callout[data-callout="schools-grid"] .callout-content ul:first-child > li,
.callout[data-callout="schools-grid"] .callout-content > .el-ul > ul > li {
  list-style: none !important;
  padding: 14px !important;
  margin: 0 !important;
  border: 1px solid var(--background-modifier-border) !important;
  border-radius: 16px !important;
  background: var(--background-primary) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.callout[data-callout="schools-grid"] .callout-content ul:first-child > li > strong,
.callout[data-callout="schools-grid"] .callout-content > .el-ul > ul > li > strong {
  display: block !important;
  margin-bottom: 10px !important;
  font-size: 1em !important;
  letter-spacing: 0.02em !important;
  color: var(--text-normal) !important;
}

.callout[data-callout="schools-grid"] .callout-content ul ul {
  display: grid !important;
  gap: 7px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-left: none !important;
}

.callout[data-callout="schools-grid"] .callout-content ul ul li {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.callout[data-callout="schools-grid"] .callout-content a.internal-link {
  display: block !important;
  padding: 9px 10px !important;
  border: 1px solid var(--background-modifier-border) !important;
  border-radius: 11px !important;
  background: var(--background-secondary) !important;
  text-decoration: none !important;
  line-height: 1.25 !important;
}

.callout[data-callout="schools-grid"] .callout-content a.internal-link:hover {
  background: var(--background-modifier-hover) !important;
  border-color: var(--text-accent) !important;
}

/* ============================================================
   2. чтобы это выглядело сайтом, а не страницей
   селекторы шапки и колонок могут отличаться – сверить на живом сайте
   ============================================================ */

/* заголовки заметок крупнее, интервалы просторнее */
.markdown-preview-view h1 {
  font-size: 2.4em;
  line-height: 1.1;
  color: var(--rizoma-accent);
}

.markdown-preview-view h2 {
  margin-top: 1.8em;
}

/* ссылки – акцентом, без подчёркивания до наведения */
.published-container a.internal-link,
.markdown-preview-view a.internal-link {
  color: var(--rizoma-accent);
  text-decoration: none;
}

.published-container a.internal-link:hover,
.markdown-preview-view a.internal-link:hover {
  text-decoration: underline;
}

/* шапка сайта */
.site-header,
.site-header-title {
  font-family: Georgia, "Times New Roman", serif;
}

/* название сайта в боковой колонке */
.site-body-left-column .site-name,
.site-name {
  font-size: 1.15em;
  letter-spacing: 0.01em;
  color: var(--rizoma-accent);
}