{{-- Типографика для HTML, написанного в редакторе панели: страницы подвала
     (Page) и статьи интеграций. Один источник правды — редактор умеет
     заголовки, списки, ссылки, цитаты, блоки кода и разделители, и все они
     должны выглядеть одинаково, на какой бы странице ни оказались.
     Контент — доверенный (пишут админы), печатается через {!! !!}. --}}
@props(['size' => 'base'])
{{-- size: base — 14/1.65, как статья справки в макете редизайна; lg — 15px для
     длинного чтения (блог). --}}
@php($proseSize = $size === 'lg'
    ? 'text-[15px] leading-[1.7] [&_h2]:text-[19px] [&_h3]:text-base'
    : 'text-sm leading-[1.65] [&_h2]:text-[17px] [&_h3]:text-[15px]')
<div {{ $attributes->merge(['class' => 'space-y-3.5 text-[var(--color-slate)] '.$proseSize.'
        [&_h2]:mt-[22px] [&_h2]:mb-2 [&_h2]:font-bold [&_h2]:text-[var(--color-ink)]
        [&_h2:first-child]:mt-0
        [&_h3]:mt-5 [&_h3]:mb-1 [&_h3]:font-bold [&_h3]:text-[var(--color-ink)]
        [&_ul]:list-disc [&_ul]:space-y-1.5 [&_ul]:pl-5 [&_ul]:marker:text-[var(--color-muted)]
        [&_ol]:list-decimal [&_ol]:space-y-1.5 [&_ol]:pl-5 [&_ol]:marker:text-[var(--color-muted)]
        [&_a]:text-[var(--color-primary)] [&_a:hover]:underline
        [&_strong]:font-bold [&_strong]:text-[var(--color-ink)]
        [&_blockquote]:rounded-r-[var(--radius-md)] [&_blockquote]:border-l-[3px] [&_blockquote]:border-[var(--color-primary)]
        [&_blockquote]:bg-[var(--color-primary-soft)] [&_blockquote]:px-4 [&_blockquote]:py-3 [&_blockquote]:text-[var(--color-ink)]
        [&_blockquote_p:first-child]:mt-0 [&_blockquote_p:last-child]:mb-0
        [&_pre]:overflow-x-auto [&_pre]:rounded-[var(--radius-md)] [&_pre]:bg-[var(--color-ink)] [&_pre]:p-4 [&_pre]:text-[13px] [&_pre]:text-white
        [&_code]:rounded [&_code]:bg-[var(--color-canvas)] [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-[13px] [&_code]:text-[var(--color-ink)]
        [&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_pre_code]:text-white
        [&_hr]:my-8 [&_hr]:border-[var(--color-line)]
        [&_img]:max-w-full [&_img]:rounded-[10px] [&_img]:border [&_img]:border-[var(--color-line)]
        [&_table]:block [&_table]:overflow-x-auto [&_table]:text-sm
        [&_th]:border [&_th]:border-[var(--color-line)] [&_th]:bg-[var(--color-canvas)] [&_th]:px-3 [&_th]:py-2 [&_th]:text-left
        [&_td]:border [&_td]:border-[var(--color-line)] [&_td]:px-3 [&_td]:py-2']) }}>
    {{ $slot }}
</div>