/* Rules the vendored theme stylesheet does not cover.
   app.css is an unpurged Tailwind artifact exported from WordPress and is
   treated as read-only, so site-specific overrides live here. */

/* Keep navigation available while the page scrolls. The header's stacking
   context also keeps its dropdowns above page content. Offset anchor jumps so
   sections linked from the menu are not hidden behind the sticky header. */
html {
  scroll-padding-top: 64px;
}

header {
  position: sticky;
  top: 0;
  z-index: 50;
  background-color: #fff;
}

/* Contact titles do not all occupy the same number of lines. Stretch every
   card to the height of the tallest card in its row, and use one text size for
   roles, names, email addresses, and phone numbers. Long addresses may wrap
   rather than extending beyond the card edge. */
.team-member-card {
  display: flex;
}

.team-member-card > .card-pink {
  width: 100%;
}

.team-member-card .board-member-position {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2em;
}

.team-member-card .board-member-name {
  font-size: 14px;
}

.team-member-card .team-contacts {
  font-size: 13px;
  max-width: 100%;
}

.team-member-card .team-contacts img {
  flex-shrink: 0;
}

.team-member-card .team-contacts span {
  min-width: 0;
  overflow-wrap: normal;
  white-space: nowrap;
}

/* Legal documents number their own clauses ("2.4.1."), and sub-clauses were
   indented paragraphs in WordPress. Markdown has no indented paragraph, so
   they are authored as list items and styled back to the original look:
   indented, no bullets. */
.document ul {
  list-style: none;
  padding-left: 40px;
  margin: 0;
}

.document ul li {
  color: #59626c;
  font-size: 14px;
  line-height: 1.5;
  margin: 16px 0;
}

/* Section headings were centred bold paragraphs. They are real <h2> now, for
   the editor and for screen readers, but keep the original appearance. */
.document h2 {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  color: #59626c;
  margin: 16px 0;
}

/* The pricing table carries WordPress's .aligncenter class and a percentage
   width. WordPress core styled that class; its stylesheet did not come across
   in the migration - app.css is only the theme's Tailwind build - so the table
   had nothing centring it and sat against the left margin. */
.document table.aligncenter {
  margin-left: auto;
  margin-right: auto;
}

/* The footnote belongs to the table above it, so it lines up with it rather
   than with the wider column. Same width and centring as the table; the
   paragraph keeps the left-aligned text it carries inline from WordPress.
   Selected as the table's sibling so the document text needs no edit. */
.document table.aligncenter + p {
  width: 78.548%;
  margin-left: auto;
  margin-right: auto;
}