/* 静态站专有样式：首页总览 */

.ov-lead {
  color: var(--text-soft);
  font-size: 15px;
  margin: -6px 0 30px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--border);
}

.ov-note {
  margin-top: 34px;
  padding-top: 18px;
  border-top: 1px solid var(--border);
  color: var(--text-faint);
  font-size: 12.5px;
  line-height: 1.8;
}
.ov-note code {
  font-size: 12px;
  background: var(--code-bg);
  border: 1px solid var(--border);
  border-radius: 4px;
  padding: 1px 5px;
}

.overview {
  display: grid;
  gap: 14px;
}

.overview .chapter {
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 16px 20px 14px;
  background: var(--surface-2);
}

.overview .chapter h3 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 10px;
  font-size: 15px;
  color: var(--text);
}

.ov-count {
  margin-left: auto;
  font-size: 11.5px;
  font-weight: 400;
  color: var(--text-faint);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 1px 9px;
}

.overview ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.overview li {
  border-top: 1px solid var(--border);
}
.overview li:first-child { border-top: none; }

.overview li a {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 8px;
  margin: 0 -8px;
  border-radius: 7px;
  color: var(--text-soft);
  text-decoration: none;
  font-size: 13.5px;
  line-height: 1.5;
  transition: .13s;
}
.overview li a:hover {
  background: var(--surface);
  color: var(--accent);
}

.overview li a > span:not(.num-badge):not(.ov-dir) {
  flex: 1;
  min-width: 0;
}

.ov-dir {
  flex: none;
  font-size: 11px;
  color: var(--text-faint);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  direction: rtl;
  text-align: right;
}

/* 静态页里侧边栏条目用 <a>，与 SPA 的 .item 一致即可 */
.tree .item .label { text-decoration: none; }

/* 单页内的锚点跳转留出顶栏高度 */
.article h2, .article h3, .article h4 { scroll-margin-top: 76px; }

@media (max-width: 900px) {
  .overview .chapter { padding: 14px 15px 12px; }
  .ov-dir { display: none; }
}