#[body]#
<div class="container mt-3">
    <h1 class="mb-4">Нормативные документы</h1>

    <div class="document-list">
        {rows}
        {walker}
    </div>
</div>

<style>
    .doc-item {
        display: flex;
        align-items: center;
        padding: 18px 22px;
        margin-bottom: 15px;

        background: #f8f9fa;
        border: 1px solid #dee2e6;
        border-radius: 12px;

        text-decoration: none !important;
        transition: background 0.15s, box-shadow 0.15s;
    }

    .doc-item:hover {
        background: #eef0f2;
        box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    }

    .doc-icon {
        font-size: 34px;
        color: #6c757d;
        margin-right: 18px;
    }

    .doc-title {
        font-size: 22px;
        font-weight: 600;
        color: #333;
        flex-grow: 1;
    }

    .doc-arrow {
        font-size: 22px;
        color: #999;
        margin-left: 15px;
    }
</style>
#[!body]#


#[row]#
<a href="?cat={cur_cat}&id={id}"
   class="doc-item">

    <i class="fa fa-file-alt doc-icon"></i>

    <span class="doc-title">{title}</span>

    <i class="fa fa-chevron-right doc-arrow"></i>
</a>
#[!row]#


#[body_void]#
<h1 class="mb-4">Нормативные документы</h1>
Документов пока нет.
#[!body_void]#


#[card]#
<div class="mb-3">
    <h1 class="mb-4">{title}</h1>
    <div style="font-size:20px; white-space:pre-wrap;">{description}</div>
    <a href="{cur_cat}" class="btn btn-primary btn-lg">Назад</a>
</div>
#[!card]#