/* ── Калькулятор процента жира ── */
.fc-form {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    padding: var(--space-md);
    border-radius: var(--radius-lg);
}

.fc-row {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.fc-label {
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
}

.fc-gender {
    display: flex;
    gap: var(--space-md);
    font-size: var(--font-size-base);
    color: var(--color-text);
}

.fc-input {
    padding: 10px var(--space-sm);
    border: 1.5px solid var(--color-border-strong);
    border-radius: var(--radius-sm);
    background: var(--color-bg-warm);
    color: var(--color-text);
    font-size: var(--font-size-md);
}

.fc-input:focus {
    outline: none;
    border-color: var(--color-primary);
}

.fc-result {
    padding: var(--space-lg) var(--space-md);
    border-radius: var(--radius-lg);
    text-align: center;
}

.fc-result-value {
    font-size: 40px;
    font-weight: var(--font-weight-bold);
    color: var(--color-primary);
}

.fc-result-label {
    margin-top: var(--space-xs);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
}

.fc-result-extra {
    margin-top: var(--space-xs);
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
}

.fc-result .btn {
    margin-top: var(--space-md);
}

.fc-note {
    font-size: var(--font-size-sm);
    color: var(--color-text-tertiary);
}