/* Styles owned by templates in src/_includes/custom/. */
.home-tree {
  margin: 0;
  padding: 0;
  list-style: none;
}

.latest-updates,
.explore-project,
.contact-section {
  margin: 0 0 2rem;
  padding: clamp(1rem, 3vw, 1.5rem);
  border: 1px solid var(--line);
  border-top: 4px solid var(--red);
  border-radius: 6px;
  background: var(--surface);
}

.latest-updates-heading,
.explore-project-heading,
.contact-heading {
  margin: 0;
  color: var(--navy);
  font-size: 1.4rem;
}

.home-tree > li[id] {
  scroll-margin-top: 1rem;
}

.contact-section > p:last-child {
  margin-bottom: 0;
}

.explore-project > .tree {
  padding: 0;
  border: 0;
  background: transparent;
}

.latest-updates-context {
  margin: .35rem 0 1.25rem;
  color: var(--ink);
}

.latest-updates .latest-updates-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
}

.latest-updates-list > li + li {
  margin-top: 1.2rem;
  padding-top: 1.2rem;
  border-top: 1px solid var(--line);
}

.latest-updates-meta {
  margin: 0 0 .3rem;
  color: var(--muted);
  font-size: .875rem;
}

.latest-updates-title {
  margin: 0 0 .4rem;
  font-size: 1.1rem;
  line-height: 1.4;
}

.latest-updates-title a {
  font-weight: 700;
}

.latest-updates-description {
  margin: 0;
}

.latest-updates-description + .latest-updates-description {
  margin-top: .75rem;
}

.latest-updates-profile {
  margin: 1.25rem 0 0;
}

/* Preserve the Overview layout when updates and introduction are tree nodes. */
.officer-section-panel > .tree:has(> li > .latest-updates) {
  padding-block: 0;
}

.tree > li:has(> .latest-updates) + .tree-text-item > p,
.tree > li:has(> .latest-updates) + .tree-text-item + .tree-text-item > p {
  margin: 0;
  line-height: 1.65;
  overflow-wrap: anywhere;
}

.tree > li:has(> .latest-updates) + .tree-text-item + .tree-text-item > p {
  margin-top: 1rem;
  margin-bottom: 1.25rem;
}

.latest-updates-records {
  margin: 0 0 1.25rem;
}

.latest-updates-description + .latest-updates-records {
  margin-top: .75rem;
  margin-bottom: 0;
}

/* All Updates archive: reuse the homepage update cards and officer filter controls. */
.page-heading + .latest-updates {
  margin-top: 0;
}
.page-heading + .latest-updates .latest-updates-list > li:first-child {
  padding-top: 0;
}
.page-heading + .latest-updates .officer-filters {
  margin-top: 0;
  margin-bottom: 1.25rem;
}