/**
 * Page: Küratöryel Program section
 *
 * Template-level layout for Küratöryel Program pages.
 * Component styles are handled by their own CSS files.
 *
 * @package Saha
 */

/* ----------------------------------------
   Container
   ---------------------------------------- */

.saha-page--kuratoriyel .saha-page__container {
    max-width: var(--saha-container-width, 1360px);
    margin: 0 auto;
    padding: 0 var(--saha-gutter, 40px);
    padding-top: var(--saha-stack-lg);
    padding-bottom: var(--saha-stack-lg);
}

/* Section'lar arası boşluk */

.saha-page--kuratoriyel .saha-page__container > * + * {
    margin-top: var(--saha-stack-lg);
}

/* ----------------------------------------
   Dar container (prose sayfaları)
   ---------------------------------------- */

.saha-page--kuratoriyel .saha-container--narrow {
    max-width: 906px;
}

/* ----------------------------------------
   Hakkında — prose + period list
   ---------------------------------------- */

.saha-page--kuratoriyel-hakkinda {
    padding-bottom: 60px;
}

.saha-page--kuratoriyel-hakkinda .saha-container--narrow {
    margin-bottom: 40px;
}

.saha-page--kuratoriyel-hakkinda .saha-period-list .saha-container {
    max-width: var(--saha-container-content);
    padding-inline: var(--saha-container-padding);
}

/* ----------------------------------------
   Katılımcılar grid — wide container
   ---------------------------------------- */

.saha-page--katilimcilar .saha-container {
    max-width: 1600px;
    padding-inline: 40px;
}

/* ----------------------------------------
   Katılımcı Detay — Section Nav yok
   ---------------------------------------- */

.saha-page--katilimci-detay {
    padding-top: var(--saha-stack-sm);
    padding-bottom: var(--saha-stack-sm);
}

.saha-page--katilimci-detay > * + * {
    margin-top: var(--saha-stack-sm);
}

/* Related section: referansta regular weight */

.saha-page--katilimci-detay .saha-related-people__title {
    font-weight: 400;
}

.saha-page--katilimci-detay .saha-related-people__grid .saha-person-card__name {
    font-size: 18px;
    font-weight: 400;
}

/* ----------------------------------------
   Responsive
   ---------------------------------------- */

@media (max-width: 1024px) {
    .saha-page--kuratoriyel .saha-container--narrow {
        max-width: 100%;
    }

    .saha-page--kuratoriyel .saha-page__container {
        padding-left: var(--saha-stack-sm);
        padding-right: var(--saha-stack-sm);
    }
}

@media (max-width: 640px) {
    .saha-page--kuratoriyel .saha-page__container {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: var(--saha-stack-sm);
    }
}
