/* Attributed quotation */
@layer horeca.components {
  :where(blockquote).horeca-blog-quote,
  .horeca-blog-quote blockquote {
    background: var(--horeca-surface-warm);
    border: 0;
    border-left: 0.3125rem solid var(--horeca-red);
    color: var(--horeca-ink);
    font-size: clamp(1.125rem, 1.04rem + 0.4vw, 1.375rem);
    font-style: normal;
    line-height: 1.55;
    margin: var(--horeca-space-6) auto;
    max-width: var(--horeca-reading-width);
    padding: var(--horeca-space-4) clamp(1.25rem, 3vw, 2.25rem);
    position: relative;
  }

  .horeca-blog-quote p { margin: 0 0 0.9rem; }

  .horeca-blog-quote :where(cite, .horeca-blog-quote__source) {
    color: var(--horeca-muted);
    display: block;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
  }

  .horeca-blog-quote :where(cite, .horeca-blog-quote__source)::before {
    content: "— ";
  }

  @media (max-width: 48rem) {
    :where(blockquote).horeca-blog-quote,
    .horeca-blog-quote blockquote {
      font-size: 1.0625rem;
      margin: 2.25rem auto;
      padding: 1.25rem 1rem;
    }
  }
}