@layer htmxo {
  .htmxo-units { --htmxo-unit-gap: 0.75rem; }
  .htmxo-unit { margin-block-end: var(--htmxo-unit-gap); }
  .htmxo-unit-content > .htmxo-semantic-section > :is(h1, h2, h3, h4, h5, h6) {
    margin-block-end: 0.35rem; font-size: 1em; font-weight: 600;
  }
  .htmxo-unit-group > .htmxo-semantic-section > :is(h1, h2, h3, h4, h5, h6) { margin-block-end: 0.5rem; }
  .htmxo-unit-layer { margin-block-end: 0.5rem; }
  div.htmxo-unit-layer:has(> .htmxo-unit-link) { position: relative; padding-inline-end: 1.75rem; }
  .htmxo-unit-layer > :last-child, .htmxo-unit-layer .htmxo-semantic-prose > :last-child { margin-block-end: 0; }
  .htmxo-unit-label { display: block; margin-block-end: 0.15rem; font-size: 0.8em; color: var(--htmxo-muted, inherit); }
  .htmxo-unit-link {
    padding-inline: 0.3rem; font-weight: 400;
    color: var(--htmxo-muted, inherit); text-decoration: none;
  }
  div.htmxo-unit-layer > .htmxo-unit-link { position: absolute; inset-block-start: 0; inset-inline-end: 0; }
  summary > .htmxo-unit-link { float: inline-end; }
  .htmxo-unit-link:hover, .htmxo-unit-link:focus-visible { text-decoration: underline; }
  @media (hover: hover) {
    .htmxo-unit-link { opacity: 0; }
    .htmxo-unit-layer:hover > .htmxo-unit-link, .htmxo-unit-link:focus-visible { opacity: 1; }
  }
  .htmxo-unit-refs { font-size: 0.875em; margin-block-end: 0.5rem; }
  .htmxo-unit-refs > p { margin-block-end: 0; }
  .htmxo-unit-children { margin-block-start: 0.5rem; }
  .htmxo-unit-meta { margin-block-end: 0.5rem; }
  .htmxo-unit-view { margin-block-end: 1rem; }
}