/* DATA DARE community — learning workflow geometry */

.fi-dd-community {
    display: flex;
    flex-direction: column;
    gap: var(--fd-dd-detail-gap, var(--fd-space-4, 16px));
    padding-block: var(--fd-space-4, 16px) var(--fd-space-8, 2rem);
}

.fi-dd-board-workspace {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--fd-dd-detail-gap, var(--fd-space-4, 16px));
    align-items: start;
    min-width: 0;
}

.fi-dd-board-main,
.fi-dd-board-aside {
    display: flex;
    flex-direction: column;
    gap: var(--fd-dd-detail-gap, var(--fd-space-4, 16px));
    min-width: 0;
}

.fi-dd-board-aside .fi-dd-compose {
    position: sticky;
    top: calc(var(--fd-header-offset, 64px) + 0.75rem);
    max-height: calc(100vh - var(--fd-header-offset, 64px) - 1.5rem);
    overflow: auto;
}

@media (min-width: 961px) {
    .fi-dd-board-workspace {
        grid-template-columns: var(--fd-grid-dd-board-workspace);
        gap: var(--fd-dd-workspace-gap, clamp(20px, 2vw, 28px));
    }
}

.fi-dd-thread-workspace {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--fd-dd-detail-gap, var(--fd-space-4, 16px));
    max-width: min(100%, 52rem);
}

.fi-dd-board-hero,
.fi-dd-board-context,
.fi-dd-board-filters,
.fi-dd-board-list,
.fi-dd-compose,
.fi-dd-thread-hero,
.fi-dd-thread-replies,
.fi-dd-thread-actions,
.fi-dd-activity-list,
.fi-dd-privacy-copy {
    padding: var(--fd-space-4, 16px);
}

.fi-dd-board-hero__eyebrow {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--fd-gold, #d99a16);
    margin: 0 0 0.35rem;
}

.fi-dd-board-hero__actions,
.fi-dd-form__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--fd-space-2, 8px);
    margin-top: var(--fd-space-3, 12px);
}

.fi-dd-form {
    max-width: var(--fd-measure-dd-form, min(100%, 43rem));
}

.fi-dd-compose .fi-dd-form {
    max-width: 100%;
}

.fi-dd-form__group {
    display: flex;
    flex-direction: column;
    gap: var(--fd-space-3, 12px);
}

.fi-dd-form__context {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: var(--fd-space-2, 8px);
    padding: var(--fd-space-3, 12px);
    border-radius: var(--fd-radius-md, 12px);
    background: rgba(245, 238, 220, 0.35);
    margin-bottom: var(--fd-space-3, 12px);
}

.fi-dd-submission-success {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    padding: var(--fd-space-4, 1rem) var(--fd-space-5, 1.25rem);
    border-left: 3px solid var(--fd-gold, #d99a16);
}

.fi-dd-submission-success--muted {
    border-left-color: var(--fd-soft-border, rgba(32, 32, 32, 0.075));
}

.fi-dd-submission-success__icon {
    color: var(--fd-gold, #d99a16);
    font-weight: 700;
}

.fi-dd-submission-success__text {
    margin: 0;
    line-height: 1.5;
}

.fi-dd-board-filters {
    display: flex;
    flex-wrap: wrap;
    gap: var(--fd-space-2, 8px);
    align-items: center;
}

.fi-dd-board-filters__label {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--fd-muted-text, #6f6a62);
    margin-right: var(--fd-space-1, 4px);
}

.fi-dd-board-filters .fd-chip {
    max-width: min(100%, 14rem);
}

.fi-dd-board-filters .fd-chip.is-active {
    background: rgba(217, 154, 22, 0.14);
    border-color: rgba(217, 154, 22, 0.45);
}

/* List surfaces: one container shadow; items use dividers only */
.fi-dd-board-list.fd-glass,
.fi-dd-activity-list.fd-glass,
.fi-dd-thread-replies.fd-glass {
    box-shadow: var(--fd-shadow-sm, var(--fd-shadow-soft));
}

.fi-dd-board-item .fd-glass,
.fi-dd-activity-item .fd-glass,
.fi-dd-reply .fd-glass {
    box-shadow: none;
    border: 0;
    background: transparent;
    padding-inline: 0;
}

.fi-dd-board-context__meta {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 0.75rem;
    margin: 0.75rem 0;
}

.fi-dd-board-context__meta dt {
    font-size: 0.75rem;
    text-transform: uppercase;
    color: var(--fd-muted-text, #6f6a62);
}

.fi-dd-board-context__fields {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.fi-dd-board-item {
    padding: var(--fd-space-4, 1rem) 0;
    border-bottom: 1px solid var(--fd-soft-border, rgba(32, 32, 32, 0.075));
}

.fi-dd-board-item:last-child {
    border-bottom: 0;
}

.fi-dd-form .fd-field + .fd-field {
    margin-top: var(--fd-space-4, 1rem);
}

.fi-dd-discussion-meta,
.fi-dd-code {
    font-size: 0.875rem;
    color: var(--fd-muted-text, #6f6a62);
}

.fi-dd-code a {
    color: inherit;
}

.fi-dd-reply {
    padding: var(--fd-space-4, 1rem) 0;
    border-bottom: 1px solid var(--fd-soft-border, rgba(32, 32, 32, 0.075));
}

.fi-dd-reply--nested {
    margin-left: var(--fd-space-5, 1.25rem);
    padding-left: var(--fd-space-4, 1rem);
    border-left: 2px solid rgba(217, 154, 22, 0.25);
}

.fi-dd-reply__head {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
    margin-bottom: 0.35rem;
}

.fi-dd-reply__body {
    line-height: 1.6;
    white-space: pre-wrap;
}

.fi-dd-activity-list {
    padding: var(--fd-space-3, 12px) var(--fd-space-4, 16px);
}

.fi-dd-activity-item {
    padding: var(--fd-space-3, 12px) 0;
    border-bottom: 1px solid var(--fd-soft-border, rgba(32, 32, 32, 0.075));
}

.fi-dd-activity-item:last-child {
    border-bottom: 0;
}

.fi-dd-activity-item .fd-heading-md {
    font-size: var(--fd-text-h4, 1.125rem);
    margin: var(--fd-space-1, 4px) 0;
}

.fi-dd-activity-item__head,
.fi-dd-status {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
}

.fi-dd-status__icon {
    font-size: 0.875rem;
}

.fd-badge--revision {
    background: rgba(234, 88, 12, 0.12);
    color: #9a3412;
    border: 1px solid rgba(234, 88, 12, 0.35);
}

.fi-dd-username-shell {
    max-width: 560px;
}

.fi-dd-mobile-footer {
    display: none;
    padding: var(--fd-space-4, 16px);
    margin-top: var(--fd-space-3, 12px);
}

.fi-dd-filter-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 0.35rem;
    margin-left: 0.25rem;
    border-radius: 999px;
    background: rgba(217, 154, 22, 0.18);
    font-size: 0.75rem;
    font-weight: 700;
}

@media (max-width: 960px) {
    .fi-dd-mobile-footer {
        display: block;
    }
}

@media (max-width: 767px) {
    .fi-dd-board-context__fields {
        grid-template-columns: 1fr;
    }
}

.fi-dd-leaderboard-table { width: 100%; border-collapse: collapse; }