/* cards.css
 *
 * Shared card surface, Display section titles, and clip-hide.
 * Template overrides use .boost-card; Stock markup is listed here.
 * No utility classes.
 */

.card,
.panel,
.panel-default,
.panel-body,
.well,
.modal-content,
.popover,
.toast,
[role="main"] .boost-card,
.overview .col-md-3 > div:not(.stats),
.overview #most-active-poster,
.overview #discussion-maker,
.page-hk_thread [role="main"] #thread-overview-info > .card,
.page-hk_thread [role="main"] #thread-overview-info > .card.border-danger,
.page-hk_thread [role="main"] #participants,
.page-hk_thread [role="main"] #tags,
.page-hk_thread [role="main"] #add-tag,
.page-hk_message_index [role="main"] #message-overview-info,
.page-hk_message_index [role="main"] #message-overview-info > .card,
.page-hk_message_index [role="main"] #message-overview-info > .card.border-danger,
[data-page-group="account"] [role="main"]:has(> form) {
  background-color: var(--color-surface-weak);
  border: 1px solid var(--color-stroke-weak);
  border-radius: var(--border-radius-xl);
  box-shadow: none;
}

.page-list_summary [role="main"] .boost-about-card > h2,
.page-list_summary [role="main"] .boost-subscribe-card > h2,
.page-list_summary [role="main"] .boost-subscribe-card > div > h2,
.page-hk_list_overview [role="main"] .overview .boost-join-card > h2,
.page-list_summary [role="main"]:where(:has(> .boost-list-summary--signed-in)) .overview .boost-join-card > h2,
.page-hk_thread [role="main"] #participants_title,
.page-hk_thread [role="main"] #tag-title,
body .overview h2,
body .overview .h2 {
  font-family: var(--font-display);
  font-size: var(--font-size-large);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--letter-spacing-tight);
  text-transform: none;
  color: var(--color-text-primary);
}

/* HyperKitty JS reads clip-hidden nodes (.text(), vote labels). */
:is([data-page-group="post"], [data-page-group="hk-form"]) [role="main"] .email-first .gravatar-wrapper,
.email-info form.likeform a.vote .hidden-tn,
.email-info form.likeform a.vote .hidden-xs {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}