.about-page{
  --max: var(--wrap);
  --card-max: var(--wrap);
}


.search-section {
  gap: 6px;
  margin: 8px 0 6px;
  width: 100%;
  max-width: var(--section-max);
  margin-inline: auto;
}

.search-title,
.search-summary {
  margin: 0; /* ensure same left start as grid */
}

/* Remove the person-page body indent on About only */
.about-page .post-card .post-body {
  padding-left: 0 !important;
  margin-left: 0 !important;

}

/* If you want the sources/details lists to align to the same column width as cards: */
.about-page .section-sep,
.about-page .wall-list,
.about-page .post-card {
  max-width: var(--card-max);
  margin-left: auto;
  margin-right: auto;
}

/* Lists → single column tracks that stretch children (width fix) */
.about-page .wall-list,
.about-page .comment-list{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:1fr; gap:12px;
}

/* Cards: always full width; prevent shrink from long words */
.about-page .post-card {
  display:block; width:100%; min-width:0; box-sizing:border-box;
  border-radius:16px;
  padding:12px; margin:0; /* gap is handled by the grid */

  max-width: var(--card-max);
  margin-left: auto;
  margin-right: auto;
}

/* Make About match the main wrap width */
.about-page .search-section{
  max-width: var(--wrap);
}

/* page-specific hover border color only; base hover from site.css */
.about-page .post-card:hover { border-color:#d7dbe3; }


.about-page .post-head,
.about-page .comment-head{
  display:flex; gap:10px; align-items:center; margin-bottom:6px; min-width:0;
}

/* Collapsible Updates */
.updates-block {
  margin-top: .5rem;              /* small space above the section */
  border: 0;                      /* keep native <details> border off */
}

.updates-summary {
  list-style: none;               /* remove default disclosure triangle bullet in some browsers */
}

.updates-summary::-webkit-details-marker { display: none; } /* Safari/Chromium marker */
.updates-summary { cursor: pointer; }

/* space between the "Updates" header and the posts when open */
.updates-block[open] .updates-body {
  margin-top: .5rem;              /* <— the small gap you wanted */
}

/* Optional: add a subtle divider under the header when open */
.updates-block[open] .updates-summary {
  border-bottom: none;
  padding-bottom: .25rem;
}

/* About updates: let post cards span the full section width (not card-max) */
.about-page .updates-body .post-card{
  max-width: none; /* remove card cap; width:100% already set above */
}


/* Small “click to open” hint */
.hint {
  font-size: 0.8rem;
  font-weight: 400;
  color: var(--text-muted, #666);
  margin-left: 6px;
  transition: opacity 0.2s ease;
}

/* Hide the hint when section is open */
.updates-block[open] .hint {
  opacity: 0;
  visibility: hidden;
}