/* Стили для всех details с нашим классом */
details.custom_collapse {
    border: 1px solid #aaa;      /* рамка блока */
    border-radius: 6px;          /* скругленные углы */
    padding: 8px 12px;           /* внутренние отступы */
    margin: 12px 0;              /* отступ сверху/снизу */
    background-color: #f9f9f9;   /* легкий фон */
}

/* Стили для заголовка summary */
details.custom_collapse > summary {
    font-weight: bold;
    cursor: pointer;             /* показывает, что кликабельно */
    padding: 4px 0;
    list-style: none;            /* убрать стандартную стрелку в некоторых браузерах */
}

/* hover эффект для summary */
details.custom_collapse > summary:hover {
    color: #2a7ae2;
}

/* небольшой отступ внутри блока после summary */
details.custom_collapse > *:not(summary) {
    margin-top: 8px;
}