@layer components {
    .proceeding-list {
        padding: var(--section-padding);

        & .proceeding-list__title {
            font-size: 2rem;
            margin-bottom: 0.5rem;
            text-align: center;
        }

        & .proceeding-list__subtitle {
            font-size: 1.1rem;
            color: var(--color-on-surface-muted);
            margin-bottom: 3rem;
            text-align: center;
        }

        & .proceeding-list__grid {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
            max-width: 900px;
            margin: 0 auto;
        }
    }
}