section.page-section:is(.header, .content) {
  flex-direction: column;
}

section.page-section.header {
  padding-block-end: calc(var(--theme-page-spacing-block-primary)/2);
}

section.page-section.header h1 {
  margin-block-end: 0.6em;

  @media (max-width: 600px) {
    word-break: break-word;
    hyphens: auto;
  }
}

section.page-section.header summary {
  font-weight: 400;
}

section.page-section.header .publish-details {
  align-self: stretch;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  padding-block-start: calc(var(--theme-page-spacing-block-primary)/2);
}

section.page-section.header .publish-details time {
  font-size: var(--theme-font-size-secondary);
  font-weight: var(--theme-font-weight-secondary);
  background: var(--color-hokeypokey);
  color: var(--color-white);
  border-radius: 2em;
  padding: 0.2em 1em;
}

section.page-section.header .publish-details .publish-share {
  display: flex;
  gap: 0.5rem;
}

section.page-section.header .publish-details .publish-share .button[icon]:not(:hover, :focus-within) {
  background-color: var(--color-bisonhide);
}

section.page-section.header .publish-details .publish-share .hidden {
  display: none !important;
}

@media (max-width: 767px) {
  section.page-section.header .publish-details .publish-share a:not(.web-share, .copy-url) {
    display: none;
  }
}

section.page-section.content {
  margin-inline: calc(var(--theme-page-spacing-inline-primary) / 2);
  padding-inline: calc(var(--theme-page-spacing-inline-primary) / 2);
  padding-block: var(--theme-page-spacing-block-primary);
  border-radius: 1em;
  background-color: var(--theme-background-color-secondary);
  box-shadow: 0.25em 0.25em 1em -0.5em var(--theme-box-shadow-color-primary);
}

section.page-section.content :where(h1,h2,h3,h4,h5,h6) {
    margin-block-end: 0.5em;
}

section.page-section.content :not(h1,h2,h3,h4,h5,h6) + :where(h1,h2,h3,h4,h5,h6):not(:first-child) {
    margin-block-start: 1rem;
}

section.page-section.content mark {
  background: none;
  color: var(--color-hokeypokey);
}

section.page-section.content :where(h5,h6,p) mark {
  font-weight: 600;
}

section.page-section.content p :where(b,strong) {
    font-weight: 600;
}

section.page-section.content p :where(b,strong,mark)> :where(b,strong,mark) {
  font-weight: 800;
}

section.page-section.content :where(a, a:visited) {
  color: var(--color-butterfly);
  font-weight: bolder;
  border-block-end: 1px solid currentColor;
}

section.page-section.content :where(a, a:visited):hover {
  border-block-end-color: transparent;
}

section.page-section.content a::after {
  --mask-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z'%3E%3C/path%3E%3C/svg%3E");
  --mask: var(--mask-url) no-repeat center / contain;
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background: currentColor;
  vertical-align: text-top;
  mask: var(--mask);
  -webkit-mask: var(--mask);
  margin-inline-start: 0.1em;
}

section.page-section.read-more {
  justify-content: center;
  padding-block-start: var(--theme-page-spacing-block-primary);
}