/* ============================================================
 Accordion Collection — стили (префикс ac-)
============================================================ */
        .ac-app-container {
            max-width: 900px;
            margin: 0 auto;
            padding: 40px 24px;
            font-family: 'Segoe UI', 'Inter', system-ui, sans-serif;
            box-sizing: border-box;
        }
        .ac-app-container *,
        .ac-app-container *::before,
        .ac-app-container *::after {
            box-sizing: border-box;
        }

        .ac-section {
            margin-bottom: 48px;
            border-radius: 24px;
            border: 1px solid #e2e8f0;
            background: #ffffff;
        }
        .ac-section:last-child { margin-bottom: 0; }

        .ac-section-title {
            font-size: 22px;
            font-weight: 600;
            margin-bottom: 8px;
            display: flex;
            align-items: center;
            gap: 10px;
            color: #1f2937;
        }

        .ac-section-subtitle {
            font-size: 15px;
            margin-bottom: 20px;
            color: #64748b;
            border-left: 3px solid #3b82f6;
            padding-left: 12px;
        }

        .ac-accordion {
            border-radius: 16px;
            overflow: hidden;
        }
        .ac-accordion-item {
            border-bottom: 1px solid #e2e8f0;
            background: #f8fafc;
        }
        .ac-accordion-item:last-child { border-bottom: none; }

        .ac-accordion-header {
            padding: 16px 20px;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 500;
            color: #1f2937;
            transition: 0.2s;
        }
        .ac-accordion-header:hover {
            background: rgba(59, 130, 246, 0.05);
        }

        .ac-accordion-icon { transition: transform 0.6s; font-size: 41px;}
        .ac-accordion-item.open .ac-accordion-icon { transform: rotate(132deg); }

        .ac-accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
            padding: 0 20px;
        }
        .ac-accordion-item.open .ac-accordion-content {
            max-height: 500px;
            padding: 0 20px 20px 20px;
        }
        .ac-accordion-inner {
            padding-top: 8px;
            color: #374151;
        }

        .ac-accordion-tags {
            display: flex;
            gap: 8px;
            margin-top: 8px;
            flex-wrap: wrap;
        }
        .ac-tag {
            padding: 4px 12px;
            border-radius: 40px;
            font-size: 11px;
            background: rgba(59,130,246,0.15);
            color: #3b82f6;
        }
.logo-initial{
    background: black;
    height: 40px;
    width: 40px;
    margin-right: 3px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-family: sans-serif;
    font-size: 27px;
}