/* Shared hierarchy and spacing for the homepage and section indexes. */
body {
  --section-heading-rule: color-mix(
    in srgb,
    color-mix(in srgb, var(--ink, #14202a) 50%, var(--line, #d6d1c2)) 55%,
    transparent
  );
  --section-intermediate-rule: color-mix(
    in srgb,
    var(--line, #d6d1c2) 60%,
    transparent
  );
}

[data-stuckborder] {
  align-items: center !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  border-top-color: var(--section-heading-rule) !important;
}

[data-stuckborder].is-stuck {
  border-top-color: transparent !important;
}

[data-stuckborder] > :not(h2) {
  align-self: center !important;
}

[data-stuckborder]:has(.chip) > div:has(.chip) {
  padding-bottom: 0 !important;
}

div:has(> .idx-row),
div:has(> .list-row),
.idx-row,
.list-row,
.archive-list,
.archive-year,
.archive-talk,
.recordings,
.recording {
  border-color: var(--section-intermediate-rule) !important;
}

[data-stuckborder] + .video-catalogue,
[data-stuckborder] + .rhythm-preview-grid,
[data-stuckborder] + .workbench-grid {
  margin-top: 0 !important;
}

.home-index-list > .idx-row:last-child {
  border-bottom-color: transparent !important;
}

.home-index-list {
  overflow-anchor: none;
}

.home-index-legend-rule {
  border-top-color: var(--section-heading-rule) !important;
}

.section-major-rule {
  border-top-color: var(--section-heading-rule) !important;
}