.pi-explore {
    display: grid;
    gap: var(--pi-space-8);
    max-width: 100%;
    min-width: 0;
}

.pi-explore__header,
.pi-explore-section__head {
    align-items: flex-end;
    background: transparent;
    display: flex;
    gap: var(--pi-space-4);
    justify-content: space-between;
    min-height: auto;
    min-width: 0;
    padding: 0;
}

.pi-explore__header > *,
.pi-explore-section__head > * {
    max-width: 100%;
    min-width: 0;
}

.pi-explore__header p {
    color: var(--pi-primary);
    font-size: var(--pi-font-xs);
    font-weight: 800;
    letter-spacing: .04em;
    margin: 0 0 var(--pi-space-2);
    text-transform: uppercase;
}

.pi-explore__header h1 {
    color: var(--pi-text);
    font-size: var(--pi-font-2xl);
    font-weight: 850;
    letter-spacing: 0;
    line-height: var(--pi-line-tight);
    margin: 0;
    max-width: 760px;
    overflow-wrap: anywhere;
}

.pi-explore-search form {
    align-items: center;
    display: grid;
    gap: var(--pi-space-4);
    grid-template-columns: minmax(0, 1fr) auto;
}

.pi-explore-search__query {
    width: 100%;
}

.pi-explore-search__actions {
    align-items: center;
    display: flex;
    gap: var(--pi-space-2);
}

.pi-explore-scope-tabs {
    overflow-x: auto;
}

.pi-explore-active-filters {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--pi-space-2);
}

.pi-explore-filter-chip {
    align-items: center;
    display: inline-flex;
    gap: var(--pi-space-2);
    text-decoration: none;
}

.pi-explore-section {
    display: grid;
    gap: var(--pi-space-4);
}

.pi-explore-section__head h2,
.pi-explore-subsection h3 {
    color: var(--pi-text);
    font-size: var(--pi-font-xl);
    font-weight: 800;
    letter-spacing: 0;
    line-height: var(--pi-line-tight);
    margin: 0;
}

.pi-explore-section__head p,
.pi-explore-theme-card p,
.pi-explore-discussion-card p,
.pi-explore-event-card p {
    color: var(--pi-text-secondary);
    margin: var(--pi-space-1) 0 0;
}

.pi-explore-theme-grid {
    display: grid;
    gap: var(--pi-space-3);
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.pi-explore-theme-card {
    color: var(--pi-text);
    display: grid;
    gap: var(--pi-space-2);
    min-height: 156px;
    min-width: 0;
    padding: var(--pi-space-4);
    text-decoration: none;
    transition: background var(--pi-transition-fast), border-color var(--pi-transition-fast), transform var(--pi-transition-fast);
}

.pi-explore-theme-card:hover,
.pi-explore-theme-card.is-active {
    background: var(--pi-primary-soft);
    border-color: var(--pi-primary);
    transform: translateY(-1px);
}

.pi-explore-theme-card__icon {
    align-items: center;
    background: var(--pi-surface-secondary);
    border-radius: 999px;
    color: var(--pi-primary);
    display: inline-flex;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.pi-explore-theme-card strong {
    font-size: var(--pi-font-md);
    overflow-wrap: anywhere;
}

.pi-explore-theme-card small {
    color: var(--pi-text-muted);
    font-size: var(--pi-font-xs);
    line-height: var(--pi-line-normal);
}

.pi-explore-subsection {
    display: grid;
    gap: var(--pi-space-3);
}

.pi-explore-community-grid {
    display: grid;
    gap: var(--pi-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pi-explore-content-list {
    display: grid;
    gap: var(--pi-space-4);
    max-width: 900px;
}

.pi-explore-filter-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--pi-space-3);
    justify-content: flex-end;
}

.pi-explore-tabs {
    overflow-x: auto;
}

.pi-explore-filter-menu {
    min-width: 280px;
}

.pi-explore-filter-menu form {
    display: grid;
    gap: var(--pi-space-3);
    padding: var(--pi-space-2);
}

.pi-explore-filter-menu__actions {
    display: flex;
    gap: var(--pi-space-2);
    justify-content: flex-end;
}

.pi-explore-discussion-list {
    display: grid;
    gap: var(--pi-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pi-explore-discussion-card {
    display: grid;
    gap: var(--pi-space-3);
    padding: var(--pi-space-4);
}

.pi-explore-discussion-card h3 {
    font-size: var(--pi-font-lg);
    line-height: var(--pi-line-tight);
    margin: 0;
}

.pi-explore-discussion-card h3 a {
    color: var(--pi-text);
    text-decoration: none;
}

.pi-explore-discussion-card h3 a:hover {
    color: var(--pi-primary);
}

.pi-explore-discussion-card small {
    color: var(--pi-text-muted);
    font-size: var(--pi-font-xs);
}

.pi-explore-event-list {
    display: grid;
    gap: var(--pi-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pi-explore-event-card {
    align-items: flex-start;
    display: flex;
    gap: var(--pi-space-3);
    padding: var(--pi-space-4);
}

.pi-explore-event-card time {
    align-items: center;
    background: var(--pi-primary-soft);
    border-radius: var(--pi-radius-md);
    color: var(--pi-primary);
    display: grid;
    flex: 0 0 auto;
    gap: var(--pi-space-1);
    justify-items: center;
    padding: var(--pi-space-2);
    width: 62px;
}

.pi-explore-event-card time strong {
    font-size: var(--pi-font-md);
}

.pi-explore-event-card time span,
.pi-explore-event-card p {
    font-size: var(--pi-font-sm);
}

.pi-explore-event-card h3 {
    color: var(--pi-text);
    font-size: var(--pi-font-md);
    line-height: var(--pi-line-tight);
    margin: var(--pi-space-2) 0 0;
}

.pi-explore-empty {
    min-height: 220px;
}

@media (max-width: 1180px) {
    .pi-explore-theme-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .pi-explore-community-grid,
    .pi-explore-discussion-list,
    .pi-explore-event-list {
        grid-template-columns: 1fr;
    }

    .pi-explore-section__head--stackable {
        align-items: stretch;
        flex-direction: column;
    }

    .pi-explore-filter-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .pi-explore,
    .pi-explore-search,
    .pi-explore-section,
    .pi-explore-content-list {
        max-width: calc(100vw - 32px);
        width: 100%;
    }

    .pi-explore__header,
    .pi-explore-section__head {
        align-items: stretch;
        flex-direction: column;
    }

    .pi-explore-search form {
        grid-template-columns: 1fr;
    }

    .pi-explore-search__actions {
        justify-content: stretch;
    }

    .pi-explore-search__actions .pi-button {
        flex: 1;
    }

    .pi-explore-theme-grid {
        display: flex;
        margin: 0 calc(var(--pi-space-4) * -1);
        overflow-x: auto;
        padding: 0 var(--pi-space-4) var(--pi-space-1);
        scroll-snap-type: x proximity;
    }

    .pi-explore-theme-card {
        flex: 0 0 76%;
        scroll-snap-align: start;
    }

    .pi-explore-filter-menu {
        min-width: min(320px, calc(100vw - 48px));
    }
}