/* "About this site" in the footer (P2-98, tools/seo/about-footer.mjs): a native details/summary, so it opens with a
   click, Enter or Space and needs no script. Colours and font come from the footer around it; sizes in rem follow
   the reader's own font setting. No animation, so both motion settings see the same. */
.nx-about {
  flex: 1 1 100%;
  box-sizing: border-box;
  width: 100%;
  max-width: 46rem;
  margin: 1.5rem auto 0;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(128, 128, 128, 0.35);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.6;
  text-align: left;
  letter-spacing: normal;
  overflow-wrap: break-word;
}
.nx-about > summary {
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
  padding: 0.7rem 0.9rem;
  border-radius: 6px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  display: list-item;               /* Webflow's base styles make summary a block and hide its marker */
  list-style: disclosure-closed inside;
}
.nx-about[open] > summary { list-style-type: disclosure-open; }
.nx-about > summary:hover { text-decoration: underline; text-underline-offset: 3px; }
.nx-about > summary:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.nx-about__body { padding: 0.25rem 0 0.5rem; }
.nx-about__body p,
.nx-about__body ul { margin: 0 0 0.75rem; font: inherit; color: inherit; }
.nx-about__body ul { padding-left: 1.25rem; list-style: disc; }
.nx-about__body li { margin: 0 0 0.4rem; font: inherit; color: inherit; }
.nx-about__body strong { font-weight: 600; }
.nx-about a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }