p {
  margin: 0;
}
article {
  padding-block-start: var(--columns-gap);
  padding-block-end: var(--section-padding);
}
article .title-wrapper {
  gap: 0;
}
article .post-media {
  aspect-ratio: 16/9;
  object-fit: cover;
  inline-size: 100%;
}
.post-content {
  max-inline-size: 65ch;
  margin-inline: auto;
}
.post-content :where(h2, h3, h4) {
  font-size: var(--fs-l);
}
.brxe-post-taxonomy {
  justify-content: center;
  order: -1;
  gap: var(--gap);
}
.brxe-post-taxonomy a {
  font-size: var(--fs-xs);
  border: 1px solid var(--clr-300);
  padding: 0.1em 0.6em;
}

.share {
  margin-block-start: 2rem;
}
.social-share {
  gap: var(--gap);
  justify-content: center;
}
.social-share a {
  color: var(--clr-accent-400);
}
.brxe-post-navigation {
  padding-block: calc(var(--gap) * 2);
}
.brxe-post-navigation .content {
  gap: calc(var(--gap) / 3);
}
.brxe-post-navigation .next-post {
  margin-inline-start: auto;
}
.brxe-post-navigation .label {
  text-transform: capitalize;
}
.brxe-post-navigation .title {
  font-size: var(--fs-s);
  font-weight: 400;
}
.sign {
  margin-block-start: var(--columns-gap);
  padding-block-start: var(--columns-gap);
  padding-block-end: var(--columns-gap);
  background-color: oklch(from var(--bg-tertiary) l c h / 0.95);
  position: relative;
  color: var(--clr-1000);
}
.sign input {
  color: var(--clr-1000);
}
.sign ::placeholder {
  color: var(--clr-1000);
}
.sign .wrapper {
  justify-items: center;
  max-inline-size: 65ch;
}
.sign img:not(.bg) {
  border-radius: var(--br-full);
  inline-size: 10rem;
  aspect-ratio: 1;
  object-fit: cover;
  object-position: top;
  margin-block-start: calc(var(--columns-gap) * -2);
}
.sign .bg {
  position: absolute;
  inset: 0;
  margin: auto;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  z-index: -1;
}

.sign form {
  max-inline-size: 65ch;
}
