/* A small inline dot that separates meta items (e.g. author · time · expiry). */

@layer components {
  .dot {
    inline-size: 0.1875rem;
    block-size: 0.1875rem;
    border-radius: 50%;
    background: currentColor;
    opacity: 0.5;
  }
}