#terms-content h1 {
        font-size: 1.5rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }
    #terms-content hr {
        margin: 1.5rem 0;
    }
    #terms-content h2 {
        font-size: 1.2rem;
        font-weight: 600;
        margin-top: 1.5rem;
        margin-bottom: 0.75rem;
    }
    #terms-content p, #terms-content li {
        font-size: 1rem;
    }
    #terms-content ol {
        list-style-type: decimal;
    }
    #terms-content ul {
        list-style-type: disc;
    }
    #terms-content ol, #terms-content ul {
        padding-left: 1.5rem;
    }
 
    #terms-content ol {
        list-style-type: none;
        counter-reset: item; /* Създава нов брояч за всеки <ol> */
        padding-left: 0;
    }
    #terms-content ol ol {
        padding-left: 1rem;
    }
    #terms-content li {
        display: block; /* Важно, за да можем да позиционираме номера */
    }

    #terms-content ol>li::before {
        content: counters(item, ".") ". "; /* Генерира йерархията 1.1, 1.1.1 и т.н. */
        counter-increment: item;          /* Увеличава брояча */
        font-weight: bold;                /* Опционално: прави номерата удебелени */
        margin-right: 5px;
    }
    #terms-content ul li::before {
        content: "• "; /* Символ за неномериран списък */
        font-weight: bold; /* Опционално: прави символите удебелени */
        margin-right: 5px;
    }
    li.header {
        font-size: 1.25rem;
        font-weight: 600;
        margin-top: 1rem;
        margin-bottom: .3rem;
    }
    li.header>*{
        font-weight: normal;
    }

    /* CMS page content (app/Core/HtmlSanitizer.php output, rendered by
       Views/pages/show.php and the admin live preview). All typography lives
       here — the sanitizer strips style/font attributes from page content on
       save, so this stylesheet is the only place visual design can come from. */
    .cms-content h1 {
        font-size: 1.75rem;
        font-weight: 700;
        margin: 0 0 1.25rem;
    }
    .cms-content h2 {
        font-size: 1.4rem;
        font-weight: 700;
        margin: 1.75rem 0 0.75rem;
    }
    .cms-content h3 {
        font-size: 1.15rem;
        font-weight: 600;
        margin: 1.5rem 0 0.5rem;
    }
    .cms-content h4,
    .cms-content h5,
    .cms-content h6 {
        font-weight: 600;
        margin: 1.25rem 0 0.5rem;
    }
    .cms-content p {
        margin: 0 0 1rem;
        line-height: 1.7;
    }
    .cms-content ul {
        list-style: disc;
        padding-left: 1.5rem;
        margin: 0 0 1rem;
    }
    .cms-content ol {
        list-style: decimal;
        padding-left: 1.5rem;
        margin: 0 0 1rem;
    }
    .cms-content li {
        margin-bottom: 0.35rem;
    }
    .cms-content a {
        color: #2563eb;
        text-decoration: underline;
    }
    .cms-content img {
        max-width: 100%;
        height: auto;
        border-radius: 0.375rem;
        margin: 1rem 0;
    }
    .cms-content blockquote {
        border-left: 4px solid #d1d5db;
        padding-left: 1rem;
        margin: 1rem 0;
        font-style: italic;
        color: #4b5563;
    }
    .cms-content table {
        width: 100%;
        border-collapse: collapse;
        margin: 1rem 0;
    }
    .cms-content th,
    .cms-content td {
        border: 1px solid #d1d5db;
        padding: 0.5rem 0.75rem;
        text-align: left;
        vertical-align: top;
    }
    .cms-content th {
        background: #f3f4f6;
        font-weight: 600;
    }
    .cms-content hr {
        margin: 1.5rem 0;
        border-color: #d1d5db;
    }
    .cms-content pre {
        background: #f3f4f6;
        border-radius: 0.375rem;
        padding: 0.75rem 1rem;
        overflow-x: auto;
        margin: 0 0 1rem;
        font-size: 0.875rem;
        line-height: 1.5;
    }
    .cms-content code {
        font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
        font-size: 0.875em;
    }
    .cms-content :not(pre) > code {
        background: #f3f4f6;
        border-radius: 0.25rem;
        padding: 0.15em 0.4em;
    }
    .cms-content pre code {
        background: transparent;
        padding: 0;
    }
    .dark .cms-content a {
        color: #60a5fa;
    }
    .dark .cms-content blockquote {
        border-left-color: #4b5563;
        color: #9ca3af;
    }
    .dark .cms-content th,
    .dark .cms-content td {
        border-color: #4b5563;
    }
    .dark .cms-content th {
        background: #374151;
    }
    .dark .cms-content hr {
        border-color: #4b5563;
    }
    .dark .cms-content pre,
    .dark .cms-content :not(pre) > code {
        background: #1f2937;
    }