@layer components {
    .nur-acc {
        border: 1px solid var(--nur-line);
        border-radius: var(--nur-radius);
        background: var(--nur-surface);
        overflow: hidden;
    }

    .nur-acc + .nur-acc {
        margin-top: var(--nur-space-3);
    }

    .nur-acc > summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: var(--nur-space-3);
        min-height: 56px;
        padding: var(--nur-space-3) var(--nur-space-4);
        font-weight: 700;
        cursor: pointer;
        list-style: none;
    }

    .nur-acc > summary::-webkit-details-marker {
        display: none;
    }

    .nur-acc > summary::after {
        content: "+";
        color: var(--nur-gold-600);
        font-size: 1.5rem;
        font-weight: 400;
    }

    .nur-acc[open] > summary::after {
        content: "\2212";
    }

    .nur-acc__body {
        padding: 0 var(--nur-space-4) var(--nur-space-4);
        color: var(--nur-ink-soft);
    }
}