/* ============================================================
   Блок «Простой текст» — типографика визуального редактора
   ============================================================ */

@layer components {

  .blk-text { min-width: 0; }

  .blk-text > *:first-child { margin-top: 0; }
  .blk-text > *:last-child { margin-bottom: 0; }

  .blk-text h2 {
    font-family: var(--font-display);
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 600;
    letter-spacing: -0.01em;
    margin-bottom: var(--sp-3);
  }
  .blk-text h3 {
    font-size: var(--fs-h3);
    font-weight: 600;
    margin-bottom: var(--sp-2);
  }
  .blk-text h4 {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: var(--sp-2);
  }
  .blk-text p {
    margin-bottom: var(--sp-3);
    font-weight: 300;
    color: var(--fg);
  }
  .blk-text a {
    color: var(--accent);
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 0.2em;
  }
  .blk-text a:hover { color: var(--accent-hover); }
  .blk-text strong { font-weight: 600; }
  .blk-text em { font-style: italic; }

  .blk-text ul,
  .blk-text ol {
    margin: 0 0 var(--sp-3);
    padding-inline-start: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .blk-text ul { list-style: disc; }
  .blk-text ol { list-style: decimal; }
  .blk-text li {
    font-weight: 300;
    color: var(--fg);
    padding-inline-start: 0.25rem;
  }
  .blk-text li::marker { color: var(--accent); font-weight: 600; }

  .blk-text img {
    border-radius: var(--radius-3);
    height: auto;
  }
}