/* ============================================================
   Блок «Цитата» (blockquote)
   ============================================================ */

@layer components {

  .blockquote {
    margin: 0;
    padding: var(--sp-3) var(--sp-4);
    border-inline-start: 3px solid var(--accent);
    background: var(--secondary);
    border-radius: 0 var(--radius-2) var(--radius-2) 0;
  }
  .blockquote p {
    font-size: 1.05rem;
    font-weight: 200;
    font-style: italic;
    color: var(--fg);
    margin-bottom: var(--sp-2);
  }
  .blockquote p:last-child { margin-bottom: 0; }
  .blockquote cite {
    font-style: normal;
    font-size: var(--fs-meta);
    font-weight: 600;
    color: var(--accent);
  }
}